Category Archives: Javascript

jQuery snippet for mobile menu

I’ve been working with lightCMS a lot lately for a client and was asked to also make the existing project we were working on a responsive layout. After some research I found out lightCMS isn’t the most mobile friendly even

Curtain.js – jQuery plugin for adding page sliding transition effects

Curtain.js is jQuery plugin created by Victor Coulon that gives a cool and very unique effect during page transition. It causes the current page to be lifted up just like a curtain that you normally see in theatre stages. Instead

4 code snippets for a more responsive web design

Enable HTML5 markup on older browsers We all know that HTML5 is the future of web development. The only problem is some people still use older versions of web browsers that don’t support this language yet. So for that, here’s

Slick Dynamic Step Walkthrough Sliding Form – Freebie #2

 DEMO Download includes HTML and CSS  

Cuepoint.js – Adding Cue-Points & Subtitles To HTML5 Video

Cuepoint.js is an open source jQuery plugin for adding subtitles to your HTML5 video. To implement this plugin is pretty simple. Simply pass in an object containing your slides to the cuepoint.init method. DOWNLOAD & DEMO Tweet

Snippet of the night – Give list items a comma except for the last child

Most of you probably just read the title and said well the answer is in the title just use 1$("#selector-name li").not(":last-child").append(","); Well that’s great but a lot of people don’t know IE only supports :first-child and doesn’t support :last-child at

VisualSearch.js – Enhances Search Boxes With Autocomplete Faceted search queries

Search box is the important stuff on website or blog especially blog with a lot of content, rather than search using page navigation it will be better if you provide search box  to search specific post. VisualSearch.js enhances ordinary search

Floating sidebar with jQuery and WordPress

Recently I just came across an awesome plugin that floats a sidebar or any element along as the page scrolls without overlapping any parent elements. So today I figured I would write a tutorial on how to take advantage of

CSS Lint – Find The Problems In Your CSS Code

  CSS Lint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency.

Tip for using jQuery with wordpress

I recently just worked on a project for Tazsolutions where I was asked to integrate Fancybox with jwplayer to get the videos to popup when a link was clicked. I got everything loaded and started working on the actual script