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