by Gene Crawford | May 14, 2025
Let’s play a game. I’ll hide a button using different techniques in HTML and CSS, and you have to guess whether it’s still focusable.
by Gene Crawford | May 13, 2025
Look at this CSS and take a guess what color our text will be. No tricks, this is the only relevant code:
by Gene Crawford | May 8, 2025
Drawing separator lines between various sections of a webpage is a common design technique, which can help to structure the content and make it more readable, as well as more aesthetically pleasing. As we’ll see in this article, there are techniques you can use today...
by Gene Crawford | May 7, 2025
This is from last year when I tried to recreate Rach Smith’s P5.js animation using CSS. The animation seemed like it could be implemented in a breeze, but there’s an illusion of simplicity. The process of manually updating the positions and directions of...
by Gene Crawford | May 6, 2025
I’ve been mulling this topic for months now, and I’m pretty firmly of the opinion if you are attempting to do some layout in CSS, you should reach for display:grid first, followed by display:block, followed by display:flex. Grid allows the layout element to be in...
