Web developer resources

Web development is complex and multi-faceted, therefore a large amount of tools exist to help developers make the most of their time. You'll find some of these below.

The background resources listed below will help you find or generate backgrounds for your sites. Subtle Patterns is a fine example - it's a list of many beautiful minimalist patterns.

The icon resources are either great sources of many icons, or icon fonts. Icon fonts have many advantages, like scalability, and the ability to colour or add shadows without editing an image.

Generate colour themes for your site based on colour theory or mathematically-derived compatibility. Font resources simply provide large amounts of either free or paid fonts. CSS generators let you produce a variety of effects without writing the CSS yourself.

Please feel free to post more if you find something unlisted.

Website background resources

go →

Decent sized set of pure CSS backgrounds presented in a great UI

go →

Great site offering free textures of a very subtle nature.

Classy minimalist backgrounds in a great interface.

go →

Create your own tileable background image by choosing colours, a canvas, and an image.

Simple process that results in an attractive free background

Icon resources

go →

Beautiful open-source site with a wealth of icon fonts

go →

Great collection of icons - the focus is on visual communication symbols rather than application icons

go →

A search engine for icon images. Very effective and very fast.

go →

A famous and arguably overused set of icons for applications or websites

Colour theme generators

go →

Attractive, social colour theme generator from Adobe

go →

A simple, functional generator

Font resources

go →

Handpicked fonts, free for commercial use

go →

A large collection of open source fonts, provided as a free of charge service by the big G

go →

Plenty of fonts, many of which are freeware or public domain

Interface looks a decade old, but still functional

CSS generators

go →

Generate styles for sections of your site to easily choose things like drop shadow, background, border, and inner shadow

Duplicates the Photoshop layer style interface, so graphic designers shouldn't have any trouble finding their way around

go →

Choose gradient options in a Photoshop-like way and this tool outputs the corresponding CSS for you

go →

Generates CSS buttons, allowing the user to choose things like size, colours, curvature and so on

Web design blogs

go →

News for web designers and developers from a large editorial team based in Germany

go →

Something of an institution in the web design world

Extensive coverage of coding, design, UX, and Wordpress related topics

go →

Web design and development blog. News, tutorials, and the latest trends in web design

go →

Web design, tutorials and modern design trends

go →

Links, blog posts, videos and tools for the budding web.

Also features an extensive design gallery

Related Things

Element (Types)