Learn how to create a "Read More/Read Less" toggle using the HTML element, reversing its default order, and enhancing it with dynamic labels.

Time to take a look at the new official CSS logo. It contains the past and the future of CSS.

Learn how to translate your PHP website using methods like gettext, YAML, JSON, and arrays. Choose the best approach add PHP multilingual support to your site

After years of writing the same code over and over it is time to start building my own library of reusable web component.

While the web is evolving every day, there are things I wish were there but aren't. So here is my HTML/CSS wish list of things I miss.

When I built the first version of this micro-blogging platform I left out a few major parts. A few weeks back I decided, it was time to include a WYSIWYG editor

While upgrading my blog I ran into an error while saving the article about the new Twitter symbol. I was unable to save the blog item into the database.

In the Dutch language, we often encounter really long words that rarely fit on a single line when displayed on mobile. Hyphens: auto should fix this, right?

Baseline was introduced in 2022 to establish guidelines for determining the safety of certain web features. Let's delve into informing you about Baseline.

Safari has introduced the long-awaited new input element: the switch control. Let's dive in and take a look at the old and the new ways of creating toggles.

Lots of websites are making use of carousels to showcase news items to their users. But should you use carousels in the first place?

A few weeks ago, I was busy with some fine-tuning for my microblog and got stuck on the invalid :invalid state using CSS. I will tell you how to fix this.

Just by the end of last year, I learned a new trick on how to fade out text using the CSS background-clip attribute. In this post, I will show you how to do it.

Every website has it's own carbon footprint. I will tell you how to measure it and how you can improve it.

On July 23, 2023, the well-known company Twitter was rebranded to X by Elon Musk. But did you know that the logo of X is just an HTML entity?

The new light-dark() attribute just launched in Firefox, this method simplifies the way you can apply light-dark mode colors to your website.

Last week, I was looking for a way to render text in the style of old-school newspapers. During this research, I discovered a method to achieve this.

Earlier this year Apple introduced the new HTML <model> element. Time to revisit and check it out to see what it is and when it can be used.

Welcome to my new journey. My name is Jan Valkenburg. Thirty-nine years old and from The Netherlands. In my daily life, I’m a Full Stack PHP Web Developer.