Press enter to see results or esc to cancel.

Abraham Garcia Abraham Garcia in Javascript/jQuery   Wednesday, August 23 2017

jQuery Validate Plugin Border Validation Color

A short tutorial on how to validate a form with border color instead of messages. Simple and Easy.

This is a short example on how to create border colors for validation with the jQuery Validation Plugin.  jQuery $(document).ready(function () { $('#myform').validate({ // initialize the plugin // your rules and options,

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, June 23 2017

How to Replace Amazon Tag for Mobile Devices

This is a small snippet that show how to replace all your page amazon tags for a different tag. Used primarily for changing desktop tag to mobile affiliate tag.

This is a short snippet on how to replace all amazon tag for mobile devices. I came across this problem when a client wanted to see what their conversion rate was for mobile devices. So i needed to search all the DOM and replace all the tag elements

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Thursday, June 22 2017

Do Something if Screen if Smaller than in jQuery

How to run a jQuery function when screen is smaller than a certain breakpoint using window width.

Last week i wanted to do some jQuery functions when the screen was smaller than a certain size. This script will help you run your functions when reaching a certain break point.    if ($(window).width() < 767) { alert('Less than

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Saturday, May 20 2017

How to Add Dynamic Slides to OWL Carousel via Ajax

A tutorial on how to add Dynamic Slides to Owl Carousel via Ajax jQuery. Similar to ClickFunnel recent purchases user slides.

This is a small tutorial on how to add dynamic slides to OWL Carousel via AJAX jQuery Call. I used this to create a random user testimonials for ClickFunnels. Similar to what ClickFunnels has in the home page a sliding feed of users that have

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Tuesday, April 25 2017

Free Animation on Scroll Library

A useful javascript library for animated on scroll. A tool that is used by big and large websites. A must have library for your projects.

AOS is by far my favorite on Scroll Library because of how easy it is to use and the lightweight of the package.  You can call the plugin as simple as one script and initiate it with one linke. Take a look at this.  <link

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Monday, October 24 2016

Scroll to Element jQuery

A useful function to scroll to element without a javascript or jquery plugin.

This is a small function to scroll to a desired element. This was written Cory LaViska and in my opinion a very good function to use for your future projects. This is short and small and you do not need a plugin.  

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Tuesday, April 12 2016

Headroom.js Usage and Examples

How to use Headroom.js with jQuery. Full Documentation.

How to Use Headroom.js with jQuery With jQuery include the headroom.js and jQuery.headroom.js scripts in your page, and then: // simple as this! // NOTE: init() is implicitly called with the plugin $("#header").headroom(); You must include the

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, September 25 2015

Nice Alerts That Replace JavaScript Alert Messages

Make your JavaScript Alerts friendlier and nicer. These are four plugins that you can use on your projects to replace your current alert messages. These are fun and very interactive.

If you like to make your JavaScript Alerts friendlier and nicer. This is a post for you. These are four plugins that you can use on your projects to replace your current alert messages. These are fun and very interactive.  Sweet Alert A

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Sunday, April 19 2015

jQuery detect click amount

How to detect the amounts of clicks you do on an element. This is helpful on changing an element on amounts of clicks.

This function i used it in one of my projects to add a class when i clicked it and then removed the class when i clicked it twice. So this can be used in your projects lets say you want to turn the element red when you click it one and then turn it

Continue reading
The Best Carousel Out There for Developers
Abraham Garcia Abraham Garcia in Javascript/jQuery   Saturday, April 18 2015

The Best Carousel Out There for Developers

This is one of the best carousel for developers because of its flexibility. Start using Owl Carousel in your projects.

I have always had problems finding a nice carousel. Do not get me wrong there is alot of carousels out there, but i always run into the problem with responsive websites. Some carousels are just not flexible, but Owl Carousel is one of the best

Continue reading