Home

Web Design Resources- Latest

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/
User rating:

Introduction to Touch events in JavaScript

In this tutorial lets get touchy feely with JavaScript, but examining its touch related events and how they are used to detect and respond to touch and swipe events.
http://www.javascriptkit.com/javatutors/touchevents.shtml

CSS Forums News

Dynamic Drive forums | Register

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