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 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 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 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
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, May 4 2018

Contact Form 7 Analytics Tracking

A short code snippet showing you how to enable google goal tracking analytics on your wordpress contact form 7 plugin.

GA Property First you must initiate the Analytics Property <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Tuesday, December 19 2017

Conversion Tracking from Analytics.js to Gtag.js - Migration Help

A short tutorial on how to track goals and events with Gtag.js. How to switch from analytics.js to gtag.js

This is a short tutorial on structure of the new gtag to integrate with goal tracking with Google Analytics.  Before OnClick Events could be tracked like this with Analytics.js <a onclick="ga('send', 'event', 'btn', 'press', 'call')"

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Wednesday, September 27 2017

How to Pass Variables on Framework7

A short tutorial on how to pass variables for Framework7 with JavaScript.

ParseURLQuery is a very useful function for Framework7. Useful for loading dynamic pages in Framework7. var query = $$.parseUrlQuery(window.location.href); if(query.type == 'test'){ console.log(query.type); }

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Monday, September 11 2017

jQuery Validation Without Form Submit

Short tutorial on how to submit a form without the submit button. This is using the valid function within the jquery validate plugin

This is an example on how to submit a form without actually clicking on the submit form. Useful in many applications. This is using the jQuery Validation Plugin. $(document).ready(function() { $("#test").validate({ // initialize plugin on the

Continue reading