How To Work With Transparent Colors And Images In CSS

Being able to control the transparency of design elements is something we’ve been able to do with css for a few years. However, I often see questions from people, particularly in regards to the opacity property and how child elements inherit opacity from parent elements, which typically isn’t desired.
Continue reading

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

css.php