Happy Friday! Time for another edition of “This Week In Web Design”, our weekly roundup of all the web design and development articles we’ve found that were published in the past seven days. So, without further ado, let’s dive in!

Millions of Fonts, Themes, Graphics: Starting at ONLY $16.50 per Month
Web Fonts

Web Fonts
8,000+ Fonts

WordPress Themes

WordPress Themes
1,200+ Themes

Graphic Assets

Graphic Assets
32,000+ Graphics

DOWNLOAD NOW
Envato Elements

 

This Week In Web Design - July 17, 2020

7 Common Website Design Problems (And How to Explain Them to Clients)

Sometimes designers and clients don’t quite speak the same language. This barrier can be a real problem if a client expresses an issue and you can’t need to explain a solution in a way they understand. Sometimes, you have to step back from your knowledge and break it down in a simplifi...
Read More
This Week In Web Design - July 17, 2020

Exciting New Tools for Designers, July 2020

Some of the changes we are seeing with where we work are starting to pop up in the type of new tools made for designers and developers. More tools with remote c
Read More
This Week In Web Design - July 17, 2020

8 Leading Remote Web Design Jobs Sites To Gain Reliable Work

With countless remote web design jobs to choose from check out our tips to give you an advantage working from home.
Read More
This Week In Web Design - July 17, 2020

12 Screen Reader Facts for Accessible Web Design

In this article, we will review the essential points you need to know about designing websites for screen readers in mind.
Read More
This Week In Web Design - July 17, 2020

8 Free (or Cheap) Freelance Tools for When Money is Tight

We’ve put together a list of 8 freelance tools that are either free or heavily discounted, guaranteed to help you, without breaking the bank.
Read More
This Week In Web Design - July 17, 2020

The Most Popular Web Design Hacks & Workarounds of All Time

We celebrate some of the most useful web design hacks from the past few years. They all, in one way or the other, helped push the boundaries of the web.
Read More
This Week In Web Design - July 17, 2020

How To Create A Custom React Hook To Fetch And Cache Data — Smashing Magazine

There is a high possibility that a lot of components in your React application will have to make calls to an API to retrieve data that will be displayed to your users. It’s already possible to do that using the componentDidMount() lifecycle method, but with the introduction of Hooks, you can build a custom hook which will fetch and cache the data for you. That’s what this tutorial will cover.
Read More

17 Cool Pure CSS Animations - 1stWebDesigner

If you’re not sure how to get started with CSS animations or where to find some to use on your site, we’ve got you covered with this collection.
Read More
This Week In Web Design - July 17, 2020

10 Best Tutorials to Learn Angular in 2020 - Hongkiat

Angular is an awesome JavaScript framework that can be used to create powerful and dynamic web apps. It also covers the building of complex client-side
Read More
This Week In Web Design - July 17, 2020

The Best Tools for Checking Your Website's Speed

The speed of your website is a major contributing factor to its SERPS, web traffic, and SEO ranking. Many elements can contribute to how fast your website perfo
Read More
This Week In Web Design - July 17, 2020

WordPress Theme Showdown: Custom Built vs. Readymade

Aimed towards new(ish) WordPress users or developers, we break down the pros, cons and use cases of choosing either a custom or readymade WordPress theme.
Read More
This Week In Web Design - July 17, 2020

Design Trend: Strong Hero Images With Subtle Text

This website design trend is all about contrast… or the lack thereof. More designs are popping up that have large and stunning hero image areas, but text elements are much more subtle. This is a shift from oversized hero area text that has been big (literally) for some time. These de...
Read More

Three CSS Alternatives to JavaScript Navigation | CSS-Tricks

Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most
Read More
This Week In Web Design - July 17, 2020

Collaborative design research

Deepen your design partnerships by researching together
Read More
This Week In Web Design - July 17, 2020

20 Fantastic Free Fonts for Minimal Design

In this collection, we’ve gathered the best free fonts for minimalist design. Check out the full round-up and add these fonts to your design library.
Read More
This Week In Web Design - July 17, 2020

An Introduction To Stimulus.js — Smashing Magazine

In this article, Mike Rogers will introduce you to Stimulus, a modest JavaScript framework that compliments your existing HTML. By the end, you’ll have an understanding of the premise of Stimulus and why it’s a useful tool to have in your backpack.
Read More
This Week In Web Design - July 17, 2020

A developer’s guide to dealing with growth, burnout, and imposter syndrome

This article was originally published on .cult by Ryan Latta. .cult is a media platform for untold developer stories, where developers can read content around the softer side of development and watch documentaries about the tech they love. You can read this original piece here. Those first few days of a new job are full of […]
Read More
This Week In Web Design - July 17, 2020

Tagged template literals in Javascript

Bite-sized screencasts and tips about React, CSS and Javascript
Read More
This Week In Web Design - July 17, 2020

10+ Examples of Responsive Websites That Nailed It

You would naturally like to see that your website will look good on every browser and device. Especially so if it’s an eCommerce website. The following responsive web design examples are designed to provide you with information you can use to accomplish just that. There’s more than just a few specifications and requirements to be …
Read More
This Week In Web Design - July 17, 2020

How to Provide Effective Feedback on Web Design

The web design process is a demanding one that requires collaboration and inclusivity to achieve the desired results.  During the project, designers receiv
Read More
This Week In Web Design - July 17, 2020

Methods Of Improving And Optimizing Performance In React Apps — Smashing Magazine

Since React was introduced, it has transformed the way front-end developers build web applications, and its virtual DOM is famous for effectively rendering components. In this tutorial, we will discuss various methods of optimizing performance in React applications, and also the features of React that we can use to improve performance.
Read More
This Week In Web Design - July 17, 2020

Lazy Loading Images in Svelte | CSS-Tricks

One easy way to improve the speed of a website is to only download images only when they’re needed, which would be when they enter the viewport. This
Read More
This Week In Web Design - July 17, 2020

Website Best Practices Checklist: 9 Web Design Best Practices

Looking to get your website in top shape? Follow this website best practices checklist to create the best site for your business!
Read More
This Week In Web Design - July 17, 2020

The trouble with mailto email links and what to do instead by Adam Silver – Designer, London, UK.

Mailto links are everywhere and yet browsers and operating systems don’t make them easy to use. Learn why that is and what we did about it when we launched Frankly, a joint venture helping teams create clear, accessible and user-centred digital products.
Read More