It’s a new month, a new season, a new quarter, and a new edition of This Week In Web Design, our weekly roundup of all the latest web design and development articles we have found around the web. So grab your pumpkin spice latte, pull up a chair, sit back and peruse our latest list of links!

Your Web Designer Toolbox

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


'Different Ways To Design Digital Product Pages — Smashing Magazine' /

By designing digital product pages for smartphone users who are in that early discovery and research phase, your clients can make more money off of their products. Today, we’ll look at how this is done.
Read More

Optional Chaining in JavaScript and How It Works

Optional Chaining is one of the newest features in JavaScript. Learn what optional chaining is about, how it works and how to use it.
Read More

20 Freshest Web Designs, September 2020 | Webdesigner Depot

This month we’re going big and bold. Oversized type, strong colors, in-your-face layouts, and little touches of playfulness exude confidence and make a statement. There are some quieter moments too, with thoughtful illustration and more gentle use of color. Animation still features strongly in the details, with circles proving popular in rollover effects. Enjoy. Fledge […]
Read More

Website Design Trends & Tips for a COVID World

A lot has changed about the world in the past year. The impact of COVID on human interaction is undeniable. It’s influencing digital experiences as well. If you haven’t started to think about adjustments you need to make to your website design due to the worldwide pandemic and virus, i...
Read More

Looking at an Online School Through a Web Designer's Eyes

Like so many families around the globe, ours has had to make some difficult decisions during the COVID-19 pandemic. One of the most agonizing was what to do about school....
Read More

Guide to Confirmation Emails: Examples and Best Practices

Confirmation emails are crucial for the business to function properly. Like promotional emails, confirmation newsletters have a good potential.
Read More

Bidirectional scrolling: what’s not to like? – Adam Silver – Designer, London, UK.

Bidirectional scrolling on sites like Netflix and Disney Plus organise programs into rows of categories. This pattern seems great on the face of it but still overcomplicates matters. Find out why here.
Read More

The Flavors of Object-Oriented Programming (in JavaScript)

In my research, I've found there are four approaches to Object-Oriented Programming in JavaScript. Which methods should I use? Which one is "the best" way? Here I'll present my findings along with information that may help you decide which is right for you.
Read More

Please don’t do that: 4 things to ask clients to avoid • Creative.onl Ltd

Creating a new mobile app or website can be a big task; the development requires an efficient process and good communication between... continue reading
Read More

15+ Best Sketch Tutorials (Sketch App for Beginners)

If you have been waiting to experiment with Sketch, there’s never a better time to dive in than right now. The Mac-based vector graphics editing tool for user interface and experience design has become a go-to tool for many designers and developers. If you haven’t started using it yet,...
Read More

Get to Know Jeff Starr, WordPress Author and Entrepreneur

We had the pleasure of chatting with Jeff as we discussed his busy life, how he got started with WordPress and his thoughts on the software’s evolution.
Read More

People Who Design: Connecting Design Communities - Boxes and Arrows

These days, creating a personal website is easy. You don’t need to know about how to code; the newest platforms can host profile pages with templates you can fill in with photos, links, and text about you and your works. Especially if your content all fits in just one page, you have all you need for a website no matter if you’re a media person, digital professional, creative designer, or a tech expert. Having a website really helps to make
Read More

Creating Mirrors in React-Three-Fiber and Three.js | Codrops

A brief walk-through of how to create a mirror scene based on the react-three-fiber ecosystem.
Read More

8 Best Company Rebranding Designs & Examples

In order to stay relevant, many businesses have to reinvent themselves when the time comes. In recent years, we saw even some of the biggest brands making the tough decision to rebrand their identities completely. Some were successful at rebranding while many failed miserably. Needless to ...
Read More

Freelancing Fact vs. Fiction - Vandelay Design

Learn more about how to create a successful business by understanding what's true and what's not when it come to freelance success.
Read More

Why AI & Automation Are Actually Friends to Design | Webdesigner Depot

Artificial intelligence. Just hearing the phrase has been a trigger for many in the technology world since that creepy Haley Joel Osment film circa 2001. But more recently, artificial intelligence and machine learning strike fear into the hearts of skilled workers for an entirely different reason: job security, or lack thereof. Smart-home devices, streaming services, self-checkouts, […]
Read More

Introducing the 2020 UX Designers to Watch | Adobe XD Ideas

For the second year in a row, we're highlighting impressive, up-and-coming UX design talent from around the world in our UX Designers to Watch series.
Read More

Achieving Vertical Alignment (Thanks, Subgrid!)

Our tools for vertical alignment have gotten a lot better as of late. My early days as a website designer involved laying out 960px wide homepage designs
Read More

The Most Popular PHP Frameworks to Use in 2021

Everything you need to know about PHP frameworks: why you should use one, which ones are best for beginners and the most popular frameworks.
Read More

A Look Into: ARIA Web Standards & HTML Apps Accessibility - Hongkiat

A truly open and inclusive web needs technologies that allow disabled users relying on assistive technologies to enjoy dynamic web content and modern web
Read More

How to Migrate a WooCommerce Multisite to a Single WordPress Store

Switching from a WordPress Multisite to a single installation is tricky, especially when it’s also a WooCommerce store. Here’s how to do it without error.
Read More

How to Follow Up on a Job Application: Best Practices for Freelancers

Seven of the best tips on how to follow up on a job application to get more clients and stand out with a great follow-up email.
Read More

Spline: Easily Create 3D Experiences for the Web

In the past couple of years, we’ve been seeing a rising trend in the web design industry which involved adding interactive 3D elements in websites. While this trend allowed brands and businesses to create unique web experiences that helped them to stand out from the crowd, most of the ti...
Read More

'5 Ways Google Analytics Helps Web Developers In UI/UX Design — Smashing Magazine' /

In this article, we’ll look at 5 features in Google Analytics that can help web developers and designers in making a better user experience on their website.
Read More

Emulate vision deficiencies in DevTools

Emulate vision deficiencies in to see how users who experience color blindness or blurred vision might see your site.
Read More

Taking a design course? Here's how to make the most out of your learning experience

Learning design? Use these 6 tips to help maximize your design courses and master those new skills with confidence.
Read More

The 6 most common mistakes new freelancers make (& how to avoid them)

Design experience isn’t all you need to be a successful freelancer. Here are a few common mistakes that new freelancers make. Knowing what they are from the outset will allow you to avoid them.
Read More

'How To Use Face Motion To Interact With Typography — Smashing Magazine' /

In this article, we will cover how to combine Machine Learning, variable fonts, and CSS grids to create layouts that respond to the proximity, the inclination, and the number of the users’ faces.
Read More

10 awesome Figma freebies you can download on Dribbble

A collection of free Figma design assets created for designers by designers. Download free design templates, kits, icons, and more.
Read More

5 Exercises to Level Up Your Design Skills

{ '@context': 'https://schema.org', '@type': 'WebPage', 'headline': ' 5 Exercises to Level Up Your Design Skills | Marvel Blog - Marvel Blog ', 'about': [ {'@type': 'Thing','name': 'design','sameAs': 'https://en.wikipedia.org/wiki/Design'}, {'@type': 'Thing','name': 'skills','sameAs': 'https://en.wikipedia.org/wiki/Skill'} ], 'mentions': [ {'@type': 'Thing','name': 'Career','sameAs': 'https://en.wikipedia.org/wiki/Career'}, {'@type': 'Thing','name': 'growth','sameAs': 'https://en.wikipedia.org/wiki/Economic_growth'}, {'@type': 'Thing','name': 'journey','sameAs': 'https://en.wikipedia.org/wiki/Travel'}, {'@type': 'Thing','name': 'job','sameAs': 'https://en.wikipedia.org/wiki/Employment'}, {'@type': 'Thing','name': 'children','sameAs': 'https://en.wikipedia.org/wiki/Child'}, {'@type': 'Thing','name': 'designer','sameAs': 'https://en.wikipedia.org/wiki/Architect'}, {'@type':... Read More →
Read More

7 All-Too-Common Landing Page Errors You Must Avoid | Webdesigner Depot

A properly designed and functioning website landing page is a thing of beauty. It greets customers warmly, informs leads, and even collects customer contact information. It presents news and information relevant to its industry, and shares internal and external communications.
Read More

Design better by avoiding your cognitive biases

Can you outsmart your brain? Seven biases that mess up your designs and what you can do against them.
Read More

Design Inspiration: Blog Design Showcase - Vandelay Design

Be inspired by this showcase of outstanding blog designs. Take some of the ideas that you see and apply them in your own work.
Read More

A Complete Guide to CSS Media Queries

Media queries can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user's device, browser or system settings.
Read More