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

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

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
Avatar photo