Is Using Display: None; The Best Way To Hide Elements?

Is Using Display: None; The Best Way To Hide Elements?

Is Using Display: None; The Best Way To Hide Elements?

When we want to hide something on a page, setting the element to display: none is almost like breathing — we don't have to think about it, we just do it. But did you know there is a more accessible way to hide an element?

Creating Shapes With CSS

Creating Shapes With CSS

Creating Shapes With CSS

CSS Shapes may be a bit away from being a handy tool in your web design arsenal but the new CSS Shapes specification sounds promising to allow web designers to create complex shapes without using any JavaScript.

2 Resources To Convert Photoshop Drop Shadows And Gradients To Cross Browser CSS

2 Resources To Convert Photoshop Drop Shadows And Gradients To Cross Browser CSS

2 Resources To Convert Photoshop Drop Shadows And Gradients To Cross Browser CSS

Whenever I am coding up PSDs into HTML and CSS, there are two handy online resources I always have open in my browser. One is for converting Photoshop gradients and the other is for drop shadows and text shadows.

Quick Tip: IE Bug Fixes For Twitter Bootstrap

Quick Tip: IE Bug Fixes For Twitter Bootstrap

Quick Tip: IE Bug Fixes For Twitter Bootstrap

During a recent web development project using Twitter Bootstrap, I came across two CSS bugs in IE7 and IE8 that drove me nuts for a while. Hopefully these quick fixes will help anyone else who encounters these issues.

Tut of The Month: Reverse Engineer An Awesome CSS3 Menu With jQuery Fallback For Older Browsers

Tut of The Month: Reverse Engineer An Awesome CSS3 Menu With jQuery Fallback For Older Browsers

Tut of The Month: Reverse Engineer An Awesome CSS3 Menu With jQuery Fallback For Older Browsers

Our Pick for Sept. 2012 —

Typically we try to select a tutorial that is free to the masses but this month's pick is so good, we had to make an exception. In order to get the actual step by step tutorial you need to be a premium member on tutsplus, but the good people over at webdesigntuts+ posted a link to the final result of the tutorial and if you're nosy like us and enjoy finding out how a cool technique is achieved, putting in the work is well worth it. Kudos to webdesigntuts+ and Joren Van Hee for putting together such an awesome tutorial.

Beautify That MInified CSS

Beautify That MInified CSS

Beautify Minified CSS

You ever come across a site with a sweet design or nice feature and you went under the hood to check out the CSS but you get a bunch of illegible code that make your head hurt. Most of the time using Firebug or your browser's developer tools will easily do the job but when you want to look at the CSS as a whole and it's minified, CSS Beautify is one of the many handy tools out there that you should keep in your back pocket

Tut of The Month: CSS Sprite Sheets

Tut of The Month: CSS Sprite Sheets

Tut of The Month: CSS Sprite Sheets

Our Pick for August 2012 —

Even though this month's pick for Tut of the Month isn't technically a tutorial, we decided to go with an article on CSS sprite sheets by James Duquenoy — published on webdesigntuts+. Besides giving a general overview on the ins and outs of using and creating sprite sheets,  the highlight of the article is its introduction of SpriteMe — a free bookmarklet-based sprite sheet tool that will generate both a sprite sheet and accompanying css from any website using individual images.