It’s the first Friday of March (already) and although it’s been a relatively slow week in web design and development related articles, that won’t stop us from bringing you what we’ve found around the web. Let’s have a look!
UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets
Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month!

30+ Examples of HTML5 Websites
HTML5 is must have for SEO and modern browsers. These HTML5 Website examples features have no other alternative in web design.
Read More 
Remove a class from HTML element - JavaScriptSource
Use Element.classList and DOMTokenList.remove() to remove the specified class from the element.
Read More 
15 Best New Fonts, March 2022 | Webdesigner Depot
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 […]
Read More 
Exploring the WordPress Block Pattern Directory
We take you on a tour of the new Block Pattern Directory for WordPress and show you how to take advantage of it.
Read More 
How to Create a Section Divider Using CSS
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
Read More 
Hover Preview Effect with Mini Map - Codrops
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
Read More 
Convert a string into an integer (a whole number) - JavaScriptSource
Convert a string into an integer (a whole number).
Read More 
5 Free Syntax Highlighter WordPress Plugins | SpyreStudios
It is important to have codes presented as clear as possible. Use these free Syntax Highlighter WordPress plugins.
Read More 
Web Component Pseudo-Classes and Pseudo-Elements are Easier Than You Think | CSS-Tricks
::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
Read More 
4 Tips For Getting Design Proposals Signed Faster | Webdesigner Depot
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 […]
Read More 
How To Migrate A WordPress Site From One Host To Another
Migrating a WordPress site from one hosting provider to another can be stressful! Use this step-by-step guide to make it seamless.
Read More 
How to Create Vintage Designs the Easy Way!
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’ […]
Read More 
Tips for Collaborating with Other Web Designers
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...
Read More 
CSS Custom Highlight API: A First Look | CSS-Tricks
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.
Read More 
New CSS Features In 2022 — Smashing Magazine
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.
Read More Taming CSS Variables with Web Inspector
CSS Custom Properties, better known as CSS variables, have been widely adopted by web designers to build reusable and configurable design systems.
Read More 
Check if array has duplicates - JavaScriptSource
Checks if there are duplicate values in a flat array. Use Set to get the unique values in the array.
Read More 
How to Make a “Raise the Curtains” Effect in CSS | CSS-Tricks
“Raise the curtains” is an effect where the background and content both change color while scrolling over a sticky element.
Read More 
Creating Native Web Components - Codrops
Learn how to create native web components with the Minze JavaScript framework.
Read More 
How to Install Node.js and npm on Windows
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
Read More 
Convert a string to a number - JavaScriptSource
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.
Read More