When setting a parent element to display: flex, its child elements align left-to-right like this:
Now, one of the neat things we can do with flexbox is change the direction so that child elements are stacked …
Chris made a few notes about Core Web Vitals the other day, explaining why measuring these performance metrics are so gosh darn important:
…I still think the Google-devised Core Web Vitals are smart. When I first got into caring about
When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, let’s say we have some HTML like this:
<div class="parent"<div class="child"Child</div<div class="child"Child</div<div class="child"Child</div</divOkay, this is extremely neat: Josh Comeau made this great site called Operator Lookup that explains how JavaScript operators work. There are some code examples to explain what they do as well, which is pretty handy.…
Whimsical is an app that lets you create flowcharts, wireframes, and mind maps but it was only earlier today that I spotted just how great the website is — especially the product pages. Check out this page where they describe …
Just the other day, Jeremy Keith wrote that problems with performance work isn’t only a matter of optimization and fixing code, but also tackling people problems:
…It struck me that there’s a continuum of performance challenges. On one end
leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it — including how Microsoft has advocated for it — …
The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll.…
This is a great collection of icons by Corey Ginnivan that’s both free and with no attribution required when you use them. The style is super simple. Each icon looks like older versions of the icons from macOS to me …
When using percentage values in CSS like this…
.element {
margin-top: 40%;
}…what does that % value mean here? What is it a percentage of? There’ve been so many times when I’ll be using percentages and something weird happens. …
Every website that’s made me oooo and aaahhh lately has been of a special kind; they’re written and designed like essays. There’s an argument, a playfulness in the way that they’re not so much selling me something as they are …
