How To Add Realism With CSS Box Shadow And Text Shadow

You can add visual interest and a sense of realism to a design is by adding depth and one of the popular ways you can add depth is by incorporating the impression of a light source through shadows.
Continue reading

Classes Vs. IDs And Descendent Selectors [Audio]

Umm…ahh…you know…well I survived my first audio post well enough to put together a second one, though I did have a acase of the…umms…this time around. In between the…ahhs…I talk about a discussion I caught a couple of weeks ago on the role of ids and descendent selectors in css.
Continue reading

How To Work With Linear, Radial, And Repeating CSS Gradients

Any time you can replace a bitmapped image with code you should. The code is going to weigh less and be more maintainable. That’s not to say we shouldn’t use bitmapped images, but where appropriate go with the code instead.
Continue reading

Flexbox Revisited: The New Syntax For Flexible Boxes

Last summer I wrote about the css flexible box model. At the time I mentioned how the spec was changing and offered syntax for both the old and “new” specs. Those “new” specs didn’t last long. A newer spec has taken it’s place and I wanted to run through flex layout model again to have more accurate information here.
Continue reading

Should You Use Inline-Blocks As A Substitute For Floats?

When it comes to developing a site layout with css, floats do most of the heavy lifting. We use them for the big blocks like our main content and sidebar and we use them for the smaller blocks inside these big ones. Are floats always the answer?
Continue reading