Latest Collection of free HTML and CSS book effect code examples: 3d, animation, flip, layout, etc.

[…] how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.

Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.

Coolest Gradient Hues and Swatches by UVdesk

Chrome extension to see a quick overview of styles on the current page Chrome Web Store: https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk

Devbridge Styleguide helps you create, share, and automate a living visual style library of your brand. Share your digital brand standards, improve team collaboration, and implement an independent easily-extendable modular structure. --- Demo → http://styleguide.devbproto.com/styleguide/ --- GitHub → https://github.com/devbridge/Styleguide

A handy article on Vertical Rhythm and Modular Scale with Viewport Units.

336 pixel perfect, all-purpose vector icons

250+ carefully crafted pictograms

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

… a complete set of icons for use in web design and apps, consisting of 320+ pixel-perfect, hand-crafted icons that draw inspiration from Apple iOS 7 - available to the public, 100% FREE! You may use or distribute it for any purpose, whether personal or commercial.

A freshly updated icon font set that you can use with CSS on your next Foundation project.

Create atomic design ( http://bradfrost.com/blog/post/atomic-web-design/ ) systems with Pattern Lab.

calc() is a native CSS way to do simple math right in CSS as a replacement for any length value (or pretty much any number value). It has four simple math operators: add (+), subtract (-), multiply (*), and divide (/). Being able to do math in code is nice and a welcome addition to a language that is fairly number heavy.

… a brand new open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community. → http://topcoat.io/posts/introducing-topcoat/

The ultimate CSS tools for web designers … · Gradient Generator · Border Radius · Noise Texture · Box Shadow

Responsive Layouts for Email

… a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.

(A List Apart: Articles)

The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.

Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning. We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer ask...