This Week In Web Design - November 20, 2020

Another Friday has come, and therefore another edition of This Week In Web Design, our weekly roundup of web design and development related articles published over the past seven days. In this week’s roundup we have CSS color mixing, new design tools, WordPress tips and tricks, client management, and many more interesting topics that could help you grow in your quest to become a better we designer and developer. So grab whatever your drink of choice is, pull up a chair, and let’s dive in.

Your Web Designer Toolbox

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

Mixing Colors in Pure CSS | CSS-Tricks

Red + Blue = Purple… right? Is there some way to express that in CSS? Well, not easily. There is a proposal draft for a color-mix function and some degree

Coding the Golden Spiral City from the Creative Cruise Website with Pixi.js | Codrops

Dive into a remake of Creative Cruise's amazing golden spiral city using Pixi.js.

Designing Email Signup Forms that Turn Visitors into Leads - Designmodo

The design of your email signup form is going to have a huge impact on the success of this, so that’s what we’re going to look at next. These are the 8 things.

11 Business Lessons from a 15-Year Agency Owner

8 Pure CSS Games You Can Play in Your Browser

We have collected some of the best pure CSS games on CodePen. They range from the stupefyingly simple all the way to “wow, CSS can do that?”

9 common WordPress myths debunked and explained

In this article we will debunk the 9 most widespread WordPress myths with great arguments and we will explain the reality behind these myths.

43 Web Design Mistakes You Should Avoid - Daily Blog Tips

There are several lists of web design mistakes around the Internet. Most of them, however, are the “Most common” or “Top 10 mistakes.” Every time I crossed one of those lists I would think to myself: “Come on, there must be more than 10 mistakes…”. Then I decided to write down all the web design […]

Here's Why AI Is Unlikely to Harm Your Web Design Career

Bring up the subject of artificial intelligence (AI) and it tends to elicit one of two reactions. Either it’s the technology that will save us or it’s going to take...

A GitHub Action for automated deployment to WP Engine

We recently set up a GitHub Action to automatically upload our site updates to WP Engine whenever we push to a specific branch. we suspect other teams might find it useful, too.

User Experience: Insights Into Consistency in Design

Welcome to read what is design consistency, why it is important, what types of consistency exist, and how to reach it in an app or website you design.

How to Write Asynchronous JavaScript Code in Three Ways

There are three way to write asynchronous JavaScript code. You can use callbacks, promises and async/await. This tutorial will show you how.

A Complete Guide to CSS Gradients | CSS-Tricks

Like how you can use the background-color property in CSS to declare a solid color background, you can use the background-image property not only to

9 Tips To Keep You Sane When Working With Multiple Clients

Learn how to relieve the stress around juggling multiple client projects so you can effectively grow your business.

Ecommerce UX Design: 5 Tips for Seamless Shopping

Ecommerce sales continue to boom in the wake of COVID-19. Here are five UX design improvements you make on your site for long-term success!

UI Interactions & Animations Roundup #12 | Codrops

Some fresh UI interaction and animation concepts for your inspiration.

Impressive Pure CSS Drawings, Animations, and More! - 1stWebDesigner

Some impressive pure CSS drawings, animations, and other examples of what can be done with one of our favorite coding languages.

Fresh Resources for Web Designers and Developers (November 2020) - Hongkiat

We are almost at the end of 2020. Many things unprecedented have happened this year, but it does not stop us to share fresh resources for our fellow

WordPress debugging tips for developers and site owners

WordPress is still the most popular blogging platform. It is the simplest website builder out there.

How to Increase the Value of Your Web Design Clients - Vandelay Design

Web designers and developers, check out these creative ideas that you can use to increase the amount you make from each client.

5 Top Free Design Resources and Tools for Freelancers and Solopreneurs

Design to save people from themselves

How software can prevent people from making mistakes, causing permanent damage, or bringing about the collapse of democracy.

Measuring Core Web Vitals with Sentry | CSS-Tricks

Chris made a few notes about Core Web Vitals the other day, explaining why measuring these performance metrics are so gosh darn important: I still think

WordPress Spam: Everything You Need to Know • WPShout

Stop WordPress spam. Read our go-to guide on spam emails, comments, and posts, plus the best spam blocker in WordPress for protecting and filtering spam.

Copyediting with Semantic HTML | CSS-Tricks

Tracking changes is a quintessential copyediting feature for comparing versions of content. While we’re used to tracking changes in a word processing

6 ways 2020 has changed the design industry

2020 has forever changed the design industry. In this article, we explore these significant changes, plus explain how designers today can learn to adapt to the new landscape of design.

16 Best Illustration Tools In 2021 (Free & Paid)

Today we're going to take you through our complete guide to the very best illustration tools and software applications (both free and paid) available in 2021.

grid-auto-flow : CSS Grid :: flex-direction : Flexbox | CSS-Tricks

When setting a parent element to display: flex, its child elements align left-to-right like this: CodePen Embed Fallback Now, one of the neat things we

How to Design Better Buttons for UI - SpyreStudios

Learning to design better buttons for UI may be an important skill many designers take for granted. Buttons are more than just what we all think they are, they affect users' overall experience for websites and apps.

Creating WebGL Effects with CurtainsJS | CSS-Tricks

This article focuses adding WebGL effects to <image> and <video> elements of an already “completed” web page. While there are a few helpful

Weekly News for Designers № 567 - WebP & WordPress, Visual Guide to Regular Expression, Seasonal CSS

This week’s Designer News – № 567 – includes WebP Images & WordPress, What's Missing From CSS?, Use SVG Icons Easily with SVGBox, PHP 8: What’s New?, 10 Things Front-End Developers Should Learn in 2021, A Visual Guide to Regular Expression, macOS Big Sur Replacement Icons and a whole lot more!