Animation handoff: how to make sure what you design is what the developers build
Interactive Infographic with SVG and CSS Animations
Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.
Responsive Navigation Patterns
For the record:Β Itβs super important for us to keep this site 100% free for you and 100% high quality. To help us do that, weβve partnered with some of
Responsive HTML images
β¦ adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.
Five Useful Interactive CSS/jQuery Techniques Deconstructed
Skeleton
β¦ a Beautiful Boilerplate for Responsive, Mobile-Friendly Development [β¦] a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
Google Font Directory
The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.
β¦ tutorials you should have read in january 2010
Progressive Enhancement
β¦ a strategy for web design that emphasizes accessibility, semantic markup, and external stylesheet and scripting technologies.
Stronger, Better, Faster Design with CSS3
In our last article about CSS3, ["Pushing Your Buttons With Practical CSS3](https://www.smashingmagazine.com/2009/12/02/pushing-your-buttons-with-practical-css3/), we talked about using new CSS3 techniques like gradients, border-radius and drop-shadows to create compelling, flexible and (in some cases) hilarious buttons.
Grid Calculator
Grid Layout (ctrl+shift+g)
The Grid Layout Javascript enables web-developers to stick to a Grid Layout quickly and simply by including the Grid Layouts Javascript file and simple XHTML code. Currently, the Grid Layouts Javascript relies on jQuery.