This Week In Web Design – March 20, 2020

What a week this has been! With the Covid-19 pandemic sweeping the world and most people being quarantined in some way or another, things are rapidly changing and, for many of us, stressful. Thankfully, we have what could be a nice distraction to take your minds off those things, at least for a few minutes, with the latest version of “This Week In Web Design”. Step away from your concerns momentarily and browse through our roundup of all the articles published in the past 7 days that are web design and development related. We hope you find them useful!

How To Create A Web Design Style Guide

What is a web design style guide? What does it entail? And how can you create one for yourself? Those are the questions we aim to answer.

Exciting New Tools for Designers, March 2020

Hopefully some of these new tools and resources will do the trick.

What Is Storytelling in Design? 10 Tips & Examples

Take a look at some examples of amazing storytelling and how you can apply those concepts to your projects.

10+ Useful Adobe Xd Plugins

A list of the best and most useful Adobe XD plugins to help streamline your work.

Managing Dates and Times Using Moment.js

Moment.js is a Swiss Army knife for working with dates in JavaScript. It allows you to parse, validate, manipulate, and display dates and times using a clean and concise API.

How to Make Repeating Border Images

How to Create a “Skip to Content” Link

The best way to implement a skip link is to hide it and then bring it into view when it is focused.

Create a Wave Motion Effect on an Image with Three.js

Learn how to make a wave motion effect on an image with Three.js.

How to Build a Simple Full-Screen Slideshow With Vanilla JavaScript

Learn how to create a responsive full-screen slideshow with plain JavaScript.

How UX writing can help create good design

So you think that it’s a fantastic design that makes users love and happily interact with your website. Think again.

20+ Deliciously Dark Website Designs

As more and more websites have shifted to dark mode in 2020, we thought we’d highlight some dark website designs that really capture the concept well.

Implementing Infinite Scroll And Image Lazy Loading In React

Learn how to use the HTML Intersection Observer API to implement infinite scrolling and image lazy loading in a React functional component.

How Do You Make Video Accessible?

You’re responsible for ensuring that every visitor on your website can fully access video.

How Web Designers Can Help in a Crisis

Let’s take a look at some ways web professionals can pitch in.

9 FontAwesome Alternatives That Are Equally As Good

A roundup of some alternative sources of well-crafted font icons.

A Complete Guide to calc() in CSS

Just about everything there is to know about this very useful function.

20 Essential React Tools for 2020

A roundup of essential React tools for 2020.

Breadcrumbs Design 101

A breadcrumb helps reduce the efforts for the visitor to reach a higher-level page.

How to get your new WordPress site indexed

Some tips that could help you get your site indexed faster.

Persuasive strategies to build sustainable user engagement

Don’t just copy persuasive design. It will backfire. Here’s how to successfully build persuasive design into your larger strategy.

How to Find a Job If You Are a UX/UI Designer

What are some of the typical problems UX/UI designers may face and how to deal with them.

How Should Designers Learn To Code? The Terminal And Text Editors (Part 1)

Take a look at getting comfortable with the command line and text editors.

12 Best Web Design Podcasts for 2020

Web design podcasts are entertaining, insightful, and easy to consume, even when you don’t have a great deal of time or focus to give. Here’s a roundup of 12 of the best.

Weekly News for Designers № 532

Here’s a roundup within our roundup!

Top 4 Reasons to Spend Money on Web Design

There are many reasons you should spend funds on providing great content that is also visually appealing for your audience. Here are the top four.

The Advantages & Challenges of Conversational User Interfaces

It has widely gained acceptance over the past few years and more and more websites are willing to have conversational user interfaces on their websites.

You’re (just) a designer

It might be the case that you are not sure what to call yourself, or that you have difficulty explaining to others just what you do.

Cover photo courtesy of ShotStash.