Angular, Autoprefixer, IE11, and CSS Grid Walk into a Bar…
Stop me if you’ve heard this one. January 07, 2019 I had a conundrum last summer on an Angular project. We got a bug report from an influential stakeholder and attached to the bug...
Category: CSS
Intro to React Hooks | CSS-Tricks
Hooks make it possible to organize logic in components, making them tiny and reusable without writing a class. In a sense, they’re React’s way of leaning into functions because, before them, we’d have to...
STAR Apps: A New Generation of Front-End Tooling for Development Workflows
Product teams from AirBnb and New York Times to Shopify and Artsy (among many others) are converging on a new set of best practices and technologies for building the web apps that their businesses...
2019 CSS Wishlist | CSS-Tricks
What do you wish CSS could do natively that it can’t do now? First, let’s review the last time we did this in 2013. ❌ “I’d like to be able to select an element...
How I’ve Been Using Notion Personally and Professionally
I use Notion quite a bit, both personally and professionally. In a sense, it’s just an app for keeping documents in one place: little notes, to-do lists, basic spreadsheets, etc. I like the native...
How Well Do You Know CSS Layout?
The difference between a CSS good experience and a long frustrating one is oftentimes a matter of a few small details. CSS is indeed nuanced. One of the most common areas where I see...
Using React Portals to Render Children Outside the DOM Hierarchy
Say we need to render a child element into a React application. Easy right? That child is mounted to the nearest DOM element and rendered inside of it as a result. render() { return...
Slice and Dice a Disc with CSS
I recently came across an interesting sliced disc design. The disc had a diagonal gradient and was split into horizontal slices, offset a bit from left to right. Naturally, I started to think what...
