Mayank
Maybe a few weeks late to the party, but better late than never. Today I will talk about the things I wish CSS had. CSS has been getting so many awesome features lately, and some of the items on this list are already being worked on, while others sho...
I have a confession: I used to not like CSS very much in my first few years of being a developer. I would dread opening up CSS files. I would cuss at z-index for causing me so many headaches. I would wish for someone else to write the CSS for me. I w...
Generated content (the ::before and ::after pseudo-elements) is quite handy for styling elements without disrupting markup. We can use it for creating things like custom checkboxes without any extra elements. https://codepen.io/MrRoboto/pen/OJxaGyb ...
The native element is neat. It has the correct semantics, it appears in the top layer, it keeps track of focus, and it gives you mostly intuitive ways to open/close it. So if you want a modal dialog, you can just drop a wee dialog.showModal(...
With Astro being days away from a stable 1.0 release, I thought I'd talk about why it's so exciting. I've been playing with Astro for a few months now, using it for every opportunity I get. If you've never heard of Astro, it's a new metaframework bui...
Is Sass still relevant? It seems like we need to have this conversation every few months. Most recently, it was Jeremy Keith who suggested in his CSS Day talk that Sass has become obsolete. "A great tool becomes so successful it becomes obsolete. Th...
Scrollbars. A very mundane thing that every website and app has. Historically, it has been difficult to consistently customize scrollbar styling on the web. So it is understandable that frontend developers don't pay much attention to them. While it's...
There's a growing movement among designers and developers to create user-adaptive interfaces. If you haven't heard that term before, it's just a fancy way of saying that the interface is personalized to the user and that it will try to respect the pr...
Last month I just had this desire to build my own Wordle clone, since all the cool kids were doing it. But I wanted to put my own spin on it, so I decided to make it a simpler, prettier and more accessible variant. The result? See for yourself: worde...
The redesign for MDN web docs went live yesterday. But what's a redesign if not polarizing? Just look at the comments on their twitter and github. Problems Personally, I mostly like it, even if only for the inclusion of dark mode. From my initial exp...
When building a component or a webpage, you can get pretty far with just HTML and CSS but you'll often find yourself hitting a wall when you want to add interactivity or make things dynamic. Of course this is where JavaScript comes in. But maybe it s...
The :focus-visible pseudo-class has been one of the biggest accessibility wins in the recent history of CSS. It took some time but it's finally happening: Safari has recently unflagged :focus-visible and we'll finally be able to use it in 2022! 🎉 B...