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

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

I find mini maps really exciting. These tiny UI components can give visual feedback on where we are on a page, e.g. what
Read More

Web Component Pseudo-Classes and Pseudo-Elements are Easier Than You Think | CSS-Tricks

We’ve discussed a lot about the internals of using CSS in this ongoing series on web components, but there are a few special pseudo-elements and
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

Native web components have been here for a while, but they still seem like the new kid on the block. Mainly due to the f
Read More

13 Best WordPress Accessibility Plugins in 2023 With ADA Compliance

Want to make your WordPress site accessible to people with disabilities? Choose the right plugin from our list of the 13 Best WordPress Accessibility Plugins.
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
Avatar photo