As a dedicated Web Standards gal, i appreciate the beauty and power of CSS, in fact my design studio – Postscript5 is built on the aim of producing beautiful, accessible websites. The love and respect for web standards is continually growing in the online community and the push to create more and more unique web designs and layouts means the use and functionality of CSS is more keenly discussed.
With this in mind i can well appreciate that CSS was the chosen theme for this week’s Theme Thursday!
Feast your eyes over this collection of super useful CSS resources:
- 53 CSS-Techniques You Couldn’t Live Without
- 20 Useful CSS Tips For Beginners
- 5 Ways to Instantly Write Better CSS
- Using CSS to Do Anything: 50+ Creative Examples & Tutorials
- 101 CSS Tips, Tutorials and Examples
- CSS Code Snippets : 15 Wicked Tricks
- 15 CSS Tricks That Must be Learned
- 8 CSS tips for better linking
- 8 Premium One Line CSS Tips
- 70 Expert Ideas For Better CSS Coding
- 30+ CSS Cheat Sheets & Quick Reference Guides
- 10 Principles of the CSS Masters
- 10 Excellent CSS Tips and Tutorials
- 50+ Nice Clean CSS Tab-Based Navigation Scripts
- CSS Layouts: 40+ Tutorials, Tips, Demos & Best Practices
- 120 Excellent Examples of CSS Horizontal Menus
- 60+ Wacky CSS Tutorials, Layouts, Optimizers & More
- 12 Principles For Keeping Your Code Clean
- Quick & Easy CSS Development with Firebug
- 25+ CSS Tools to reduce your work load
- 20 Useful Resources for Learning about CSS3
- 16 Usable CSS Graph and Bar Chart Tutorials & Techniques
- Top 10 Swish And Stylish CSS Tricks
- 12 Most used CSS tricks
- Five web 2.0 CSS menu tutorials
- 12 CSS Tools and Tutorials for Beautiful Web Typography
- 5 Popular CSS Frameworks + Tools for Getting Started
- 30 Excellent CSS Based Navigation and Buttons Tutorial
- Creating CSS Layouts: Best Tutorials on Converting PSD to XHTML
- 20 Ultimate CSS Tutorials That Will Help You Master CSS
- 19 CSS Menu Tutorials to Spice Up Your Web Designs
- Top 10 CSS Buttons Tutorial List
- 40 CSS Web Form Style Tutorials For Web Developers
- 35+ very Useful And Powerful CSS techniques
- 43 PSD to XHTML, CSS Tutorials Creating Web Layouts & Menus
- Creating Sexy Stylesheets
- CSS Tip #1: Resetting Your Styles with CSS Reset
- Ten CSS tricks you may not know
- 5 Tips For Organizing Your CSS
- Web Design+ Tips & Advice on Web Standards Development
- 10 CSS shorthand techniques you’ll use everyday
- The Ultimate CSS Cheat Sheet
- 13 Training Principles of CSS Everyone Should Know
- 101 CSS Techniques Of All Time- Part 1
- 16+ Easy CSS Techniques that Simplify the Webdesigner’s Life
- 15 CSS Properties You Probably Never Use (but perhaps should)
- The CSS, HTML, and JavaScript Lab
- 5 Steps to CSS Heaven
- Cool CSS Image Maps
- 20 Sites That Brought CSS into the Mainstream
- CSS Font sizing with different techniques
- Make your Site Mobile Friendly with CSS
- Examples & Tips for Great HTML/CSS Formatting
- Top 10 CSS Table Designs
- Fluid Grids with CSS
- The Art of CSS Positioning
- CSS: Magic of ‘border’ property
- How to Debug CSS
- 26+ CSS Galleries to Follow on Twitter
- Image-free CSS Tooltip Pointers
- Simple scalable CSS based breadcrumbs
- 9 CSS Essential Skills For Every Web Designer
- My Top Ten CSS Tricks
- 22 Resources to Easily Create CSS Layouts
- 10 Invaluable CSS Resources
- 40 Beautiful Dark CSS Website Designs
- 40+ CSS Generators, Creators, and Makers
- How to: CSS Large Background
- The complete CSS guide
- Learn CSS Positioning in Ten Steps
- 50+ Nice Clean CSS Tab-Based Navigation Scripts
- 37 CSS Navigation Techniques
- 10 Challenging But Awesome CSS Techniques
- CSS Typography: Contrast Techniques, Tutorials & More
- 4 Uber Cool Css Techniques For Links
- 38 Free Elegant XHTML/CSS Website Templates
- CSS Float Theory: Things You Should Know
- CSS Tip #2: Structural Naming Convention in CSS
- 5 Techniques to Acquaint You With CSS 3
- The Highly Extensible CSS Interface
- Improving Code Readability With CSS Styleguides
- Best of CSS Design 2008
- SitePoint CSS Reference
- CSS Editors Reviewed
That’s our 5th Theme Thursday over and i think it was one of the best as CSS is a favourite topic for alot of designers and developers on Twitter.
I have just finished the initial build for the Theme Thursday website and Stuart will be incorporating the backend functionality over this weekend so if all goes well it should be up and running for the next Theme Thursday on 30th April as Theme Thursday is now a fortnightly event on Twitter to allow time for you to take in and read through the links.
Have you used any of these resources or links in your projects or do you have any other articles to recommend? Then drop a comment, i would love to get some feedback on these!
Photo by Exey Panteleev
Thank you Grace for this roundup! This proves that everybody loves CSS! (and if somebody don’t…. they should).
Thanks so much for this, I love CSS and this will give me reading material for ages!
@Adrian My pleasure, if we could get everyone to love CSS the world would be a better place
@Angie Hey Angie, i know there’s alot to get through!
@Jeremy CSS trickery indeed and lots of it.
@GreenStar Hey, i will drop you an email and we can have a chat about you contributing if your up for it. Thanks so much, would love more people to get involved!
@Emma Im a new blogger too so i know how much info you take in when staring out, all the best with your new blog!
@Rob No problem, great tutorial.
@Dani Thanks for stopping by, my pleasure, im happy to gather some great links for everyone to enjoy.
@Photosmarter and @Art2Code Glad you enjoyed the post.
@CSS Will do, thanks for commenting.
@Marcus and @TLaw Hope they prove useful, it’s always good to have a list handy to refer to.
@Nareg I really liked your post so was happy to link it up.
@Vicente Absolutely my pleasure.
@Aravind Hey, thanks for dropping a comment, no you rock, big follower of yours on twitter!
@Navdeep Im slowly working my way through them myself, so i hope they also prove useful for you.
What a gi-normous supply of CSS trickery! Thanks for that.
I just found your site through twitter and wanted to comment. This themethursday was amazing. It’s definitely got me hooked
If you need anything, just let me know. I’d love to contribute to a themethursday if possible.
Hey Grace thanks for linking my tut
Wow! Great list Grace
Thanks for putting this together!
thank you for this huge list of css tips!
You can add me to the list, im always looking to write new css tutorials
Wow. Thank you very much. This list is huge!
Thank you Grace for this great post.
Also, thanks for linking my post.
Great list, I don’t know where to start
Thanks
Wow thats a niiiiiiiiceee list.. thats a trasure… many thanks!!!!!!!!
Awesome roundup Grace!
You rock!
Great list and will sure be of some use to me… thx
@3drockz
Thanks very much, so many quality css tips here. I try to be industry standard when it comes to web design and there’s a few little tricks here that I didn’t know about, thanks.
Question: Any idea how to make rounded corners in css?
@Rory My pleasure, it can’t hurt to learn new tricks and tips in css! For rounded corner i found the best example to be in the book Bulletproof Web Design but online this is a great roundup of techniques: CSS Rounded Corners ‘Roundup’. Have fun with those rounded corners
@Harry, @Alex, @Realizzazione and @Gwen You are all very welcome and thanks for visiting and commenting, i love putting these lists together as i always find quite a few articles i didn’t know of myself!
@Lars My pleasure, really enjoyed reading your post, keep up the great work!
wowww!! this is a huge list… thanks…
WOW!!!That is a GREAT list
…thanks for the report Grace!
very useful CSS list.Many many thanks for sharing that precious infos.
What a MEGA list! Thanks for mentioning http://www.tripwiremagazine.com.
Thanks for the mention Grace
Hey i stumbled across this page and i am so glad! lotta good stuff here, thanks!
Thanks…very useful post..
@Antonio Hi, no problem Antonio, big fan of your blog
@Dominic I’m happy you stumbled here, hope to see around the blog in the future.
@riderznet, @foodland and @Naeem Glad you enjoyed the post.
@Kim Thanks so much Kim, thanks for stopping by!
Thanks so much; have bookmarked this; found you on Twitter as well. Awesome job Grace!
thank you grace for ur wonderfulll collection
Nice list, very informative.
Thanks for your representing a great pile informations.
I’m quite sure this page should be bookmarked for the future use.
Any good developer will certainly praise these links.
@Honey, @Tobias and @Molly Thanks so much for visiting, im super happy you enjoyed the post
Look forward to seeing you around the blog more in the future!
Absolut fantastic list about css resources. thanks so much!
Regards from Germany
Tobias
As you can see by clicking my link, I’m working on my website. Found your site through StumbledUpon from his high rating of your site. Now I see why. Joining, Stumbling, Tweeting and FriendFeeding. It’ll take DAYS to work through all those links and that’s just one article on your site. Looking forward to working my way through the rest.
Thank you very much…
Im a beginner in web developing and your list is very helpful in my study..
Again thank you very much and God Bless!
Amazing compiled information , Also i loved the header of your website , Lovely clean interface, Really loved the site.
Kudos…..
list of lists.
this is huge.
very helpful for beginners.
Great collection of css resources! Is the topmost picture a photo or a drawing/sketch. On the topic of web standards validation you could use totalvalidator.com to validate several aspects of your web site in one sitting
Holy crap awesome list! Thanks!
Thanks for the tips. Some cool and pertinent info.
Great list. So much useful stuff on CSS here, almost too much to read in fact. The 25 CSS tools are a particular favourite of mine.
awesome thanks
Great Thanks!
Thanks for the list. Always nice to get some more tips.
awesome thanks
Cool Stuff, thanks a lot!
Thanks for this super list.
Great tips thanks for this!
very nice post. I really like this keep up the great work
Fantastic compilation, many thanks
What a list! Thanks for posting, using these CSS bits in a current project… is gonna look sweet!!!
Fantastic! Thanks for sharing Grace! I personally love the Top 10 CSS Table Designs, it was very usefull for for a client’s site…