Web Design Resources- Latest
User rating:
Grid: A simple guide to responsive design
Awesome, one page guide to responsive design.
User rating:
PhysicsJS
A JavaScript 2D Physics engine to add some nice physics effects to your code.
User rating:
Snap.svg
A modern JavaScript library for working with SVG, and includes support for masking, clipping, patterns, full gradients, groups, and more.
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.
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.
User rating:
Full Page Image slideshow
An awesome supersized slideshow that spans up to the entire screen to showcase images in their full glory.
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.
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.
User rating:
CSS3 Sonar Menu
A cool horizontal list menu that highlights each menu link with a pulsating sonar effect using CSS3 keyframe animation.
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.
User rating:
Responsive 2 column form
A beautiful, bold two column FORM template that's also responsive.
User rating:
Pure CSS framework
A super lean CSS framework that builds on Normalize.css to add layout and styling, plus common UI components to webpages. Crafted with mobile devices in mind.
User rating:
Swinging keyframe animation
This demo shows how to use CSS3 keyframes to create a perpetual, periodically running swinging effect on a HTML element.
User rating:
Examples of Negative Space in Logos
These logos make use of the empty space between its main elements to create something interesting.
User rating:
Flipboard CSS buttons
Flipboard creates a series of CSS buttons that flip horizontally on themselves when the mouse rolls over them.
