Welcome to another week’s end, and another edition of our roundup of all the web design and development related articles we’ve found published around the interwebs over the past seven days. Here’s to you finding something you can learn and use in your upcoming projects!
Cover photo courtesy of StartupStockPhotos.com

How to optimize an auto-playing background video in WordPress
An auto-playing background video is a popular feature for many websites. Learn how you can optimize a background video in WordPress!
Read More 
UX Design for Traveling: Impressive Web Design Concepts
Review a bunch of practical web design examples devoted to the topic of traveling, sightseeing, recreation, booking, and getting amazed by the world's beauty.
Read More 
An Introduction to WordPress Block Themes
An introduction into the basics of WordPress block themes, and discussion on how they compare and contrast to traditional themes.
Read More 
How to make 6 figures as a freelancer
Are you wondering what it takes to reach 6 figures as a freelancer? Find out truly what it takes by reading this incredible success story from Kate.
Read More 
Lossy vs Lossless Compression: A Beginner's Guide to Both Formats
Images need to look their best. Compression methods — like lossy vs lossless — are one way to keep quality high and file sizes low.
Read More 
Check if an Item Exists in an Array - JavaScriptSource
Instead of using the indexOf() method to check if an element is in the array, you can use the includes() method.
Read More 
The Case Against UX Testing | Webdesigner Depot
Picture a dark office, blinds drawn. Picture a UX designer smoking a cigar. See the light filtered through the smoke whipped to fog by a spinning ceiling fan. Watch as the UX designer sits at a desk and considers the website. The UX designer has devised a series of tests to determine if a green
Read More 
Migrating WordPress Website From Localhost to Live Server
Using a local server is the safest way to develop your WordPress site. When you've done developing the site, the next step is to migrate the site from the
Read More 
The 60 Hottest Front-end Tools of 2021 | CSS-Tricks
A complete list of the most popular front-end tools in 2021, according to the Web Tools Weekly newsletter. See which resources made the list.
Read More 
How to Use Different CSS Color Values (RGB, Keywords, HSL) - 1WD
One of the properties that are used quite often in CSS is color. It can be used with different types of values such as RGB, HSL and keywords.
Read More 
9 Things You Should Know About Freelancing Full-time
For most of us, freelancing full-time seems like a dream come true. We get to be our own boss, work our own hours, and are responsible for our own
Read More 
Animate Anything Along an SVG Path | Codrops
SVG is a very neat format to display any illustration, icon or logo on a website. Furthermore, they can be animated in C
Read More 
Scenarios Where the WordPress Gutenberg Block Editor Replaces Custom Code
A look at some of the scenarios where WordPress Gutenberg blocks can replace custom coding and speed up the development process.
Read More 
Table of Contents Block in WordPress: 4 Great Ways | CSS-Tricks
There are a number of options for including a Table of Contents block in WordPress, including several plugins, or trying to do it yourself.
Read More 
The UX Designer’s Guide to Concept Testing
What is concept testing and how can you use it to improve your design process? Learn how concept testing works and the tools to help you get started.
Read More 
How to Get Started with the MVP Workflow | Webdesigner Depot
Few things are more important to a web designer or developer’s chances of success than having the proper workflow. The term “workflow” applies to the set of standardized steps you or your company uses to create, test, and deploy designs or products. Over the years, as development processes have evolved, so too have the workflows
Read More 
Create a range slider - JavaScriptSource
This post introduces two popular ways to create a range slider.
Read More 
Web-Based Scavenger Hunts: Tips & Ideas
Shake up your everyday home or professional routine with a scavenger hunt. A web-based scavenger hunt can be a fun game for all ages and skill levels and help create interaction and engagement for teams, individuals, or large (virtually connected) groups. But how do you get started? We’v...
Read More JavaScript Jargon: 10 Terms You Should Know
From currying to closures there are quite a number of JavaScript jargons (special words used within the field) knowing which will not only help you
Read More 
Inspirational Websites Roundup #33 | Codrops
What an amazing month it has been! I'm super excited to show this collection of fantastic websites that shine with their
Read More 
Why 'Grumpy Designer' Is the Only Title I Want
Let's stop chasing a particular title or letting ourselves be defined by one. Instead, focus on tangible results.
Read More 
A Serene CSS Dappled Light Effect | CSS-Tricks
We can create a life-like dappled light effect In CSS, adding a magic touch to what might otherwise be drab walls of content to bring them back to life.
Read More 
How to Create Forms Using Bootstrap 5 and Collect Data on Static.app
In this tutorial, you will learn how to create a web form or a contact form in Bootstrap 5 and start collecting data using the Static.app service.
Read More 
What's New Since CSS3 in 2015? | CSS-Tricks
CSS3 was a massive success for CSS. No doubt loads of people boned up during that time. How has CSS changed since? Let's count the ways.
Read More 
Context-Aware Web Components Are Easier Than You Think | CSS-Tricks
An aspect of web components is that a JavaScript function is called whenever a web component is added or removed from a page.
Read More 
Designer & Illustrator Diana Hlevnjak on planting seeds of creativity 🌱
"There are no shortcuts—the trick is to find out what works and what doesn't." — Get inspired by designer and illustrator Diana Hlvenjak's career story and get her top tips on cultivating your own creative path.
Read More 
Create Todo and Checklists in the WordPress Editor With New Plugin
Todo lists. Checklists. While there are differences in their purposes, their output is essentially the same. They are lists of items with boxes to tick off, and a plugin like David Towoju’s T…
Read More 
How to Migrate Your Website From Joomla to WordPress (in 9 Steps)
This easy to follow, detailed guide provides all the steps you need to take to properly migrate from Joomla to WordPress.
Read More