Search
Styling Comment Threads
7.12.2020
Comment threads are one of those things that look really simple when executed right. When designing them yourself, you may find that they are rather deceptively simple. There is a lot that goes into designing nice and usable comment threads, and in this article, I will try my best to walk...
DRY-ing up styled-components
23.11.2020
I like working with styled-components. They allow you write CSS in your JavaScript, keeping your CSS in very close proximity to your JavaScript for a single component. As a front-end developer who loves to dissect a web page and break it down into reusable components, the idea of styled-components...
In Defense of a Fussy Website
26.6.2020
The other day, I was doom-scrolling Twitter and saw a delightful article titled “The Case for Fussy Breakfasts.” I love food — especially breakfast — and since the pandemic hit I’ve been using my breaks in between meetings (or, shh, sometimes in meetings) to make a full bacon, poached...
Google Fonts is Adding font-display
14.5.2019
Google announced at I/O that their font service will now support the font-display property which resolves a number of web performance issues. If you're hearing cries of joy, that's probably Chris as he punches the air in celebration. … Read article
The post Google Fonts is Adding...
Collective #424
14.6.2018
Generative artistry * Gifdancer * Sonar * Polly.js * CSS Micro Reset * Gradient Joy * Making Web Components Work
Collective #424 was written by Pedro Botelho and published on Codrops
Inspecting Animations in DevTools
4.5.2018
I stumbled upon the Animation panel in Chrome’s DevTools the other day and almost jumped out of my seat with pure joy. Not only was I completely unaware that such a thing exists, but it was better than what I could’ve hoped: it lets you control and manipulate CSS animations and visualize...