Web Design Resources- Latest
User rating:
Matching multiple CSS media queries using window.matchMedia()
This tutorial looks at how to use JavaScript`s window.matchMedia() method to respond to more than one CSS media query match.
User rating:
CSS Mobile side menu
The classic side bar menu that slides in from the edge of the window when a toggler is clicked on, powered entirely using CSS and compatible in all major platforms.
User rating:
Overview of CSS3 multiple column layout
This tutorial gives an overview of CSS3's multi-column module, which lets you divy up content automatically into multiple columns.
User rating:
A pure CSS Before and After image effect
This tutorial shows how to use CSS to create a "before" and "after" image effect, whereby moving the mouse over the image container peels back one image to reveal another.
User rating:
CSS Circle Buttons
These large, circular buttons employ CSS3 shadows to create a 3D, depressible look. Four different button colors are presented to give you a jump start in inspiration.
User rating:
Before and After image script
Lets you view an "after" version of any image as an overlay of the original one in dramatic fashion.
User rating:
CSS3 oval switch checkboxes
Slick looking, oval shaped checkbox replacement switches using CSS3.
User rating:
Blur Image effect
This Blur Image script lets you easily blur an image by varying intensities using HTML5 canvas.
User rating:
Grayscale Image Gallery
Using CSS3 filters, this image gallery creates thumbnails that are initially rendered in grayscale until the image is enlarged.
User rating:
Parallax Slider
Parallax scrolling comes to a slider with this jQuery content slider script.
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.
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.
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.
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.
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.
