Press enter to see results or esc to cancel.

Abraham Garcia Abraham Garcia in Javascript/jQuery   Tuesday, January 1 2019

My Favorite jQuery Lightbox for Youtube and Vimeo Videos

Best jQuery Lightbox for Youtube and Vimeo Video Pop Ups.

This is my favorite jQuery Plugin for Youtube or Vimeo Lightbox. It is sosimple to use and has great documentation.  Installation <link href="dist/lity.css" rel="stylesheet"> <script src="vendor/jquery.js"></script>

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
Rafael Meneses Rafael Meneses in Video Editing   Tuesday, November 13 2018

Best Exporting Guidelines and Tips For Facebook Videos

The Best Exporting Tips for Facebook Videos. Export from Premier or After Effects like a professional.

Facebook has a long list of supported formats for video and they cover almost all video codecs known to man.  It is recommended that you use a MOV or MP4 codec with an aspect ratio no larger that 4000px wide and a frame rate below 30 fps with

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Monday, October 8 2018

Disable Array of Dates in Datepicker jQuery

How to disable days from jquery ui datepicker. A Simple solution to block out dates.

This is a code snippet on how to blockout dates for the jquery ui datepicker.    var array = ["2013-03-14","2013-03-15","2013-03-16"] $('input').datepicker({ beforeShowDay: function(date){ var string =

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 Javascript/jQuery   Wednesday, August 29 2018

Initiate Isotope Hash Filter With URL without Click

A short snippet to pass hash from one url to another and filter isotope results.

This is a code snipped on how to initiate hash filter from url without using the click jquery parameter. Use this when passing has filter from one URL to another.  function getHashFilter() { var hash = location.hash; // get

Continue reading
Abraham Garcia Abraham Garcia in WordPress   Wednesday, July 25 2018

How to Center NextGen Gallery on WordPress Page

A Short CSS Snipet to center NextGen Gallery on your WordPress Website.

This is a short tutorial on how to center the NextGen Gallery. Very simple code that needs to be added to CSS to center the NextGen Gallery Plugin.  CSS .ngg-galleryoverview { text-align:center; } .ngg-gallery-thumbnail-box { float:none

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, June 29 2018

Isotope Masonry jQuery 1px Gap Fix

Isotope Masonry 1px Gap Error. How to Fix this 1px Gap on Isotope Masonry.

This is the solution for Masonry 1px Gap. I was having this issue on one of my website and found an article on StackFlow after looking like crazy.  HTML <div class="grid"> <div class="grid-item" ><a href="#"><img

Continue reading
The Best Gradient Animations in JS
Abraham Garcia Abraham Garcia in Javascript/jQuery   Monday, June 18 2018

The Best Gradient Animations in JS

A tool to create gradient animations on your website. Top Level Tool for CSS Gradients

I found a really cool tool to do gradient animations with good documentation.  Let me show you how easy it is to get started.  1) Download Granim.js 2) For JS Use the Following var granimInstance = new Granim({ element:

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Wednesday, June 13 2018

Revolution YouTube Slider with Latest Chrome Update Error

A Fix for Revolution YouTube Slider with the latest Chrome Update.

Ever since i updated by Chrome Browser i been having issues displaying a YouTube Video on Revolution Slider. I contacted support and they told me it is a known issue and they will release an update on next realease in order to fix it now you just

Continue reading