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

https://youtu.be/czETLIAeAUU Editor's note: We want to share more of the web dev and design community directly here on C
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

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

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

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

It's time to share a new roundup of UI interaction and animation concepts with you! We've collected some fresh and super
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)

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

44+ Best Tools for Freelancers to Get Clients & Grow Revenue

Our favorite freelancing tools—compiled after 12+ years of experience freelancing. These freelance tools are the current best options.
Read More

Brian Lovin

Product designer, podcaster, and writer, living in San Francisco.
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 2023 (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 2023.
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

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

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

4 Things You Can Do With Your Unused Designs at Line25, your #1 web design blog.
Read More

Top Free Resources for Learning How to Code - Authentic Jobs

Cover photo by Christina Truong via StockSnap.io.
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
Avatar photo