It’s the last Friday of June – how did we get here so fast? Friday at 1stWebDesigner means it’s time for this week’s edition of “This Week In Web Design”, our roundup of all the web design and development articles we’ve found that have been published in the past seven days. This week’s list includes UX design and testing, GitHub, JavaScript, WordPress, CSS, ways to get clients, and more! Let’s have a look!

Your Web Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!

What Is User Experience (UX) Testing? [+4 UX Best Practices]

User experience (UX) testing can help you analyze your site to ensure you’re providing a great experience for your audience.

Using 6 Google Analytics Features to Improve User Experience and Website Metrics

Two subsets of what you can use Google Analytics for as a UX designer: user behavior and user intent.

How (And Why) to Design for Local Businesses

When you take a small business client, your approach to design will likely be a little different. Here’s how to think about it.

JavaScript If Else Statement Made Simple

This tutorial will help you learn all you need to know about if else statement. You will learn how to use if, else, else if and nested if else.

Staying creative during hard times—and why it matters now more than ever

If we’re not creating anything when we’re suffering, there might not be anything tangible to look back upon.

How To Migrate a WordPress Website

All the ways you can migrate your WordPress site – manually and with plugins – can be found here.

Using Custom Property “Stacks” to Tame the Cascade

Use Custom Property “stacks” to solve some of the common issues people face in the cascade: from scoped component styles, to more explicit layering of intents.

Learn GitHub CLI: Your Guide to GitHub from the Command Line

In this quickstart guide, you’ll learn GitHub CLI. Find out what the GitHub CLI tool is used for, how to set it up, and how to use it.

Awesome Demos Roundup #16

The newest roundup of fantastic demos and web experiments from around the web.

12 Freelance Web Developer Jobs Sites to Get New Dev Clients

Knowing where to find high-quality freelance web developer jobs is critical to keeping your freelance dev business thriving.

Simple Design Tips for Crafting Better UI Cards

In this article, we will review the concept of cards and share some practical tips for designers.

An Overview of Scroll Technologies

An overview of scroll-related technologies and tools to help choose the one that’s right for you.

Examples of Creative Contact and Web Form Designs

Let us consider some good tips on how to create web form designs that are pleasant to use, accessible, secure & easily convertible.

How Web Designers Can Help Restaurants Move Into Digital Experiences

Restaurants are going to need web designers’ help in doing three things that ensure their survival in an increasingly digital world.

Best Design System Tools (Free & Premium)

Are you looking for design system tools to help you out with your next project? If yes, then you are in the right place.

Design Trend: Geo Shapes & Patterns (With Animation)

Stylish geometry is a design trend that keeps coming back around. This time the new twist is that shapes and design elements include touches of animation to bring shapes and patterns to life.

Accessibility and inclusion in UX for Product Managers

A disability is a phenomenon reflecting the interaction between features of a person’s body and features of the society in which he or she lives.

How To Add reCAPTCHA v3 to PHP Form and Submit Using Ajax

In this tutorial, we will add Google reCAPTCHA v3 to a PHP form and submit it without leaving the page, using Ajax.

A Glitchy Grid Layout Slideshow

An experimental grid slideshow with a stack-like navigation and glitch effect.

Envato Elements

UI & UX Kits
Web Templates

Highlight Text CSS: 7 Cool CSS Highlight Text Effects

In this short tutorial I will show you several cool ways in which you can use CSS to highlight text.

On racism and sexism in branding, user interface, and tech

Take a look at some unfortunate design, copy, and tech decisions made by massive international brands.

Hide Scrollbars During an Animation

Use @keyframes not to animate the opening, but just for this scrollbar-hiding functionality.

How to Present a Logo to Clients in 6 Steps (Tips from Experts)

A collection of incredible advice from experienced logo designers who have been designing logos and presenting them to clients for years.

Skeuomorphism is making a comeback

Today with even more certainty, I’ll say it again: skeuomorphism is coming back in web design.

15 React Interview Questions with Solutions

For less-experienced developers (or those who’ve been out of the job market for a while), demonstrating your knowledge at the interview stage can be daunting.

The Importance of Documentation for Web Developers

Although it can be burdensome, writing documentation is important and will deliver advantages for your users, your colleagues, and especially yourself.

How to write an effective design brief in 9 easy steps

A 9-step plan to create an effective brief that helps you deliver a new design to your client.

How to Enhance Your Website Layouts With SVG Shapes

Get rid of the usual boring rectangular boxes and learn to build a landing page full of complex SVG shapes.

How to get web design clients

One of the biggest challenges as a freelance designer isn’t the work itself. It’s finding clients.

This post may contain affiliate links. See our disclosure about affiliate links here.