harikr2006/Parallax-Scrolling
Code to accompany the tutorial in Smashing Magazine
Discovered public repositories for harikr2006 in the GitHub catalog.
Code to accompany the tutorial in Smashing Magazine
nicescroll plugin for jquery - scrollbars like iphone/ipad
Public repository.
jQuery cssHooks adding a cross browser transform property to $.fn.css() and $.fn.animate()
A jQuery plugin that makes it easy to create paginated, feature vertically scrolling pages.
JQuery powered parallaxing
An all in one jQuery plugin that let you change your favicon, browser's title and more to reflect new notifications
A plugin that let you add an end page box that will display when scrolled to the bottom.
Add a super simple rotating text to your website with little to no markup
Add a fully customisable Path-like wheel menu button to your website
hovertip
JavaScript Alert/Notification System
Avgrund is a jQuery plugin with new modal concept for popups
A tooltip style toolbar jQuery plugin
A JQUERY PLUGIN FOR SVG PATH ANIMATION ~
A JS/CSS3 modal UI concept
A fullscreen background slideshow with autoplay functionality.
A responsive grid layout for multiple items in a row that fill all the available width.
Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.
A simple automatic quotes rotator with progress bar and example media query.
A simple, nestable accordion with some examples of nesting levels and a media query.
A fixed vertical icon menu that adjusts its size for smaller screens.
A responsive horizontal drop-down menu inspired by the Microsoft.com menu.
A very simple 100% width slider that scales down to mobile.
A fluid content slider that will adjust in width and height depending on the size of its parent.
A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath.
This responsive layout is based on an initial grid of four boxes. Once a box is clicked, it gets resized to fullscreen and the other boxes scale down and fade out. In the work section we experiment with another transition which is to show a panel by making it appear from the bottom while scaling the current one down. To see it in action, open the work section and click on one of the portfolio items and navigate through them.
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.
A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We'll be using jQuery, CSS Transitions and media queries to make the layout adaptive.
How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.
A tutorial about how to create a swatch book like component that let's you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.
A responsive slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.
Baraja is a jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. It uses CSS transforms for rotating and translating the items. There are several options available that will create various spreading possibilities of the items, for example, moving the items laterally or rotating them in a fan-like way.
A jQuery Plugin for Swift Content Navigation
Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.
A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like a piece of paper. Unfolding directions and number of steps can be specified.
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
Public repository.
Runtime pluggable renderers for EaselJS (Canvas 2D, WebGL, HTML DOM, SVG).
A NodeJS compatible build of EaselJS.
Zoë is an open source tool for generating spritesheet images and frame data from SWF files. It enables illustrators to maintain a familiar workflow while generating animations for EaselJS and other formats.
Contains demos, helper classes, experiments, and other resources that don't belong in the main repos.
Repo for collaborative creation of localized documentation.
PreloadJS makes preloading assets & getting aggregate progress events easier in JavaScript. It uses XHR2 when available, and falls back to tag-based loading when not.
A Javascript library for working with Audio. Features a simple interface as the front end to multiple audio APIs via a plugin model. Currently supports HTML5 Audio & Flash.