Reading Time: 2 minutesI’m going to have an occasional series about weird stuff in JavaScript. Let’s kick this off with a weird question: Why is it that when you have [] + [], you get an empty string (”) ? Isn’t this against … Continue reading
Category: Front-end
Front-end Development: the fun stuff that happens in the browser with HTML, CSS, and JavaScript
Good-enough JavaScript Practices
Reading Time: < 1 minuteI’m not Kyle Simpson or Jordan Harband. I’m not some massive JavaScript influencer and OSSer who’s writing new lint tools and utilities. But I am a dude who loves code standardization. So I want to share some good-enough JavaScript practices … Continue reading
CSS: How to target an exact amount of classes
Reading Time: 3 minutesCSS continues to offer new ways to select things in ways we never could’ve imagined in the past (especially for an old timer like me). Today I want to focus on a possible (but not always probable) use-case: I have … Continue reading
Introducing the Form Baseline
Reading Time: 3 minutesSo a good while back I released this CSS utility / NPM Package called typography-baseline. It was a handy way to kickstart complex web projects because it set base typographic styles. Then I needed something for tables. And then I … Continue reading
Introducing the Table Baseline
Reading Time: 3 minutesSo a while back I released this CSS tool / NPM Package called typography-baseline.css. It was a pretty handy way to kickstart projects because it set some baseline styles to all my typography. More recently, I’ve come into some situations … Continue reading
A Small Guide for Naming Stuff in Front-end Code
Reading Time: 9 minutesPhil Karlton has famously said that the two hardest things in computer science are naming things and cache invalidation. That’s true. Naming stuff is hard, and so is updating a class name when the stylesheet is cached.
Headless doesn’t mean Clueless when it comes to your CMS
Reading Time: 5 minutes“Headless CMS” is all the rage these days, and for good reason: It’s easier to build the UI the way you want. Your front-end team doesn’t need to know anything about the CMS now, right? Wrong. Headless doesn’t mean clueless.
How to Unit-Test Brand with Puppeteer and Jest (Marketing teams everywhere will thank you)
Reading Time: 10 minutesSo, a while back on a project, we had something terrible happen. A “stop the presses, no one go on lunch, everyone jump on a call” sort of situation. Because, you see, a hover color was wrong. ON THE HOME … Continue reading
Introducing the Selector Finder
Reading Time: 4 minutesEver wanted to delete a CSS ruleset, but didn’t know if it was being used on a site? Maybe you want to know how many empty h3s you’ve got. Or maybe you want to know how often a a .title … Continue reading
Snippets: Debugging CSS
Reading Time: 3 minutesI have a very handy, very small CSS Snippet that I use to debug CSS whenever the browser starts starts misbehaving. I figure I’d share with you, in case you, too, needed such a snippet.