Pin It

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 informed about 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


Author:

Kawsar Ali is a web designer who also likes blogging. In his spare time he walks around with a Nikon D5100 hunting for good textures.


  • 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.ksw65fgfg35.com Lyda Showden

    Regards for this post, I am a big fan of this web site would like to go on updated.

  • http://www.brettwidmann.com Brett Widmann

    Great list of tools and resources. Thanks for sharing.

  • 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://www.deepubalan.com Deepu Balan

    Thanks for including my ‘Cool Sprites – Overlapped CSS menu’… :-)

  • Hermitbiker

    …. a very good collection of “20 must know css resources and tools”…. thanks “desizntech” for the post and the share !!

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

    ofcourse, it’s an useful tutorial