Gradients are making a comeback, make sure you know how to use them — Gradients are back. They are bold, eye-catching, and playful. When used correctly they can breathe life into a drab and lifeless design. In this article, I’ll show you how to create gradients in CSS, so you can make your websites stand out. What this article is about This article aims to explain both the syntax…

Replace 8 properties and 8 lines of CSS with just 1 — Speed is essential in web development. Especially when prototyping. If you’re not a 150WPM typing ninja, adding a background can be time consuming. And let’s be honest… Who wants to type background-*: value; 8 times? That’s a lot of typing, and a lot of space. We can use the…

Quick, but Complete Introduction to CSS Background Properties — I remember when I first tried setting an image background in CSS. What I thought would be a simple task took me down a rabbit hole of learning 8 different background-* properties. It took me hours to figure out what they all did and how they interacted. Now, I want…

How to get over your fear of the font shorthand to replace 6 lines of CSS with 1 — Am I the only one who always thought the font shorthand was too confusing to use? Well, I finally decided to start using it. Now I want to share with you what I’ve learned. All the quirks, gotchas and use-cases. It’s a very useful tool, if you’re willing to play…

Learn to style list markers using the new ::marker pseudo-element — Lists don’t have to be boring. And with the new ::marker pseudo-element, making them interesting doesn't have to be painful either. The browser support for this pseudo-element used to be spotty, but with its addition in Chrome 86, it'll soon be universal. I’m going to show you how to make…

Out of all 90+ selectors, you only need to remember these 20 — Don’t memorize all CSS Selectors. Instead, learn just the ones you’ll actually use. When I was first learning CSS, I tried memorizing all selectors and it was a huge waste of time. …

Make your life easier and enjoy programming, with these extensions — VS Code is not perfect. It’s great, but not perfect. There are still many important things missing. Luckily, one of VS Code’s biggest strengths is it’s community, that works tirelessly to contribute the missing bits of functionality themselves. From better git integration, through spell checkers, to integrated SVG editors. …

Find your new favorite programming font — You stare at your code a lot. You should like what you see. If you’re using the default font in your code editor, you’re missing out. Programming fonts make it easy to distinguish between similiar characters like: o0O and iIlL1 and can include special coding-related ligatures to for example make…

Stop using string.split(‘’) — It’s dangerous 💀 — How to get all characters in a string? This question might sound simple at first, but in JavaScript nothing is ever what it seems. …