101 CSS Resources to Add to Your Toolbelt of Awesomeness
All the cool kids are using CSS to separate content from appearance on their sites. Here is 101 resources that will get your feet wet with CSS, teach you some new tricks and techniques, clean your code, and hit the ground running with pre-made layouts.
CSS Templates and Layouts
- A collection of 40 CSS layouts based on the same markup and ready for download! - blog.html.it
- CSS Layouts - layouts.ironmyers.com
- CSS Templates - free-css-templates.co.uk
- The Web’s CSS Site - cssvault.com
- Open Source Web Design - Download free web design templates - oswd.org
- Dynamic Drive CSS Layouts- Tableless, CSS based templates - dynamicdrive.com
- Free CSS Templates - free-css-templates.com
- Free Design Templates - smashingmagazine.com
- Free Website Templates - andreasviklund.com
- Free Website Templates, Free Web Templates, Photoshop Layouts - freshtemplates.com
- Free XHTML/CSS Website Templates - templateworld.com
- Nice and Free CSS Templates - mycelly.com
- Open Design Community - opendesigns.org
- The CSS Tinderbox - csstinderbox.raykonline.com
- The only CSS layout you need(?) Strictly CSS - strictlycss.com
CSS Tips and Techniques
- 10 CSS Tips from a Professional CSS Front-End Architect - 72dpiintheshade.com
- 15 CSS Properties You Probably Never Use (but perhaps should) - seomoz.org
- 53 CSS-Techniques You Couldn’t Live Without - smashingmagazine.com
- A CSS Crossfader Demo - mikeomatic.net
- Attach icons to anything with CSS - hunlock.com
- Beginner's guide from a seasoned CSS designer - cameronmoll.com
- CSS Advisor beta adobe.com
- CSS Image Text Wrap Tutorial - bigbaer.com
- CSS Navigation Techniques (37 entries) - alvit.de
- CSS techniques I use all the time - christianmontoya.com
- CSS Techniques Roundup - 20 CSS Tips and Tricks - petefreitag.com
- CSS tips and tricks - blogherald.com
- CSS: Getting Into Good Coding Habits - communitymx.com
- Erratic Wisdom: 5 Tips for Organizing Your CSS - erraticwisdom.com
- Everything You Need to Know About CSS3 - css3.info
- Little Boxes - thenoodleincident.com
- Master Stylesheet: The Most Useful CSS Technique - crucialwebhost.com
- Max Design - Sample CSS Page Layouts - maxdesign.com.au
- My 5 CSS Tips - businesslogs.com
- Playing Nice with the Other CSS Kids - contentwithstyle.co.uk
- Showing Hyperlink Cues with CSS - askthecssguy.com
- Squeaky Clean CSS - huddletogether.com
- Ten CSS tricks you may not know - webcredible.co.uk
- Ten more CSS tricks you may not know - webcredible.co.uk
- Three Column Layouts - css-discuss - css-discuss.incutio.com
- Turning a list into a navigation bar - 456bereastreet.com
- Turning Lists into Trees - odyniec.net
- Unordered List Rollover Gallery - destinedtodesign.com
- Web Page Reconstruction with CSS - digital-web.com
- Yahoo! UI Library: Grids CSS - com1.devnet.scd.yahoo.com
CSS Tutorials
- 53 CSS-Techniques You Couldn’t Live Without - smashingmagazine.com
- A Slacker’s Guide to Style Sheets - slackerhtml.tripod.com
- Advanced CSS Layouts: Step by Step - webreference.com
- Advanced HTML Tables and CSS Tutorial - lynchconsulting.com.au
- Alternative Style: Working With Alternate Style Sheets - alistapart.com
- Cascading Style Sheets in 7 Easy Steps: A CSS Tutorial - javascript-page.com
- Creating a CSS layout from scratch - subcide.com
- CSS - Quirks mode and strict mode - quirksmode.org
- CSS Basics - Making Cascading Style Sheets Easy to Understand - cssbasics.com
- CSS Design, News, Jobs, Community, Web Standards - cssbeauty.com
- CSS Design: Creating Custom Corners & Borders - nidahas.com
- CSS Library- Practical CSS codes and examples - dynamicdrive.com
- CSS shorthand properties - an introduction - home.no.net
- CSS Tutorial - w3schools.com
- css Zen Garden: The Beauty in CSS Design - csszengarden.com
- CSS: cascading style sheets tutorials and style guide - yourhtmlsource.com
- Making Complex CSS Simple! - leftjustified.net
- Making Headlines With CSS - webreference.com
- MIS Web Design: Fancy Paragraphs With CSS - miswebdesign.com
- More Rounded Corners with CSS - schillmania.com
- Simple Styling with CSS - adobe.com
- Single Image Multi Replacement - web-graphics.com
- Spiderpro: How To justify text with CSS - spiderpro.com
- The Complete CSS tutorial - echoecho.com
- Tools : Link Thumbnail- lab.arc90.com
- Tutorials: Uberlinks CSS List Menus - projectseven.com
- Using CSS and a simple list to create radically different list options - css.maxdesign.com.au
CSS Utilities
- Cascading Style Cheatsheet - home.tampabay.rr.com
- Clean CSS - A Resource for Web Designers - Optmize and Format your CSS - cleancss.com
- CSS Browser Selector - rafael.adm.br
- CSS Cheat Sheet - Cheat Sheets - ilovejackdaniels.com
- CSS Compressor - iceyboard.no-ip.org
- CSS Creator - csscreator.com
- CSS Editor - pixy.cz
- css filters (css hacks) - centricle.com
- CSS Formatter and Optimiser/Optimizer - cdburnerxp.se
- CSS Properties to JavaScript Reference - codepunk.hardwar.org.uk
- CSS Rounded Box Generator - neuroticweb.com
- CSS Source Ordered 1-3 Columned Page Maker by ClevaTreva Designs - The Generator Form v2.90 - positioniseverything.net
- CSS Superdouche
- CSS Tweak ~ Web Based CSS Tweaker! - cssdev.com
- CSSCheck, a Cascading Style Sheets Lint - htmlhelp.com
- CSSTidy - csstidy.sourceforge.net
- Firdamatic: the Design Tool for the Uninspired Webloggers - wannabegirl.org
- Free CSS Template Code Generator - Maker for 3 Column Layout (tableless) - ibdjohn.com
- Iconize Textlinks with CSS - pooliestudios - pooliestudios.com
- JotForm - jotform.com
- Live CSS editing with Internet Explorer and Firefox simultaneously - sitevista.com
- OverZone Software - CSS Tab Designer - highdots.com
- Simple CSS - hostm.com
- Sky CSS Tool - skycsstool.sourceforge.net
- Stylesheet Generator - Scriptomizers’ Webmaster Tools - scriptomizers.com
- The W3C CSS Validation Service - jigsaw.w3.org
Related Resources
Are you looking for web domain registration? Nowadays many internet hosting companies are offering this service. Even some website hosting companies are offering free domain names with their hosting packages. Nowadays many new people are coming into this field as new jobs in the field of network backup maintenance are being offered on regular basis. For this all they need is good knowledge in the form of ccna certification.



If I see another website about CSS I’m going to die. CSS is so uncomplicated it deserves no comment past the initial understanding of how it works. If you don’t know CSS learn it today!
Pure XHTML CSS Banner Generator/Creator
Use these online generator tools to easily and visually create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. No programming required!
http://www.sitesandbanners.com
Great list, covers pretty much anything I could think of.
Thanks; this’s very important for the people!
Heres number 102: http://www.free-css-templates.co.uk
There are over 600 Free CSS based templates showcased on the website, its a non-commercial site, what you see is what you get, loads of beautiful W3C compliant templates.
Just what the doctor instructed
Hey Jason,
you haven’t got css3.info in there
check it out and link it if you like it
Best,
Joost
Thanks Joost, I added css3.info to the list.
Also I added free-css-templates.co.uk.
Just AWESOME!
Very good site for webdesigners!
Thank you. I’ve found so many useful things on your page..
This is great information. Thank you so much for sharing!
Thanks for sharing
I must agree with Paul Dunn (the first post).
The internet is completly over-saturated with articles and CSS resources and resource lists.
But, then why do I make it a point to pour over each and every “Css Resource List”? I must have 50 lists just like this bookmarked. I find myself always looking for other ways to do it, new ways to display background and new fancy hovers………. what can I say? Getting the margins and padding just right on my floated DIVs in IE6 just makes me “say wee wee wee all the way home!!!!”
Got another list of 264 must-have CSS sites? Bring it on I say!
And thanks Jason. Keep up the good work!