20 Must Know Recent CSS and CSS3 Resources and Tools

February 10th, 2010 | 28 Comments

CSS is always the easiest method to improve websites design and functionality. Moreover, The next version of CSS (CSS3) will revolutionize the way websites works. Except Internet Explorer most of the modern browsers supports CSS3 features. Here we present to you 20 recent CSS & CSS3 tools and resources you need to be aware of as a web designer/developer.

You can check here what CSS3 features Internet Explorer supports. Although, none of the new exciting new features of CSS3 are supported, Microsoft Announced to support CSS3 in Internet Explorer ( IE9). Keep your finger crossed!

Frameworks and Tools

HTML5 & CSS3 Framework- 52 Framework

HTML5 Reset Stylesheet

Easy Framework

CSS Sorter

CSS Sorter is a free online tool that organizes CSS rules alphabetically so that it is be easier to maintain your CSS files.

Helium-css

Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser.

Tutorials and Resources

Introduction to CSS3 and Resources

Get the Best out of CSS3

Multi Columned Layouts in CSS3

Pure CSS3 Rotating Coke Can

View Source on this page to see how it it done.

Beautiful Looking Custom Dialog Box With jQuery and CSS3

Depth And Nice 3D Ribbons Only Using CSS3

Drop Shadow in Images : No extra markup

Star Rating Using CSS Sprite and jQuery

Multi-level Multi-column Multi Menus with Pure CSS

CSS Paper Bird

View the source on this page to see how it is done.

Guide to Font Sizing with CSS

The Importance of the !important CSS Declaration

CSS Minification on the Fly

CSS Shorthand Clockwise Rule

Overlapped CSS Menu Using CSS Sprites

If you enjoyed this post, get free updates by email or RSS.

Posted Under: CSS, Round Up

Tagged: CSS menu, CSS3, HTML5

http://www.eukhost.com eUKhost

Mind blowing creativity! These are some real mind blowing tutorials. Thanks a lot for sharing such wonderful CSS tutorials. CSS file holds very important values, a simple mistake in the file could lead a big change to the website. CSS has got a lot of potentials to make your website more attractive and creative.
http://harounkola.com Haroun Kola

Cool examples. Thanks
http://www.pswebsitedesign.com PS Website Design

Great resource. HTML 5 and CSS3 are going to make the web a much nicer place. :)
http://www.small-business-graphic-design.com Rhonda Brown

The coke can is soo neat! I haven’t seen that done before. I wonder how I could use that to my advantage. Maybe to showcase products on my clients’ websites?
http://www.ksw65fgfg35.com Lyda Showden

Regards for this post, I am a big fan of this web site would like to go on updated.
http://technologiesreview.com/ technology review

Great resources and tools for CSS
http://www.juegosdemariobros.org Juegos

Interesting, Thanks for sharing. Greetings
http://www.brettwidmann.com Brett Widmann

Great list of tools and resources. Thanks for sharing.
http://thegorillaadagency.com web design agency

The reset I use is by Eric Meyers. It has become a standard when i start coding a site. Nice list :)
http://www.gfctheme.de Dani

Very much beauties and detailed list. Thanks. If I recommend.
http://www.juegos.gs Juegos

Very good CCS3 resources …really learning alot from your blog. Btw you have a nice and professional theme.
Pingback: TraVotez
http://howtotutos.com/category/3d-graphics/3ds-max 3ds max Lessons

your great offer, I like this concept.
http://blog.computer-service-mallorca.com Michael Pehl

Nice. This is something that is worth implementing ;)
http://www.favshare.net favSHARE

This article has been shared on favSHARE.net. Go and vote it!
.-= favSHARE´s last blog : Top 10 SEO mistakes web designers and developers make =-.
Pingback: CSS Knowledge |
http://artatm.com Rocky

it is a great collection.. Very helpful..thanx
http://flitz.do.am FLiTz

Great list you got here. thamks
http://richworks.in/ Richie

CSS3 sprites makes it seem so easier. I won’t be surprised if CSS3 and HTML5 replaced Flash in a couple of years (even though they are not letting it to)

Nice Resource list. Bookmarked, pal :)
http://night-fairy-tales.com/ SM

Great collection. Thanks
http://www.deepubalan.com Deepu Balan

Thanks for including my ‘Cool Sprites – Overlapped CSS menu’… :-)
Pingback: Notable Tech Posts – 2010.02.14 | The Life of Lew Ayotte
Hermitbiker

…. a very good collection of “20 must know css resources and tools”…. thanks “desizntech” for the post and the share !!
http://www.webdeveloperjuice.com/ designfreek

Thanks dude for including my tutorial. :)
.-= designfreek´s last blog : 7 trusted ajax file upload plugins using jquery =-.

http://desizntech.info Kawsar Ali | DT Admin

ofcourse, it’s an useful tutorial

http://www.famousbloggers.net Hesham @ FamousBloggers

I love the overlapped CSS menu, it show the beauty of the CSS sprites, very useful list.
.-= Hesham @ FamousBloggers´s last blog : Thesis 1.7 A New Generation of Website Optimization =-.
http://www.animhut.com/ sriganesh

thanks for the GREAT resources !! really needed !!
.-= sriganesh´s last blog : Download Vector Google Buzz Button =-.
Pingback: uberVU - social comments