My first article for CSS-tricks on how to create a watch face with a conic gradient Using custom-properties and a little bit of Javascript.
Read more about Making a Real-Time Clock With a Conic Gradient Face (CSS-Tricks)
I purchased a Chromebook for my little coding projects. In the first part I wrote about the basic development setup. In this post, we're taking a bit of a deeper dive: installing git, node, filezilla, some browsers, Docker and updating the terminal on ChromeOS. So let's open the terminal and dive right into it.
Read moreabout Coding on a Chromebook - part 2
A few months ago, I purchased a Chromebook for my little side projects. I'm used to working on a Macbook, but I wanted to work with something that has a different feel, to make my little creations on the side feel more relaxing, and less like work. I have gained a lot of love for ChromeOS. This will be an article in two parts. In the first part, I want to talk about the first experiences, my basic ChromeOS setup and enabling developer mode.
Read moreabout Coding on a Chromebook - part 1
The world is full of frameworks and content management systems, we're very spoiled when we want to create an application, but sometimes, you just need something static, simple and fast, so I created a Mini Static Thingy Wingy.
Read moreabout Introducing a Mini Static Thingy Wingy
After a long break because of Covid-19, CSS Day is back. In a new location at the Zuiderkerk in Amsterdam. Once again trying to create the perfect line-up for everything design and CSS, and boy, they delivered just that.
Read moreabout CSS Day 2022: A small recap
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