This Week In Web Design – March 4, 2022

HTML5 is must have for SEO and modern browsers. These HTML5 Website examples features have no other alternative in web design.

Use Element.classList and DOMTokenList.remove() to remove the specified class from the element.

As we move closer to spring, we’re going to see a change in typography styles come with it. While we always need new serifs and sans serifs to design with, in the spring, it’s not uncommon to use more nature-inspired and whimsical fonts to usher in the warmer temps, wedding season, and holidays like Earth […]

We take you on a tour of the new Block Pattern Directory for WordPress and show you how to take advantage of it.

It's always cool to have a fancy section divider on your website. And it's even better if we can make them responsive and easy to adjust. This is what you will learn in this article. We will explore different section dividers made using only CSS and some optimized code that's

An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.

Convert a string into an integer (a whole number).

It is important to have codes presented as clear as possible. Use these free Syntax Highlighter WordPress plugins.

::part, in short, allows you to pierce the shadow tree, which is just my Lord-of-the-Rings-y way to say it lets you style elements inside the shadow DOM from

Creating and sending business proposals can be a lot of work. However, if you have the right tools and knowledge, you can quickly create and send high-converting proposals that your clients will love. This article will explain how to create a fantastic business proposal that looks great and gets signed quickly. Although we’re focussed on […]

Migrating a WordPress site from one hosting provider to another can be stressful! Use this step-by-step guide to make it seamless.

In today’s tutorial I show how to create vintage designs the EASY way with the help of a brilliant new tool from my friends at Kittl. Kittl (formerly Heritage Designer) combines everything you need to create vintage designs into one revolutionary free-to-use tool. I’ll show you how I created the design layout for ‘Brain Tonic’ […]

Solo freelancers are generally comfortable working alone. Still, there may be projects where you’ll need to collaborate with other web designers. And while there are plenty of benefits, it can...

The CSS Custom Highlight API is the future of styling text ranges on the web, allowing us to call out text without inserting new DOM elements.

2022 is shaping up to be a pretty great year for CSS, with a plethora of new features on the horizon. Some are already starting to land in browsers, others are likely to gain widespread browser support in 2022, while for one or two the process may be a little longer. In this article we’ll take a look at a few of them.

CSS Custom Properties, better known as CSS variables, have been widely adopted by web designers to build reusable and configurable design systems.

Checks if there are duplicate values in a flat array. Use Set to get the unique values in the array.

“Raise the curtains” is an effect where the background and content both change color while scrolling over a sticky element.

Learn how to create native web components with the Minze JavaScript framework.

In this article, you'll learn how to work with JavaScript in the backend using Node on Windows. When you start working with JavaScript and discover that you can not only work with it in the frontend but also in the backend, a new world of possibilities seems to open up

Sometimes it returns integer. Other times it returns a float. And if you pass in a string with random text in it, you’ll get NaN, an acronym for Not a Number.