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

UNLIMITED DOWNLOADS: 400,000+ Fonts & Design Assets

Starting at only $16.50 per month!



 

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

Digital images are an inherent part of the web, and it's hard to create any content without some media. The humble still image is a terrific way to offer
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 - Hongkiat

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

6 Tips For Embedding A Video Into A Web Page | SpyreStudios

Here are some tips that you can follow to make sure that video embedding will be highly beneficial for your online site.
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
CSS color values (hue)

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 - Hongkiat

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

Learn how to code creative animations with JavaScript using SVG paths and the getPointAtLength() function.
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 - Hongkiat

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

A very special selection of the most inspiring website designs from the past couple of weeks to keep you up-to-date with the latest trends.
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)

With one hundred million downloads, plenty of people are happy with the Joomla platform. However, at some point, you may need to migrate to a more
Read More

14 Color Combination Tools for Designers - SpyreStudios

Below we've compiled a list containing 14 Color Combination Tools for Designers. You can use this list to chose the tool that better fits your needs.
Read More