Recent Great Reads and Resources: The CSS Edition

350 Great CSS Tools and Techniques

Abduzeedo.com has collected the best of the CSS posts they have bookmarked and put them in to one post, which makes for a great CSS resource. Worth browsing for new great articles or reminders of ones seen but worth seeing again.

350 Great CSS Tools and Techniques »

100+ Massive CSS Toolboxc

Site tripwiremagazine.com has a great big round-up of CSS resources and tools, not many of which are “new” but bookmarkworthy for the large amount of them in one place. Worth a browse.

100 Massive CSS Toolbox »

Design Reviver

Design Reviver has a great article looking at CSS Image Map techniques and pointing to some great tutorials for learning how to do them with just CSS.

CSS Image Map Techniques and Tutorials »

Styleneat CSS Organizer

Always wanted to sort your css properties alphabetically but never had the time? Styleneat CSS organizer can do that and more. Simply upload, paste in or link to your stylesheet and sort alphabettically or in single/multi-line format.

Styleneat - CSS Organizer »

5 Popular CSS Frameworks, Tutorials and Tools

Site noupe.com has a great article that takes a look at five of the most popular CSS Frameworks and includes some resources for learning more about using them. Definitely worth a read.

CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs. The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love.

5 Popular CSS Frameworks Tutorials & Tools for Getting Started » (noupe.com)

More CSS Cheat Sheets and Lotsa Web Dev Links

All Web Design Resources has a big round-up of CSS Cheat Sheets worth browsing for CSS beginners.

30 CSS Cheat Sheets & Quick Reference Guides.

Also worth a look, this really big list of web dev links from Web Designer Heaven. You’ll find lotsa links for things such as fonts, stock photography, cheat sheets, color tools, patterns, icons, tutorials and more! Bookmark worthy.

15 CSS Tricks that Must be Learned

From blog In The Woods, a round-up of valuable CSS tricks.

As web designers and developers, we have all come to learn many css tricks and techniques that help us achieve our layout goals. The list of these techniques is an ever expanding one, however, there are certain tricks that are essential to achieve your goal. Today, we will review 20 excellent css techniques to keep in mind when developing your theme.

15 CSS Tricks That Must be Learned

BlueTrip CSS Framework

Site Capsize Designs takes the best of all the CSS Frameworks and rolls them into a new one calle BlueTrip.

I searched everywhere for every snippet of every framework I could find. I’ve tried 960.gs, Blueprint, LogiCSS, YAML, Elements, YUI, and Boilerplate, among a few others. I even discussed the pros and cons of each of them. Finally, I decided to combine the good points of each of them to get something that I was satisfied with. Since most of it came from BlueprintCSS or Tripoli, I’m calling it BlueTrip. Why not?

BlueTripCSS Framework - Blueprint meets Tripoli

CSS Typography: Contrast Techniques, Tutorials and Best Practices

From noupe.com a nice round-up of css typography tips, tricks and tutorials.

The main advantage of elegant CSS typography lies in its ability to be both attractive and improves the user experience. When chosen wisely and used carefully, it can be very effective to support the overall design. There are many outstanding examples of how we can do this, and below you will find some of the best ideas and tips when it comes to using Fonts and typography in your CSS based sites.

CSS Typography: Contrast Techniques, Tutorials and Best Practices

5 Nice CSS Articles

1. Site Monday by Noon has a nice article that looks at CSS organization methods and writing style.

I’d like to cover some common techniques for writing CSS. This article is in no way meant to indicate that method A is in any way, shape, or form superior to method B. Please keep that in mind as you read. Topics such as this tend to spark quite the debate, but that’s not my goal. The purpose of this article is to provide insight to other ways of doing things.

CSS Organization Methods and Writing Style (Monday By Noon)

2. From nimbupani.com, learn how to write CSS without hacks. (nimbupani.com)

3. Learn how to achieve pixel precision when converting from a Photoshop PSD to html/css using this diagnostic css trick.

Here’s a little CSS trick I started using a while ago that has really helped me to achieve pixel precision when converting Photoshop PSD (or Fireworks PNG or whatever) design comps into (X)HTML and CSS web standards goodness.

Pixel Precision with Diagnostic CSS (aloestudios.com)

4. Neal Grosskopf.com looks at hacks that work with various browser for when you absolutely need to use them.

CSS Browser Hacks for Firefox, Opera, Safari and Internet Explorer (nealgrosskopf.com)

5. Site From Scratch shares a handy text file to ensure that all html elements have been styled. Simply load up the html file with your own css file and test it in a browser. Handy file to have on hand.

When ever I design templates I always try to ensure that all of my HTML elements are styled properly. It’s very easy to forget element and to see how they look. I’ve tried to create a test file with all the code you will need to be concerned about on a basic level.

HTML XHTML for CSS Testing (Site From Scratch)

20 Sites to Help You Learn and Master CSS

Site Six Revisions has a round-up of CSS resources that will help a beginning CSS coder learn and a more experienced CSS coder master.

CSS can be both a tricky and easy to learn. The syntax itself is easy, but some concepts can be difficult to understand. This article features 20 excellent websites to help you “grok” CSS. There’s a wide range of websites included – from blogs to directory-style lists and websites that focus on one particular topic related to CSS.

20 Websites To Help You Learn and Master CSS (Six Revisions)

10 Principles of the CSS Masters

NetTuts has a great article today, highlighting advice from 10 CSS Masters.

When it comes to CSS, there are lots of resources and supposed “expert tips” on the web. … Instead of relying on unknown sources for advice, let’s look deeply into designers who have excellent design backgrounds and have walked the walk. These CSS tips are gathered from some of the most respected designers on the planet.

10 Principles of the CSS Masters

The Lessons of CSS Frameworks

Adactio.com has a great article today, taking a look at CSS Frameworks and disecting their various settings. Based on an presentation from Eric Meyer, it’s well worth a read.

Adactio: The Lessons of CSS Frameworks

3 Nice CSS Resources Links

From Hidden Pixel,s a round-up of the current crop of CSS Frameworks. CSS Frameworks - Hidden Pixels.

A nice article from NETTUTS, detailing some common CSS problems and how to solve them. How to Solve 5 Common CSS Headaches.

CSS Round, creates a text box with rounded corners for you. Customizable and download the completed zip file containing html, css and images.

via CSS Resources | etc: a stream of web dev and design consciousness.

Full Main Column Layouts

via CSS Layout: A collection of 224 Grid and CSS Layouts.