Frontend Masters Boost RSS Feed

I had a situation where I wanted to highlight an arbitrary element on a page. Like, call attention to it briefly.

There is a pretty obvious and straightforward way to do this. We could apply an inset style box-shadow to whatever, and that would apply a nice glow that works just fine:

Jake has a very nice, clear video about what text-box solves in CSS. It essentially makes even padding on an element (like a button) doable without magic numbers, and that will work across any font (sick). Temani

In a previous article, calculated a few values for a responsive grid such as the number of columns, the number of rows, and the coordinates of the grid items.

Knowing that each item is automatically placed and spans only one row and on...

Love these little animations (“code snacks”) from Lauren Basser that illustrate basic technological concepts. Check out the ones for Working Directory and Shadow DOM — not the easiest concepts to illustrate as simply as this!

There is a new progress() function in CSS that maps a given value against a value range. It can be used for layout scaling, but it can do more, as you’ll see in this article where progress() is used to work out a boolean-like lo...