This week in web design we have articles published over the past seven days that include new design tools, CSS collections, A/B testing, JavaScript, and some discussions about emotional design, along with a variety of other topics. Each week we round up all of the web design and development related articles and put them here in one place for you to peruse in your efforts to strengthen and grow your skills. We hope you find it helpful. Let’s go!

Exciting New Tools for Designers, September 2020 | Webdesigner Depot

It’s fun to see new website design tools that reflect current times and the state of the world. That’s very true this month with new databases devoted to diversity and women in technology, as well and resources to make your design life easier. Here’s what’s new for designers and developers this month: Ztext.js Ztext.js is […]
Read More

Web Design: 35 Creative UI/UX Websites for Inspiration

Website landing page should be aesthetically pleasing, clean and elegant. It should be simple to understand yet it must have all the information that the website wants to convey to the visitor of the website. It should appeal to the visitor and the design and colors used should be attractive and related to the subject. Check out the beautiful designs of websites with amazing UI and UX. Award-winning websites created by professional web designers and web design agencies from all over the web. In this website design gallery we are gathered 35 creative website design examples for your inspiration. If you
Read More

The Core Concepts of Bold Web Design

In recent years, we've seen dozens of trends, from pastels to gradients to big typography. Styles have a way of circling around and coming back into fashion. One thing that never goes out of style, though, is bold and strong design elements that grab user attention and make a strong statement. According to the U.S. […]
Read More

Famous Architecture Recreated with CSS and JavaScript

We share compelling examples of CSS and Javascript recreations of some of the world’s most famous and iconic structures.
Read More

'How To Build Rapport With Your Web Design Clients — Smashing Magazine' /

In this article, Matt Saunders offers some straightforward advice on how you can become a more business-savvy web designer and take your practice to the next level.
Read More

Thinking About Power Usage and Websites

Gerry McGovern asked if I had any insight into energy consumption and websites. He has a book, after all, about the digital costs on the planet. He was
Read More

Private Class Fields and Methods in JavaScript Classes

JavaScript private class fields and methods are new features for classes. In this tutorial, you will learn all you need to know about them.
Read More

How to Pave Your Own Path as a Freelancer

Individuality is at the very core of freelancing. It’s the need to do things your own way. We take a how you can pave your own path.
Read More

Why you should always consider user intent and expectations when creating UI

When working on a frontend project, we usually get design, specs and user stories describing how UI e...
Read More

Pre-Caching Images with React Suspense

Suspense is an exciting, upcoming feature of React that will enable developers to easily allow their components to delay rendering until they’re “ready,”
Read More

'A CSS Grid Framework For Shopify Collection Pages — Smashing Magazine' /

In this article, we’ll be looking at how to set up a grid layout for products on your collection pages, and how to use Shopify’s section settings to create customizable options in the online store editor.
Read More

'Simplify Your Stack With A Custom-Made Static Site Generator — Smashing Magazine' /

In this article, Bryan Robinson explores how to take a humble HTML page and make its content editable in a CMS with no frameworks and no client-side JavaScript.
Read More

When Does Emotional Design Cross a Line? | Webdesigner Depot

There's a time and place for emotional design. This guide will look at how web designers can use emotional design responsibly to improve visitors' experiences.
Read More

What is Emotional Design and How Does It Increase User Engagement? | SpyreStudios

It's said that being an "emotional engagement designer" may be the next big career opportunity. But what is emotional design?
Read More

UI Interactions & Animations Roundup #10 | Codrops

Check out the latest trends in web motion design, UI interaction and animations and get inspired.
Read More

The Essential WordPress Tutorial for PHP Developers

Do you understand PHP, and want to learn how WordPress works? Dive in with this technical WordPress tutorial for PHP developers.
Read More

Accessible Web Animation: The WCAG on Animation Explained

It’s true, web animation can be accessible! Sometimes it just takes a little extra effort to make sure that it is. There are strategic things we can do to
Read More

Using Markdown and Localization in the WordPress Block Editor

If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it? Since the block editor is based on React, we
Read More

How to market yourself as a freelance graphic designer

Learn how to use ads, social media, and other essential marketing tactics to build your brand and sell your product or services.
Read More

Secrets to High Engagement on Hamburger Menus

Many designers are using a hamburger menu in their navigation and wondering why users aren't opening it. Before you use a hamburger menu, it's important to understand how users navigate. Not only that, but it's also important to distinguish the menu from the icon and refer to them with the proper names. Proper Naming Convention […]
Read More

The Empty Box

When I was in high school, we learned about “The Black Box” which is concept in theater. If memory serves me right, the approach was a simple and elegant
Read More

How to Create an Async Function via "new Function"

The usage of `Object.getPrototypeOf(async function(){}).constructor` allows you to create AsyncFunction to generate Asynchronous functions.
Read More

What is Usability Testing?

The ultimate guide to usability testing, learn how to uncover problems and opportunities in design when testing.
Read More

A Gentle Introduction to Using a Docker Container as a Dev Environment

Sarcasm disclaimer: This article is mostly sarcasm. I do not think that I actually speak for Dylan Thomas and I would never encourage you to foist a light
Read More

Tips on Making Your Design Breathe: Using Space Effectively | SpyreStudios

We're so focused on fitting everything in one area that we forget to let our design breathe. We forget that using space effectively in design is also very important. 
Read More

Linearly Scale font-size with CSS clamp() Based on the Viewport

Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc(). Here, we’re going to explore a different way
Read More