This Week In Web Design – August 14, 2020

A free icon set with 20 COVID-19 themed icons in Adobe Illustrator, Affinity Designer, SVG, & PNG file formats for commercial & personal use.

Looking for freelance business cards? Here's our tips for creating yours, plus the best places you can get your cards printed.

To know if headless WordPress is right for your project, it’s important to consider the pros and cons. The following guide is here to help.

Color is a crucial component of high-quality web design. Not only can it grab visitors' attention, but it can also offer them a more pleasant experience while promoting the brand effectively. 

While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we've

A few basic guidelines for optimizing the front-end performance of your website's speed and performance to provide a better user experience.|A few basic guidelines for optimizing the front-end performance of your website's speed and performance to provide a better user experience.

In this article, Artur Basak introduces a modern approach on how to set up CSS Custom Properties that respond to the application colors. The idea of dividing colors into three levels can be quite useful: a palette (or scheme), functional colors (or theme), and component colors (local scope).

A list of very important human skills great designers have that software never will—no matter how advanced developers get.

Grid layouts are a great choice for displaying a lot of content in an attractive, well-organized manner. Use our collection to find the perfect match.

Since design (and even code) is so subjective – is aiming for perfection really a thing? So, if we’re not after perfection, just what are we aiming for?

As I’ve been coaching freelancers and agency-builders for the last 11 years, I’ve noticed there can be a real tension when it comes to the topic of

How to build CSS animations and transitions in your interfaces that are inclusive, accesible and will enhance your users' experience.

Prototypal inheritance is topic every developer should know. Learn about what prototypal inheritance is, how it works and how to use it.

I recently launched the first production version of Halfmoon, a front-end framework that I have been building for the last few months. This is a short

For those who are looking into getting a degree on web development, we've listed down suggestions on where to get one online.

Website speed and performance are a question of equity. Fast and lightweight sites mean that everyone can access your content equally. It’s not only an economic imperative; it’s a moral imperative.

The type of fonts that you choose for your project says a lot about what your project is and the effect it creates in the viewer’s mind. This is important when you are targeting the audience that...

Huge collection of free modern fonts for you to use. There is nothing you can't use them for, web or print. Find the best for your project!

Have you ever had the problem of finding the parent of a DOM node in JavaScript, but aren’t sure how many levels you have to traverse up to get to it? Let’s

Google knows exactly what consumers want and it has designed simple, intuitive, and useful solutions for them. This article explains why it’s a company whose product features you should be mirroring.

Two years ago, I was spending 3 hours a day commuting to work. Besides that, I had already been building a career as a content writer, which meant that I would work evenings and weekends. It would be an understatement to say that I was exhausted 24/7. Stress eating and poor sleep plagued me, so […]

In this post, we have some tools to help you achieve better typographic balance. These tools can be used to find the best font pairing.

Build an authentication module for your next NodeJS application.

Typography has always been a significant part of the branding and marketing process of a brand or service. Designing a particular type of graphic that has the potential to shout the brand's identit...

The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll.

It’s easy to get wrapped up in the idea that the only way to make more money as a designer is to get more clients, bigger projects, or work more hours. Here are some additional income streams all designers should consider—some of which require much less time and effort with a higher return.

Do you know the feeling when a subject never lets you go? In the last years, I have worked with different graphics programs and have written many lines of CSS. Even though it is now easy to copy CSS code for gradients directly from e.g. Figma, I always had the feeling that gradients in graphics programs behave somewhat differently than gradients created with CSS. Especially the angle of a gradient sometimes seemed more like a random product to me. In the end, copying the CSS code often leads to

How to center text vertically in buttons and input elements using the padding and line-height CSS properties.