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

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 Heritage Type. 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’ directly […]
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