Loading ...
CSS Resources: The Ultimate Collection
As a CSS developer (or as a learning CSS developer) you use many resources and sites that help you along the way. May it be as a CSS tool, as a bug fix, or even learning CSS via tutorials. I have compiled the Ultimate List of CSS Resources.
If you have a suggestion for an inclusion, please let me know and I will update the list.
Beginners
CSS is a fairly easy language to learn. However, you need to know where to start. Check out the following links to start of well.
- W3Schools CSS introduction
- YourHTMLSource CSS introduction
- Free CSS Ebook – Need to subscribe to the RSS feed to download the Ebook!
- CSS Basics
General
Here are some general links that don’t fit in any of the other sections but are worth mentioning.
CSS Books
Although I don’t read much offline, I’ve read these CSS books. If you are serious about CSS, you should consider buying any of these books, if not all.
- CSS Mastery
- Eric Meyer on CSS – Mastering the Language Of Webdesign
- CSS: The Definitive Guide
- Pro CSS and HTML Design Patterns
- Bulletproof Web Design
Write Clean and Organized Code
You can write some crappy CSS, or you can create a clean and organized stylesheet. Mastering this will save you time in the end.
- Useful Guidelines For Clean and Organized Code
- Write a well structured CSS file without becoming crazy
CSS Resets
Resetting the default CSS interpretation of browsers is a must. Use any of these CSS resets and you can really start building a site from scratch.
CSS Typography
Typography is an important part of the web. Use CSS to create beautiful looking headings, paragraphs and more.
- CSS & Typography – Tips and Examples
- The Paragraph & Typography Guide
- CSS Typography
- Advanced Typography Options in CSS
- CSS & Typography (Jon Tan)
CSS Compressors
Compressing your CSS once you are finished is a great way to optimize your code and make your CSS styles load faster. Make sure you keep a backup of your original stylesheet in case you want to make changes.
CSS Cheatsheets
CSS cheatsheets can be very handy when you need to reference to a CSS selector. You should print them and put them on your wall!
CSS Galleries
When you are writing CSS, you might need some inspiration along the way. That’s why CSS galleries are there: the most beautiful CSS layouts right in front of your eyes.
PSD to HTML
It’s important to be able to import your beautiful layout crafted in Photoshop into a quality HTML and CSS layout. The ins-and-outs can be learned via these tutorials.
- Converting a Design From PSD to HTML
- PSD to CSS in 4 lessons
- Encoding a Photoshop Mockup to XHTML & CSS
- Converting a Photoshop Mockup Screencast
CSS Frameworks
CSS frameworks can be great for coding perfect looking grid layouts with ease. I use them in my projects all the time.
CSS Tools
There are numberous CSS tools out there that will greatly improve your CSS workflow. I have bookmarked a lot of these tools and it save me lots of time.
CSS Bugs & How to Solve Them
When you are writing CSS, you will find numerous bugs on your path. Keeping a list of websites that will fix them will save you lots of debugging time.
- IE CSS Bugs You Will Get Every Time
- Position Is Everything – Explains the CSS bugs
- All Bugs (even IE3!)
- 20+ Common CSS Bugs and Fixes
CSS 3
While it can take years until CSS3 is finally supported on all major browsers, you can still use it for browsers that does have the CSS3 support. Just remember, your page should look good without these features too.
[...] Divito Design has a really nice Ultimate Collection of CSS resources. The list includes everything from links for beginners, to books, and even cheat-sheets. Click Here for the Ultimate CSS List! [...]
[...] Ultimate Collection » DivitoDesign – http://www.divitodesign.com/2009/01/css-resources-ultimate-collection/ Tags: smashingmagazine resources web gift Tweet [...]