This Week In Web Design is our weekly roundup of web design and development articles published in the past seven days. This week’s edition includes articles about CSS, UI, typography, developer tools, WordPress, and some tips to help with clients. Ready, set, go!

Millions of Fonts, Themes, Graphics: Starting at ONLY $16.50 per Month
Web Fonts

Web Fonts
8,000+ Fonts

WordPress Themes

WordPress Themes
1,200+ Themes

Graphic Assets

Graphic Assets
32,000+ Graphics

Envato Elements

Guide Into Types of UI Copy for Mobile and Web Interfaces

A guide to different types of copy applied in user interfaces and shows UI copywriting examples.

Top 7 Typography Trends For 2020

In the online world, Typography has a direct impact on user experience and conversions.

Building ADA-Compliant Websites Part 1: Top 3 Most Common Accessibility Issues

In this 3-part series, we will explore how to build websites that are compliant with the “Americans with Disabilities Act” (ADA) of 1990.

The Most Important Thing Your Clients Should Know About Their Website

What is it that these clients are missing? It may just be the most important thing they need to know.

10 Ways for Designers to Keep the Creative Juices Flowing

We have put together a list of things that you can try to push creativity forward.

Exciting New Tools for Designers, June 2020

From tools to help you capture and manage color palettes to AI-powered design analytics to simple animations, there’s something for almost every designer or developer.

5 Ways PMs Can Bridge the Gap with Web Developers

A communication gap often exists when it comes to issues in technical development.

Adding a Custom Welcome Guide to the WordPress Block Editor

We’re going to bake documentation directly into the plugin and make it easily accessible in the block editor.

Online Tools I Recommend to Every Web Developer

Tools that I use regularly to improve my workflow.

What is Developer Experience (DX)?

Let’s dig in a bit and apply it to the different ways people think about and use the term.

How CSS Variables Can Improve Efficiency and Consistency

Code repetition is one of the more frustrating aspects of CSS. CSS variables (a.k.a. Custom Properties) are a great way to combat these issues.

3 Ways to Check If an Object Has a Property in JavaScript

In this post, you’ll read about the 3 common ways to check whether a property exists in an object.

Make It Count – A Guide to Measuring the User Experience

By evaluating products with qualitative and quantitative methods, we gain access to a host of illuminating UX metrics.

Everything You Need to Know About FLIP Animations in React

Let’s take a look at the intersection of using the WAAPI, FLIP, and integrating all that into React.

Black and White Patterns for Web Design

The perfect use of black and white web design can make a site more ‘appealing’ to the eyes of the viewers than a site with lots of bright colors. But the designer must know how to do this.

CSS Floats Explained in Five Questions

This post covers five basic questions that will help you become an expert at floating elements.

9 Ways Creatives Can Manage Anxiety

Much like your your creative practice, your response to times of stress or uncertainty is a work in progress.

Inclusively Hiding & Styling Checkboxes and Radio Buttons

Checkboxes and radio buttons are two common examples of interactive form elements that we desperately want to have full control over styling but we don’t.

The Importance of Educating Your Web Design Clients

Educating your web design clients isn’t in the initial job description – so why do we do it?

Create Animation in CSS Easily with Animate.css

Animate.css is a ready-to-use library collection of CSS3 animation effects that supplies you with over 50 different animation effects.

Making Stagger Reveal Animations for Text

A short tutorial on how to recreate a letter stagger animation with GSAP and Splitting.js.

20 Best Color Palettes Tools

These 20 best color palette tools will help you to create the best color palettes for your next project.

How To Benefit From Mental Models in UX Design

A closer look at a psychological concept known as mental models.

Advice for Complex CSS Illustrations

While there is no “one size fits all” approach to CSS illustration, what I can offer is a set of techniques that might help you on your journey.

A Comprehensive Guide to Notification Design

Addressing notification design early in the product design process will produce better results.

10 Things Not to Do While Designing a Website for Restaurants

This blog post focuses significantly on the factors that decide the feasibility of a website for in the restaurant / food / catering industry.

Perfecting Your Web Designer Resume for a Freelance Job in 4 Easy Steps

Read on to learn the tricks to writing a shortlist-worthy resume.

How to create a UX project proposal that wins clients

A vital part of doing any fixed scope or priced work is the proposal – here’s some tips that might help.

How to design a HIPAA-compliant website

A medical provider’s website can’t just be a good website; it also has to comply with the Health Insurance Portability and Accountability Act (HIPAA).

What Vitruvius Can Teach Us About Web Design

The ancients can teach us a thing or two about design — even web design.

5 Open Source Website Builders for the Newbie Web Designer

Compared to CMS platforms, website builders offer much more complete packages to users where the software itself performs the backend coding.

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