Just a note for myself, as I always forget how bloody easy it is to upgrade Kirby CMS: replace the folder “kirby” and delete the folder “media”, as it will be recreated.
Lea Verou created this article for everybody who is thinking to create a dark mode for their website. Well explained and easy to follow.
Chris Coyier has created this guide on custom CSS properties. Make your CSS code more readable, cleaner and safe time changing stuff.
To the question ”Why care about CSS custom properties?” Chris writes …
- They help DRY up your CSS. That is “Don’t Repeat Yourself.” Custom properties can make code easier to maintain because you can update one value and have it reflected in multiple places. Careful though, overdoing abstraction can make have the opposite effect and make code less understandable.
- They are particularly helpful for things like creating color themes on a website.
- They unlock interesting possibilities in CSS.
If you are – like me – using VS Code and you like to create your own look and feel for the environment you use, then here is something to waste your time with (I can easily spend days with this stuff to create everything like I want it). 😁
⇾ Visit: Theme Studio for VS Code
Ahmad Shadeed has collected and written about some practical use cases for CSS variables that are more than “only” storing your color values for the use in your CSS.
I myself removed all analytics tools about two or three years ago from any of my websites. Florens Verschelde has now taken a look onto a few different, small and privacy-focused tools for us.
The CSS Working Group Editor’s Draft for Selectors Level 4 includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide on Smashing Magazine, written by Stephanie Eckles, covers those that currently have the best support.
Next to the teaser/header image, showing the Kirby panel, you can click on different use cases or “user groups” (eg. “Your company”, “Your products”, “Your magazine” etc.). If you click on a different scenario, the header with the panel image for the different scenario changes, but also the file structure below the image adapts and the text file screenshot. I like this.
I also like the visualisation of the continuous story/journey you are on, done though a thin grey line leading from the use case navigation down to the footer with the target groups.
All in all I think that this is well done and fitting for Kirby. The overall appearance feels light and still has its own handwriting (or Basti’s? 🤔 … 😁). The new site leaves enough neutrality to find your own role amongst the mentioned roles – or even create a new one – but takes you by the hand, so that you are able to find your way and be guided.
Congrats to the whole Kirby team for the relaunch and now on to fix all the little bugs 😆
For the next week – until April 23rd – you can safe 20% on Kirby licenses … buy a full basket of licenses to safe $$$ for future projects 😊 )