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!
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
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
I’ve been running my agency, Lform Design, for more than 15 years. I started the business after a stint as a freelancer and, prior to that, working in-house as a designer. Since 2005, we’ve been helping our clients move the needle through modern, responsive website design that reflects their needs and values. Of course, I’ve […]
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
A collection of the best pure CSS games currently available. 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 - My Site
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 
UX Design for Ecommerce: Tips for Seamless Online 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 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:
Read More 
WordPress Spam: Everything You Need to Know
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 Design Forever
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 
17 Best Illustration Tools In 2022 (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 2022.
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:
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 4 Things You Can Do With Your Unused Designs
Web designers and graphic designers generally design a lot of stuff before they send it to the client for approval. And sometimes, the client may reject some designs or only select one out of sever...
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
Cover photo by Christina Truong via StockSnap.io.
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 
