Home

Web Design Resources- Latest

User rating:

Creating a basic parallax scrolling effect using CSS and JavaScript

This tutorial unmasks the mystic surrounding parallax scrolling by creating a simple one from scratch.
http://www.javascriptkit.com/dhtmltutors/parallaxscrolling/index.shtml
User rating:

Fixing a parallax scrolling website to run in 60 FPS

Tips on how to efficiently implement the popular parallax effect on your web site.
http://kristerkari.github.io/adventures-in-webkit-land/blog/2013/08/30/fixing-a-parallax-scrolling-website-to-run-in-60-fps/
User rating:

Creating a live CSS clock using CSS3 and some JavaScript goodness

This tutorial guides you through building a clock interface using pure CSS, then bringing it to life with JavaScript's requestAnimationFrame method.
http://www.javascriptkit.com/dhtmltutors/css3clock.shtml
User rating:

Velocity.js

Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance with little change to your existing jQuery code.
http://julian.com/research/velocity/
User rating:

Responsive Iconic Menu

A sleek CSS3 horizontal menu bar that stays tucked away until the user clicks on an icon, revealing the menu.
http://www.dynamicdrive.com/style/csslibrary/item/responsive_iconic_menu/
User rating:

scrollMagic

A jQuery plugin for doing cool scroll related animations such as parallax.
http://janpaepke.github.io/ScrollMagic/
User rating:

Grid: A simple guide to responsive design

Awesome, one page guide to responsive design.
http://www.adamkaplan.me/grid/
User rating:

PhysicsJS

A JavaScript 2D Physics engine to add some nice physics effects to your code.
http://wellcaffeinated.net/PhysicsJS/
User rating:

Snap.svg

A modern JavaScript library for working with SVG, and includes support for masking, clipping, patterns, full gradients, groups, and more.
http://snapsvg.io/
User rating:

Flat flipping menu buttons

These menu buttons combine the two hot trends that are flat design and CSS3 to create a bold and modern looking navigation system.
http://www.dynamicdrive.com/style/csslibrary/item/flat_flipping_menu_buttons/
User rating:

Manipulating CSS3 transitions using jQuery

This tutorial looks at using jQuery to dynamically modify CSS3 properties and hook up to the "transitionend" event for more intricate CSS3 transitions.
http://www.javascriptkit.com/dhtmltutors/css3-transitions-and-jquery.shtml
User rating:

Full Page Image slideshow

An awesome supersized slideshow that spans up to the entire screen to showcase images in their full glory.
http://www.dynamicdrive.com/dynamicindex14/fullpageslideshow/index.htm
User rating:

Animo.js

A CSS library for manipulating CSS3 animations- stack animations, create cross-browser blurring, set callbacks etc with ease. Also comes with many built in CSS3 animation effects.
http://labs.bigroomstudios.com/libraries/animo-js
User rating:

Chocolate Chip UI

CSS mobile framework that mimics the native look of popular OSes, from iOS7, to Android Jelly Bean and Windows Phone 8.
http://app.chocolatechip-ui.com:3000/
User rating:

CSS3 Sonar Menu

A cool horizontal list menu that highlights each menu link with a pulsating sonar effect using CSS3 keyframe animation.
http://www.dynamicdrive.com/style/csslibrary/item/css3_sonar_menu/

CSS Forums News

Dynamic Drive forums | Register

All images and content copyright © 2004-2012 CSS Drive. Contact Info | Back to Top