comiCSS

Developers love classes. They sprinkle them everywhere: .hidden, .loading, .active... But HTML already gives us attributes that do the job better. Attributes that are semantic, standardized, and supported across browsers. So, why reinvent the wheel? Let the browser handle the heavy lifting, and impr

Last Wednesday, I shared a large CSS-themed crossword. For next Wednesday, I coded a new crossword, and this time, it is HTML themed! Patreon members get early access to a private version of the game. It is not publicly shared on the site, so the only way to access it is through that link. It will b

A new toggle switch component added to the collection. This time I was browsing online and saw an ad (for a VPN or something) that had this image of a switch. It looked interesting, so I took a screenshot for later and then build it. You can find the code and live demo on CodePen: https://codepen.io

I haven't shared any terrible dad jokes in a while... did you think the nightmare was over? Think again! This time, I'm back with a whole batch of Halloween-themed Web Developer Dad Jokes. You can check out the previous editions of this terrible series of web developer dad jokes: Bad CSS-Dad Jokes B

Yesterday, I wanted to create something and ended up with a weird centaur slider. Move the thumb and see how the creature changes. Considering I used an SVG for the human/centaur/horse, I should look into transforming the paths instead of using CSS to transition them. It will make the animations smo

Prime symbols are quote-like symbols that can be used for different purposes in different fields of study: from indicating mathematical units, to musical notation, to specific ways of pronouncing letters. There are many prime symbols: Single ′ Double prime ″ Triple prime ‴ Quadruple prime ⁗ Their re

Over the past few weeks, I have created some input ranges that look completely different even when they are the same underlying HTML –Thanks, CSS! I shared them on CodePen, and now I wrote an article about the process. It's a bit long (which is funny as it doesn't get into much technical details 😳)

The other day, I shared some mini-slides about the latest form control Safari introduced/proposed as part of the Safari Technology Preview 185: toggle switch. It was only four small images like this: And, while the Internet seems to prefer these easy-to-consume small bites. I felt it was essential t

I released a video about a recently added HTML element: <search>. This tag can be used to identify a region of the document that will be used to perform searches of filtering. In the video, we go through the tag, what it is, how it works, why it is important... and a small trick to start using it wh

A tutorial on how to create a fireworks effect with CSS and a single HTML element. In the future I will post a stub here before I publish the whole thing. Creating a Firework Effect with CSS :: Blog :: Alvaro Montoro (Alvaromontoro)