Some HTML5 elements seem to have the tendency of not being picked up by developers. Although widely supported, we still seem to use collapses with the use of a JS library instead of using a native element. In this little post, I want to highlight the details element a bit.
Read moreabout The details element, collapsing content without the hassle
With Safari (15.4) being one of the last to implement the dialog element, a lot of browsers have great support for this element.. Goodbye to huge JavaScript libraries and welcome to the native HTML5 dialog element. This is beauty and simplicity on the web in its purest form. It's accessible, customisable and most of all: easy to use.
Read moreabout A lot of power with little JavaScript, the HTML dialog element is here
Scroll snapping is hip and while we all have styled numerous sorts of tab panes and scroll boxes, I had an idea of combining them. What started out as a simple “scroll snapping experiment” turned out to be an accessibility study. How should scroll snapping tabs behave when using keys? By reading some best practices, I believe I found an elegant solution.
Read moreabout Using best practices to create CSS scroll snapping tabs
It's valentine's day and so the perfect time to write a love letter. This one is to all the CSS-developers out there. For those who love the cascade, pseudo elements and all the new nifty things entering the language.
Read moreabout A love letter to the CSS-developer
CSS grid is a lot of fun and I find myself using it far more often than I used to. Goodbye to the Flexbox grid and hello to all things grid. Here are some of the fun things you can do with the CSS grid module.
Read moreabout Fun things you can do with CSS Grid besides your basic layout
As we're entering the last stages of 2021, I think it's time to add a little wishlist for the future of the web. Since accessibility is getting more (deserved) notice. I thought that this year might be a good time for an HTML wishlist.
Read moreabout 5 future HTML tags on my wishlist that could benefit accessibility
I've been writing CSS in a SCSS environment for 8 years by now, that's a long time and since recently I started playing around with PostCSS. PostCSS has been around for some time, but I finally found the chance to dig in.
Read moreabout Is it time to stop pre-processing CSS and use post-processing instead?
I've been hyped about the new container queries in CSS. The possibility to change the look & feel of elements based on the location they are presented instead of the viewport width will be a great addition to the front-end workflow.
Read moreabout Styling based on container width made possible with CSS container queries.
Let's talk about sticky headers. They get used all the time and it seems that they are something we expect on a website. But is adding a sticky header the solution to our UX/UI problems, or just an easy fix?
Read moreabout Sticky headers: a solution with UX pitfalls?
There was a time when I was absolutely against every type of CSS library. The thought of using pre-defined class names gave me the shivers. Now, after working with them for some time, here are some of the thoughts on the matter.
Read moreabout Bootstrap & Tailwind: the current state of popular CSS libraries