HTML & CSS

Building blocks of Web design
2016-11-11

Of course, HTML & CSS are the core languages upon which Web design evolves. As a designer, you want to stay up-to-date on the latest tools and best practices. This collection is for those resources...

MaintainableCSS

MaintainableCSS is an approach to writing modular, scalable and of..

maintainablecss.com
WTF, forms

From Mark Otto, creator of Bootstrap, here are friendlier HTML form..

wtfforms.com
CSS Buttons

180+ Hand-picked free HTML5/CSS3 and JavaScript buttons (share, social,..

cssbuttons.tumblr.com
Flexbox Froggy

A game for learning CSS flexbox from the creator of Bootswatch...

flexboxfroggy.com
GenerateCSS

A free online tool to generate CSS and stylesheets for your website...

www.generatecss.com
CSS3 Animation Cheat Sheet

The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations..

www.justinaguilar.com
Compare CSS Frameworks

A comparison of major responsive design, grid systems and CSS frameworks...

usablica.github.io
CSS-Tricks

When we talk about front end performance we think things like concatenation,..

css-tricks.com
CSS Guidelines

CSS Guidelines is a document by Harry Roberts, Front-end Architect..

cssguidelin.es
Balloon.css

Simple tooltips made of pure CSS!..

kazzkiq.github.io
UnCSS

Find and remove unused styles from CSS...

github.com
CSS Nano

CSS Nano takes your nicely formatted CSS and runs it through many..

cssnano.co
Loaders.css

Delightful and performance-focused pure css loading animations. See..

github.com
CSS Animation Tools & Frameworks

A collection of tools, frameworks and tutorials with you that will..

speckyboy.com
Hover.css

A collection of CSS3 powered hover effects to be applied to links,..

ianlunn.github.io
Can I use...

"Can I use" provides up-to-date browser support tables for support..

caniuse.com
Share some love.

All the best in frontend web development & design