Follow us on Google+

20 Must Know Recent CSS and CSS3 Resources and Tools

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: , ,

Bookmark or Share This Post

  • Bookmark on Delicous
  • Share on Facebook
  • Share on Stumble Upon
  • Tweet This
  • Float it !


  • 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

Quick Links




Our Supporters