-
Recent Posts
Archives
Categories
Meta
Tag Archives: jquery
Tilt.js – A tiny parallax tilt effect for jQuery
A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery. Might come in handy for a quick project. Also love the fact that it’s highly customizable: maxTilt: 20, perspective: 1000, // Transform perspective, the lower the more extreme … Continue reading
Full page transitions with jquery.smoothState.js
jquery.smoothState.js lets you add transitions to eliminate the hard cuts and white flashes of page loads that deface the beauty of the user experience. Works by hijacking links, requesting the target URL over XHR, and then replacing the content of … Continue reading
Apple TV Poster Parallax Effect in CSS3 & jQuery
In this tutorial, I will guide you in building something similar to Apple TV parallax effect using CSS, HTML, and jQuery. Apple TV Poster Parallax Effect in CSS3 & jQuery →
You Don’t Need jQuery!
A series of posts in line with the aforementioned You might not need jQuery, From jQuery to Javascript, a reference, and I know jQuery, now what?. Essentially nothing new, yet linking to because it has all handy snippets collected in … Continue reading
Chosen
Chosen is a library for making long, unwieldy select boxes more user friendly. Also supports changing a multiple select list into a tag-style list, and doesn’t break keyboard functionality. Chosen →
ScrollMe – A jQuery plugin for adding simple scrolling effects to web pages
<div class="scrollme"> <div class="animateme" data-when="enter" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-200" data-rotatez="90" > Yup, that’s all. </div> </div> ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate … Continue reading
jQuery.aim
jQuery plugin which anticipates on which element the user is going to hover/click Cool idea! Experimental/buggy though. A UX Idea: I know where you are aiming! →jQuery.aim source (GitHub) → jQuery.aim examples →
perfect-scrollbar — Tiny but perfect jQuery scrollbar plugin.
$(‘#demo’).perfectScrollbar(); perfect-scrollbar is very tiny but perfect jQuery scrollbar plugin. Looks great: highly configurable, respects the mouse, respects the keyboard, etc. perfect-scrollbar demo → perfect-scrollbar source (github) →
Velocity.js – Accelerated JavaScript animation
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow. Velocity includes all of $.animate()’s features while packing in color animation, … Continue reading
Adaptive Backgrounds
A jQuery plugin for extracting dominant colors from images and applying it to its parent Just set a data-* attribute on an img, and call the plugin: <img src="/image.jpg" data-adaptive-background="1"> jQuery(document).ready(function($) { $.adaptiveBackground.run() }); Adaptive Backgrounds →