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
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.
a11y#pe#progressive#enhancement#web#design#accessibility#semantic#markup#external#stylesheet#scripting#css#javascript#html#content#seo#flash#svg#read later 🔖#a11y#CSS#Wikipedia
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.