After taking a brief break for the holidays, we’re back with the new year’s first edition of “This Week In Web Design”. For the uninitiated, each Friday we publish this roundup of all the web design and development articles we’ve found around the interwebs that were published in the past seven days. So here we go again, kicking off 2021 with the articles you’ll find below. Let’s get the new year started right!

The UX Designer Toolbox

Unlimited Downloads: 500,000+ Wireframe & UX Templates, UI Kits & Design Assets
Starting at only $16.50 per month!


 

Email Design Trends for 2021 - Designmodo

Learn more about email design trends for 2021. Create beautiful newsletters to impress your subscribers in the new year.
Read More

You want overflow: auto, not overflow: scroll | Kilian Valkhof

Every now and then a web developer using a Mac discovers that their beautiful design is littered with scroll bars on other platforms. Either because someone points it out to them or because they attach a mouse to their mac which makes scroll bars appear. Often, MacOS hiding scroll bars by default is blamed for […]
Read More

Sketch Alternatives: 5 Tools To Replace Sketch For Your Design Needs

Sketch once dominated the world of UI design tools. But these days, we have an array of Sketch alternatives that are on par with Sketch and even outmatch it in certain areas. This detailed guide will cover the best Sketch alternatives in 2020.
Read More

7 projects you need in your UI/UX portfolio to gain new clients quickly

Solidify your UI/UX portfolio with seven types of projects to help you land more design jobs and build your client base in 2021.
Read More

10 Ways To Easily Grow Your Freelance Business

Actionable top tips that will help you maintain a successful freelancing career. From standing out to growing new markets, find the right strategy for you now.
Read More

How the Web Kept the World Moving in 2020

This year has proven that the web and its related technologies are essential. We look back at how the web kept us open for business and a whole lot more.
Read More

Mobile-Friendly Checker | Check Your Site’s Mobile Score Now

Looking for a way to see how you can make your website more mobile-friendly? Just use our free mobile-friendly checker to get a full report in seconds!
Read More

Give your Eleventy Site Superpowers with Environment Variables | CSS-Tricks

Eleventy is increasing in popularity because it allows us to create nice, simple websites, but also — because it’s so developer-friendly. We can build
Read More

The Challenge of Switching from a Page Builder to the WordPress Gutenberg Block Editor

You can now eschew that aged page builder plugin in favor of the WordPress Gutenberg block editor. It has now become reliable enough.
Read More

Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders | Codrops

A tutorial explaining how to build an infinite auto-scrolling gallery using WebGL with OGL and GLSL Shaders.
Read More

Hero Images in Web Design: When, Why, and How to Use - Design4Users

Read what is hero image, why it's important in web design and how to make it work for your goals. Check the types of images and a big pack of web design examples.
Read More

Creating Arrays in Hasura | CSS-Tricks

Hasura is one of my favorite ways to create a managed GraphQL API for my applications. I find it easy and straightforward as well as suitable for a wide
Read More

25 Free Grunge Fonts for Your Design Projects

This post includes 25 free and unique grunge fonts. These fonts make it quick and easy to create your own designs with a grungy feel.
Read More

Branding Basics: How To Humanize Your Business and Make It Memorable

Branding is a complex concept, and its strategies have undergone various changes over the centuries. This article will overview the critical points of branding and show the latest trends that help companies become recognizable on the market.
Read More

The Most Interesting Developer Tools for 2021 - Impressive Webs

These are the 60 most interesting and useful developer tools from the past year, as seen by the CTR stats from my weekly newsletter on tools.
Read More

Some Recent Videos About Websites That Are Pretty Good | CSS-Tricks

Here's a little hodgepodge of videos I've recently bookmarked (and watched). I couldn't decide if each one of them should be a separate blog post or if I
Read More

Custom Properties as State | CSS-Tricks

Here's a fun idea from James Stanley: a CSS file (that presumably updates daily) containing CSS custom properties for "seasonal" colors (e.g. spring is
Read More

6 tips to help you choose the right typography for your logo design

In this article, we'll share six essential tips to help guide your typography choices and create a successful logo design.
Read More

5 Developer Tools to Look for in a WordPress Hosting Provider

The best WordPress hosting providers often offer access to developer tools that make your work easier. Let's talk about what to look for!
Read More

The Future Of Web Design

The 21st century is just great where technology is concerned. Technological advancements have invaded almost everything we’re doing.
Read More

Top 5 UX Writing Blunders You Should Avoid - Icons8 Blog

The article is devoted to UX writing mistakes, considering and eliminating which you will increase the number of satisfied customers.
Read More

10 Proven Ways to Get Quality Web Design Leads

There are strategies you can apply to your business proven to work. Here's 10 ways to secure web design leads for your business.
Read More

How to Design With User Privacy in Mind (Tips and Best Practices)

When it comes to UX, how often do you connect it to privacy? It’s a big part of the design process. From connected apps to e-commerce to forms, data collection is happening all the time. Users are accustomed to it and generally ok with these practices unless something goes wrong. It’s ...
Read More

10 Excellent Examples of Distance Learning Websites | SpyreStudios

A glimpse of 10 excellent distance learning websites.
Read More

Whack-a-Mole: The CSS Edition | CSS-Tricks

We’ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we’ll take that line of thought a step further and
Read More

The Job of a Graphic Designer (2021)

What does a graphic designer do in 2021? In this article, we'll explore the skills needed to become a graphic designer, the types of projects graphic designers work on nowadays, what the day-to-day workflow looks like, and more.
Read More

Styling Code In and Out of Blocks | CSS-Tricks

There is a <code> tag in HTML. I literally just used it to wrap that tag in the previous sentence — so meta. It is an inline-by-default element that
Read More

Theming and Theme Switching with React and styled-components | CSS-Tricks

I recently had a project with a requirement to support theming on the website. It was a bit of a strange requirement, as the application is mostly used by
Read More

Google Design’s Best of 2020 - Library - Google Design

A look back at the year’s most resilient design projects
Read More

Creating CSS APIs without JavaScript With the datasette-css-properties plugin | CSS-Tricks

Simon Willison has a project called Datasette, an open source multi-tool for exploring and publishing data. I'm not sure I'm qualified to explain it, but
Read More

The Importance of Visual Impact in the Digital World | Code Geekz

People are connected more than ever before in the digital era. The internet has revolutionized marketing with digital methods. The emergence of social media has further strengthened the prospect of[...]
Read More

47 Calligraphy Fonts for Adding Style and Interest to Your Site

Calligraphy fonts can turn any content into something fancier and more stylish. This collection makes it easy to find the perfect choice.
Read More

How to make your dashboard more effective and actionable

A well-designed dashboard is an extremely powerful tool, which in the hands of an experienced manager allows you to draw the correct conclusions and make the right decisions. However, it...
Read More