My Favorite Website This Week

Afarr — Sat, 30 Jan 2010 18:42:27 +0000

This is one of the most useful generators I’ve come across recently. Finally a generator that will create CSS sprites automatically, no more loading images in photoshop and piecing them together (although I love photoshop). This makes it quick and painless to reduce the number of http requests on the page for smaller images.

20 Amazing CSS Resources and Time Savers

Afarr — Sun, 10 Jan 2010 21:59:29 +0000

Here are a few CSS resources and time savers that I find really helpful.

CSS Inspiration

For those days when you can’t quite figure out what you want to do, it’s nice to look at other people’s work and who knows what will trigger your muse! Just be careful not to be a copy cat.

CSS Tricks + Tutorials

As a web designer there are always new tricks that you can learn or how to do that new trend that everyone’s talking about. No matter how skilled you are in CSS there are always new things to learn or people who know how to do what you do better. So take a look at some of these.

I personally love this one and use it all the time!

CSS Menu Maker

Feeling a bit lazy today? This is a great site to make custom css menus if you just don’t feel like doing the code yourself or if you don’t know how to you can always learn from it.

CSS Organization

A rule of thumb for writing up CSS is to be organized, not only for your sake but for others. You can save a lot of that time trying to find that selector or property if you keep it clean and alphabetized. Here are some awesome CSS organization websites.

First here is a style sheet that I use all the time, but I can’t for the life of me remember where I got it, hopefully it will help you.

download the style sheet

Clean CSS

This will often cut down my css file quite a bit and is really useful for keeping your selectors and properties looking the same.

Primer CSS

Format CSS

Style Neat

CSS Layout Templates

I often find myself using the same layouts over and over again so being able to have a good layout template helps me save some time and get started on the real stuff.

Free CSS Layouts

Iron Myers Layouts

Layout Gala

Color

These are a few resources that can help when it comes to choosing color schemes.

W3 Schools Html Color Names

Colour Lovers

Color Schemer

Image Pallete