Press enter to see results or esc to cancel.

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
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Sunday, July 19 2015

Changing the Color of List Style Circle with CSS

A brief tutorial on changing the list-style circle color with CSS. A simple CSS trick.

In order to change the list-style circle we can do the following: <style> ul li{ list-style:circle; color:red; } ul li span{ color:green; } </style> <ul> <li><span>Some Text</span></li>

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Sunday, November 30 2014

How to Share on Facebook and Twitter

Sharing on Facebook and Twitter with sharer.php is a tool all developers should know. Since most of our clients are going social this is something you should learn.

As the world becomes more social developers are required to know how to share links on Facebook, twitter, and other social networks. I have written this to show developers how to share links on their website with the Facebook and twitter sharer.

Continue reading