Fluid Responsive Design | Utopia
Utopia is not a product, a plugin, or a framework. It’s a memorable/pretentious word we use to refer to a way of thinking about fluid responsive design.
Designing Beautiful Shadows in CSS
Creating the perfect shadow
Welcome to the W3C design system
This design system documents the styles, components and templates available to use on your website.
A guide to designing accessible, WCAG-compliant focus indicators
Imagine you visit a Web site and you want to browse it for some content. You want to buy something; or maybe book a flight somewhere. And as you move your cursor onto the page, it suddenly disappears.
The Alternative CSS principle | Stuff & Nonsense
Let’s face it, unless you develop a complex product—and even if you do—you probably don’t need half the humungous hunk of CSS you bung at a browser. In fact, it’s possible you only need one default and one alternative style for every element.
Omatsuri
Omatsuri, a little collection of free useful helpers.
Color accessibility: tools and resources to help you design inclusive products by Stéphanie Walter - UX designer & Mobile Expert.
Resources, tips and tools to build and check the color accessibility in one single place for future reference
Modern CSS Techniques To Improve Legibility
Modern CSS has numerous tools to help you improve the legibility of your text, from cutting edge technologies like variable fonts, to newly precise control of established properties. Edoardo Cavazza introduces some of his favorite tricks, with plenty of actionable tips for implementing them on your own sites.
Spacing, Grids and Layouts
The organization of space is key to every great design. Spatial systems, grids, and layouts provide rules that give your designs a consistent rhythm, constrain decision making, and help teams stay aligned. This foundational scaffolding is a requirement for all design systems. In this guide, we’ll walk through the basics of defining spatial base units, creating relationship rules with grids, and bringing it all together for modern UI layouts.
blog.theodo.fr
FF Meta Variable Font Demo
SVG Gradient Background Maker
Handy
The ultimate CSS tools for web designers | CSSmatic
Gradient generator, border radius, noise and box shadow
24 ways: Front-end Style Guides
Links to Style Guides
Typeplate » A typographic starter kit encouraging great type on the Web
A neat typographic starter kit
❍ IcoMoon
Custom built and crisp icon fonts, done right
min-device-pixel-ratio test
What’s your device’s min-device-pixel-ratio?
typespiration.com - treating typography with respect — treating typography with respect
// treating typography with respect
19 Free Icon Font Sets, Embedding Icons Have Never Been So Easy
United Pixelworkers — Welcome
Beautiful responsive web design
Creating Single Element iPhone using CSS3 | CSSDeck
On the amazing use of box-shadow
Golden Grid System
Four features Columns, gutters, a baseline and a script.
Modular Grid Pattern
Useful web app to generate a grid pattern
Quick Tip: Rounded Corners Done Right
Best (so far) CSS3 Tutorials, Inspirations & Resources of 2012
21 Examples of Fixed Position Menus in Web Design
Principles for Successful Button Design
A Richer Canvas | Mark Boulton
10 Beautiful examples of responsive Web design
Animated Buttons