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
Read More

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.
Read More

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.
Read More

Exciting New Tools for Designers, November 2020

In the spirit of fall feasts, this month’s collection of tools and resources is a smorgasbord of sorts. You’ll find everything from web tools to icon librar
Read More

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?”
Read More

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.
Read More

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 […]
Read More

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...
Read More

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.
Read More

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.
Read More

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.
Read More

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
Read More

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.
Read More

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!
Read More

UI Interactions & Animations Roundup #12 | Codrops

Some fresh UI interaction and animation concepts for your inspiration.
Read More

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.
Read More

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
Read More

WordPress debugging tips for developers and site owners

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

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.
Read More

How to Make Hyper-Personalization in Web Design Work For You

Personalization; it’s probably one of the most important design trends to emerge in recent years.  As consumers in all industries become more demanding, the
Read More

Design to Save People from Themselves

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

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
Read More

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.
Read More

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
Read More

6 ways 2020 has changed the landscape of design

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.
Read More

15 Best Illustration Tools In 2020

Today I’m going to take you through my complete guide to the very best tools and software applications available right now. This is like your need-to-know guide, so heading into 2021, you can be the best illustrator you can be.
Read More

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
Read More

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
Read More

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!
Read More

Top New CMS Plugins, November 2020

Since there are so many CMS plugins out there, it can be overwhelming to choose the best ones for your website. We’ve done the research for you; this list con
Read More

25 Free Icon Sets You Can Download and Use Today

Looking for free icon sets you can use in your projects? Here you go! We've compiled 25 free icon sets that are currently available for download.
Read More

Building Flexible Components With Transparency

By adding a touch of transparency, we can design components that automatically adapt to their backgrounds.
Read More

Color Theming with CSS Custom Properties and Tailwind | CSS-Tricks

Custom properties not only enable us to make our code more efficient, but allow us to work some real magic with CSS too. One area where they have huge
Read More