I often recommend Grid instead of Flexbox, not because it's more powerful, but because it's more predictable. Granted, the spec is huge and the syntax intimidating, but the mental modal is simpler. Flexbox might look easier at a glance but has many gotchas. Three random examples:
The spec recommends to use the flex shorthand property rather than the corresponding longhand properties, but it can be misleading at first sight:
flex: 0 0;
→ Means flex-shrink: 0;
flex: 0 0px;
→ Means flex-shrink: 1;
Sep 30, 2021 • 10 tweets • 4 min read
I had a ton of fun designing and implementing increase.com and I thought I could share some of the pleasing technical details about it.
🧵 Thread:
The pattern I use (derived from the logo) on both the landing and sign in page is built entirely in HTML/CSS and relies on the new aspect-ratio CSS property. It's pretty great, because you get a graphical element scalable and reusable everywhere, just like a regular bitmap image.
Apr 13, 2020 • 8 tweets • 2 min read
🧵 It's time for our industry to realize the title "frontend developer" is obsolete. The vast majority of these profiles are actually "JS engineers", and they're usually quite good at it, but they're not as good at all the other things contributing to great frontend experiences.
Specifically, most frontend developers have an abysmal knowledge of CSS, even though it's a crucial part of building fast, responsive, and smooth user interfaces.
Dec 10, 2019 • 28 tweets • 6 min read
💸 Thread: Step-by-step guide to successful low-cost investing in the US with Vanguard.
Establish an emergency fund. Before you start investing, the priority is to pay off any debts and save about 6 months worth of expenses in case shit happens. Keep this cash in a high-yield savings account or a treasury money market fund such as VUSXX (investor.vanguard.com/mutual-funds/p…).
