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 
11 Business Lessons from a 15-Year Agency Owner
Table of Contents + 1. Your people are your most important asset 2. Adaptability is crucial 3. You can’t do everything by yourself 4. Work/life balance matters 5. Learn from your mistakes 6. A collaborative approach is key to happy customers 7. Culture can make or break your business 8. Being a responsible company pays […]
Read More 
Exciting New Tools for Designers, November 2020 | Webdesigner Depot
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 libraries to animation tools to great free fonts. Let’s dig in. Here’s what new for designers this month. The Good Line-Height The Good Line-Height is the tool you won’t […]
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 declare image files as backgrounds but gradients as well. Using CSS gradients is better for control and performance than using an actual image (of a gradient) file.
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 
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 | Webdesigner Depot
Personalization; it’s probably one of the most important design trends to emerge in recent years. As consumers in all industries become more demanding, they’re increasingly searching for online experiences that are customized to suit their individual needs and expectations. Today, personalization exists in virtually every digital interaction, from adverts on social media to PPC campaigns […]
Read More 
5 Top Free Design Resources and Tools for Freelancers and Solopreneurs
Psst, hey you, yeah you. You’re a freelancer/solopreneur, aren’t you? How can I tell? Er, don’t take this the wrong way but you look a little stressed — like there’s so much to do, but so little time to do it. Wouldn’t it be just the best if there were free design resources and digital […]
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 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.
Read More 
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.
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 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.
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 | Webdesigner Depot
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 contains the top new CMS plugins for November 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla. Let’s get started… WordPress 404 Page Editor […]
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 Top Free Resources for Learning How to Code - Authentic Jobs
There has never been a better time to learn how to code. For one, the U.S. Bureau of Labor Statistics expects software development jobs to grow by 22% within
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 
