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

Archive for the Design resources category

What does a website cost?

A helpful list of the factors that *can* contribute to the overall cost of a website. For all those designers…

CSS3 Layer Styles

A Photoshop style generator to create CSS3 styles like you would a layer.

Roots WordPress Theme

An incredibly powerful base theme for WordPress developers.

jQuery plugins to enhance your site

Some plugins you might not have seen before built with jQuery and offering a good variety of functionality.

Useful jQuery plugins

10 useful jQuery plugins for your site.

Vintage poster tutorial

How to design a classic SwissAir poster in Photoshop. Bit of design fun for you.

Set a Google map as a background

A really useful little tweak to set a map as a page background with some neat CSS.

Form Field Usability: Avoid Multi-Column Layouts

Avoid multi-column layouts. One of the problems with form fields in multiple columns is that your users are likely to…

Using Javascript in Umbraco

A useful reminder on how to manage Javascript in Umbraco and why you should try not to inject it into…

Placekitten

Yeah, it’s a bit of fun but it does also have a practical use – we all need placeholder images…

6 Counter intuitive design tests

Some more design tests to get you thinking and delivering great work.

CSS Selectors

A quick and humorous reminder on how to efficiently use selectors.

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.

CSS copy and paste styles

Neat little set of styles to spruce up your designs with CSS3 rules.

Unusual typography

Impressive typographical design samples. The first one will hurt your eyes!

WordPress as a CMS

The complete guide to using WordPress as a CMS.

Orbit slider

It’s another jQuery image slider but this is one of the leanest I’ve seen.

How to be a client

Part of an ongoing series of blog posts aimed at helping clients and agencies get the most from each other…

Useful jQuery tooltips

A varied selection of jQuery tooltip scripts.