Nested CSS without preprocessors
I don’t know when I’ve started using Sass but. My first blog post on that topic dates back to 2012. There are many features I love Sass for, and one of them is nesting. What is nesting in Sass A … Read more →
Posts in Category ‘Web development’
Dynamic parameters in JavaScript
Many programming languages have this. Instead of defining all parameters for a function, you can pass any number of parameters into a function and then work with them. Functions with static parameters Before we get into dynamic parameters, let us … Read more →
Advanced JavaScript debugging
In the very first advent calendar blog post this year, I’ve shown you how to “Getting started with JavaScript debugging“. Today, I want to show some more advanced techniques you can use to debug your code. Different logging types In … Read more →
The native HTML range input
Many of us have seen and used them. In the WordPress Block Editor, they are available for things like the font size of several blocks. This is how it looks for the core/paragraph block: When you use the range selector, … Read more →
Smooth scrolling using CSS
More than 9 years ago, I wrote a (German only) blog post about how to “improve JavaScript with scroll event handlers”. Back in the days, people would use a plugin like “WP-Smooth-Scroll” (it’s still around, but hasn’t been updated in … Read more →
Labeled statement in JavaScript
You might now ask yourself: What?! That was also my first reaction, when I’ve heard about labeled statements. So what are they, and when can they be used? Are they goto statements? Many programming languages have goto statements. Some programming … Read more →
Debugging arrays and objects in JavaScript with the console.table() function
In the first debugging blog post, we’ve learned about the console.log() method and how it works to debug scalar types or arrays. But there is a nicer way to log arrays or objects in the browser. The console.table() function As … Read more →
Implement a color picker with native HTML
In the first advent calendar blog post with the topic HTML, I want to introduce an HTML element, some of you might not know. It’s not really its own element, but the <input> element of type color. With this element, … Read more →
How to fix sticky headers
You all know these websites with a sticky header, right? They have a horizontal navigation at the top, often with the site logo on the left – which is also often way too big, so not too many navigation items … Read more →
Fun with numbers in JavaScript
No, I’m not going to start a video channel on this topic. But I want to show you some things about numbers, you might not have known before. The answer, however, as we all know, is 42. Types of numbers … Read more →