About Nicely Done CSS

We feature websites that show great design technique and are built using well written HTML & CSS. Updated on a regular basis we feature editor curated websites only.

You can't submit your own site

Please feel free to suggest a site via Twitter, we'd love to check it out as long as it's not your own, that way we see sites that aren't part of a personal link building agenda (and if we don't post it, you're not upset and wondering why!).

If your site is awesome, it will be found! We don't accept submissions from gallery services or by email as we prefer to keep an eye on the design community via @nicelydonecss.

Filter / Info

Reactive

Reactiveinfo

Hoban Cards

Hoban Cardsinfo

Futurefabric

Futurefabricinfo

TEDx Portland

TEDx Portlandinfo

Nike Skateboarding

Nike Skateboardinginfo

Amphersand Conference

Amphersand Conferenceinfo

Better

Betterinfo

Massive Blue

Massive Blueinfo

Mr Porter

Mr Porterinfo

Permanent ADG

Permanent ADGinfo

Co Exhibitions

Co Exhibitionsinfo

Atlantic Records

Atlantic Recordsinfo

Manchester Design Symposium

Manchester Design Symposiuminfo

Pinhole Pro

Pinhole Proinfo

Climate Wisconsin

Climate Wisconsininfo

United Pixelworkers

United Pixelworkersinfo

Northern Contrast

Northern Contrastinfo

David Perel

David Perelinfo

Unit Interactive

Unit Interactiveinfo

JS Training

JS Traininginfo

Pierrick Calvez

Pierrick Calvezinfo

Ghost Horses

Ghost Horsesinfo

Enjoy This

Enjoy Thisinfo

These Are Things

These Are Thingsinfo

Sovrappensiero

Sovrappensieroinfo

Parliament

Parliamentinfo

Design made in Germany

Design made in Germanyinfo

Mike Tucker

Mike Tuckerinfo

Pentagram

Pentagraminfo

Cuban Council

Cuban Councilinfo

Editor picked resources

Type archive

Collection of lovely typography shots for your inspiration.

CSS3 Depth of field

Cool CSS3 experiment in creating a depth of field effect. Click toggle for animated goodness.

Pen.io

A useful little service allowing you to quickly create text based pages. Good for sharing copy/content perhaps.

Caching Tweets

How to cache tweets to avoid hitting the Twitter API limit.

HTML5 Greyscale image hover

A simple but effective trick for giving a consistent look on a site but enhanced with rollovers.

Less Framework 3

Less Framework is a cross-device css grid system based on using inline media queries.

CSS3 Formatting

Some ideas on how you can format your CSS3 for easy readability.

CSS Positioning

An excellent refresher on the CSS position property by designer Noah Stokes. Well worth a read.

HTML5 Geolocation

A great demo of how to get someones location using HTML5.

Pull out content panel

A great jQuery script that shows additional content in a prominent but subtle way at a predefined scroll point. Would…

Transparent CSS sprites

How to create and work with transparent CSS sprites to get the maximum flexibility in your sprite graphics

Web design sample contract

A sample design / development contract free to use for agencies and freelancers alike.

More resources