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

New year, new collection of web development puns and short jokes! They are all equally terrible and funny (I wish... in reality they are more terrible than funny). I recently published an article with 100 Web Development Jokes (also available on Medium and DEV), and I’m continuing the "tradition." I

With the rise of Mastodon and Bluesky, replacing Twitter/X, developers are sharing online some neat social widgets to show likes, boosts, or comments on their sites and blogs. But there's a common issue most of these widgets overlook: privacy. Specifically, how they handle user avatars. And yes, it

It is 2000. I'm 18 years old. They say my job won't survive quantum computing (IBM is really close). It is 2005. I'm 23 years old. They say my job won't survive visual IDEs. It is 2010. I'm 28 years old. They say my job won't survive smartphones. It is 2015. I'm 33 years old. They say my job won't s

Full article with images published on the site. Glitch Hover Effect Nazanin Ashrafi shared a series of creative button effects this month, all built with pure HTML and CSS. The animations are simple yet cleverly executed and well-achieved. This glitching button changing shapes and colors caught my a

Heydon Pickering recently shared some “Principles of Web Accessibility,” a set of twelve high-level guidelines on how to approach web accessibility. I highly recommend reading the whole thing –it’s a short text–, but here’s a summary of them if you want a quick “too long; didn’t read” version: 💎 Pe

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 😳)

You may be familiar with the conditional ternary operator (a ? b : c), but there’s a lesser known binary operator (a ?? b) that simplifies cases where the value of one parameter is used as a fallback for another. The nullish coalescing operator (??) takes two values and returns the first one if it’s

The TV show The Big Bang Theory has a recurring joke about one of the characters presenting a show about flags: "Sheldon Cooper presents Fun with Flags." I wrote an article explaining the different gradients in CSS and using flags as the connecting thread, so it seemed appropriate to make my version

Earlier, I shared an article about the Contact Picker API and how it works. Here's an video example showcasing a quick demo I put together for the article It's something simple: Request a contact, let the user pick one, then process and display the information. All in 15 lines of JavaScript!

Not so long ago, accessing data from the phone using JavaScript was unimaginable. Now, it is possible—and really simple—using the Contact Picker API. The technologies and processes described in this article are experimental and will only work in a few browsers. At the moment of writing, the Contact

My version of “Everybody’s Free to Wear Sunscreen”… HTML edition… or at least it starts with HTML, then it quickly goes to other unrelated topics 😅 In 1997, the Chicago Tribune published “Advice, like youth, probably just wasted on the young” (also known as “Wear Sunscreen”). A half-humorous, half-

The European Union enabled the Artificial Intelligence Act, the first-ever legal framework on AI, addressing its risks and positioning Europe as a leader in AI legislation. August 1st, 2024, marked a milestone for politics and Artificial Intelligence (AI). It was the day that the European Artificial

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

The other day, Lea Rosema asked an interesting question on Mastodon: "is there a lightweight and easy to use codepen embed for blogs as a web component that works nicely with progressive enhancement?" The quick answer is: there isn't, at least not exactly what she was looking for. So I decided to tr

I wrote a short opinion piece about generation divide, work environment, and people management. This was a few weeks ago, left it as a rough draft and started reading more about the topic. Then, I arrived to the article that triggered the "Elder/Geriatric Millennial" concept and found that many of t

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)