Press enter to see results or esc to cancel.

Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Thursday, July 18 2019

How to Center the Google Recaptcha

A short code snippet to center google recaptcha on center of the screen.

A short snippet on how to center Recaptcha. This is a small snippet in order for you to center the recaptcha box in the center of the screen.  <style> /* already defined in bootstrap4 */ .text-xs-center { text-align:

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Thursday, May 30 2019

How to do Vertical Align Column in Bootstrap

Fastest method to align columns vertically on Boostrap 3. I spent hours finding a good solution for this and finally found it.

This is a Short CSS Snippet that will help you align columns vertically in the middle for whenever needed.  CSS .vertical-align { display: flex; flex-direction: row; } .vertical-align > [class^="col-"], .vertical-align >

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Wednesday, December 19 2018

Disable Manual Input in datepicker jQuery

Learn how to disable the manual entry on the jquery datepicker. Simple and Easy.

This short snippet will allow you to disable manual input for the jQuey Datepicker.  <input type="text" name="datepicker" id="datepicker" readonly="readonly" /> Just add a simple readonly and you should be good to go :)

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Wednesday, September 19 2018

How to Change Address Header Color in Newest Chrome Version

Meta Tag Required to change Address Header Color in Android Chrome

This is the meta tag that you need to insert to change the color header on the address bar in Chrome for Android.  <meta name="theme-color" content="#999999" />

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Wednesday, April 25 2018

YouTube iFrame Full Width of Page Keep Aspect Ratio

A Short tutorial on how to make your youtube video preserve the height and keep aspect ratio.

A Short tutorial on how to make your youtube video preserve the height and keep aspect ratio.  HTML   <div class="videoWrapper"> <!-- Copy & Pasted from YouTube --> <iframe width="560" height="349"

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Friday, March 23 2018

How to Center Bootstrap Navigation

A short snippet to center bootstrap navigation.

This is a short code snippet on how to center bootstrap navigation.  .navbar .navbar-nav { display: inline-block; float: none; } .navbar .navbar-collapse { text-align: center; }

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Wednesday, May 17 2017

BootStrap Media Queries and Break Points

These are the BootStrap media queries breakpoints use this as reference to know the different breakpoints in bootstrap 3 and 4.

In BootStrap 3 these are the break-points. @media(max-width:767px){} @media(min-width:768px){} @media(min-width:992px){} @media(min-width:1200px){} In BootStrap 4 these are the break-points.  @media(min-width:576px){}

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Monday, April 24 2017

Bootstrap Navbar Collapse Overlay Menu

A simple way to create an overlay with the Bootstrap Functions. This is a very simple script overlay for Bootstrap Modal.

While using Bootstrap i always liked the Overlay Menu for small menu options. This is a data-toggle sample menu that i found useful in StackOverflow. The CSS: .navbar-toggle { float: left !important; margin-left: 15px; margin-right: 0; }

Continue reading
Best Couses to Learn HTML Free
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Tuesday, November 17 2015

Best Couses to Learn HTML Free

Learn HTML with free resources. This is a list of the free tutorials for HTML and CSS online. Take advantage and learn HTML today

Learning HTML can be frustrating at first, but we would like to help. This is a short list of the best couses to learn HTML for Free.  FREE LESSONS HTML COURSES 1. W3Schools This HTML tutorial contains hundreds of HTML examples. With our

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Thursday, October 22 2015

How to Make an Element stretch the full width of a container

Make an element stretch the full width of a container. Similar to a full width button style. CSS Style

In order to stretch an element a href to the full width of the container we use the following css feature. a { display: block; } This is nice for when you want to do a a href full width to the container like a button. 

Continue reading