824-zen-garden

Learn the latest CSS3 Animation, Web Design & CSS Tutorials, Articles and Codes

824-zen-garden
CSS Zen Garden is ten years old. Craig discusses why the site became a defining moment in web history and the new HTML5 version announced by Dave Shea.Read More
 
819-css3-toggle-switch
Checkboxes are boring. Why not bring some excitement into your users' lives with a slick toggle switch implemented in pure CSS as demonstrated in Craig's latest tutorial.Read More
 
820-retina-support
Are the images on your website looking a little ugly on your new iPad or MacBook Pro? Craig discusses Retina high-density pixel displays and offers a number of pragmatic solutions.Read More
 
 
responsive web design
When considering how to implement responsive web design techniques, Rahul Lalmalani suggests you take into account how a device might change user expectations of a site’s functionality.Read More
 
responsive web design
Former Microsoft engineer Rahul Lalmalani puts the case for implementing responsive web design now, dismissing a few myths and misapprehensions along the way.Read More
 
audio-descriptions
James describes a simple but surprisingly effective technique for synchronising multiple media sources in order to add accessible audio descriptions to an existing video.Read More
 
instafuzz
In Part 1, Rajasekharan Vengalil laid out the implementation details of his InstaFuzz app built with HTML5, CSS and JS. Here, he shows how Drag/Drop, File API, Canvas and Web Workers can be used.Read More
 
 
808-mediaquery
Do all users prefer the mobile-optimized sites we provide via Responsive Web Designs? Should we let them revert to desktop view? Craig starts the debate...Read More
 
instafuzz
Rajaskharan Vengalil set out to see if an app like Instagram could be built using only HTML, CSS and JavaScript. Turns out it is (sorry, belated spoiler alert!).Read More
 
808-mediaquery
Do you need a lightbox-like image which is centered and never exceeds the browser's dimensions? Do you want it in CSS3 only without scripting? You're in luck -- Craig has a solution...Read More
 
HTML5_Logo_512
Dmitri Lau looks at how to use the HTML5Shiv tool to address the inability of certain older browsers to correctly interpret some HTML5 elements.Read More
 
435-jquery-143
jQuery 2.0 has been released. There is one new feature, but it's a big change. Craig provides the details...Read More
 
472-html5-logo
The hgroup element is being removed from the HTML5 specification. Craig discusses the reasons you never used it...Read More
 
web directions
If you're in Melbourne, Australia, May 2-3, and wishing you could go to Web Directions Code, we have not one but TWO $999 tickets to give away.Read More