A collection of repeatable SVG background patterns for you to use on your web projects.

Generate your noise texture pattern easy and fast within 3 steps! The ultimate designer tool created by Andrew Ckor.

Any of the patterns can be clicked to edit.

Experiments demonstrating CSS Grid, and what's now possible in graphic design on the web.

Water.css is a just-add-css collection of styles to make simple websites like this just a little bit nicer.

Icon fonts for web designers with added flexibility, including multiple button shapes and a unique multi-color option. Free and open source, Stackicons-Social includes finely-crafted icons for over 60 social brands. The Stackicons project is by Parker Bennett, a web designer and front-end developer based in Los Angeles.

I think it’s important to publish what you learn. There’s really no school for front-end development. You can’t go to a university for a JavaScript degree or a class about how browsers work. Most of us learn from blogs and Twitter. Early in my career, I learned a bunch of things whenever I worked on a project, but I never told other people about them. So my general advice is to publish what you learn, share with the community, and collaborate on projects that help move the community forward.

‘There are some particular findings that are pivotal to issues such as readership and readability and comprehension, which is really what body copy is all about. If people won’t read it, or if they can’t read it or understand it, then what’s the point of having it?’

How to make an background image scale without using a ton of JavaScript.

This may be worth looking into. I waffle on whether this sort of thing is ultimately a good decision — you're relying on someone else's framework, it takes a while to learn and master, and once you decide to go with it you're essentially stuck with it. But isn't that the case with any pseudo-framework developed for a website design? I should test this on a little project.

As seen on Normative.com.

Intelligently choosing the graceful degradation (size- and style-wise) of your web fonts.

With handy charts.

"A tool for visual layout development of YAML based CSS layouts." YAML stands for Yet Another Multicolumn Layout.

"Striped background generator."

"Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing."

Reveal box model and other style information for visible elements on a webpage.

Things always to remember when building a form.

An excellent and highly educational series.

Lots of color tools, including one with helpful color-blindness-simulating utilities.