It’s Friday again, which means it’s time for another edition of “This Week In Web Design”, our weekly roundup of all of the web design and development articles we’ve found that were published in the past seven days. We’ve redesigned our format this week, too, so now we include a little bit more description of the article as well as an image. We hope you like it and that it makes things a bit easier to find what you’re most interested in.

Your Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets


How to Put WordPress Into Maintenance Mode - 1stWebDesigner

Exploring the concept of WordPress maintenance mode and example scenarios for its use. From there, we’ll show you how easy it is to implement.
Read More

Design Trend: A New Generation of Image Sliders

Website sliders are one of those design elements that we don’t love but have learned to live with. Generally, they don’t provide a lot of click value, but clients seem to love them. A new design trend that features a new style of image sliders, fixes some of the functionality (and desi...
Read More

Getting Started with Web Storage API - Local Storage and Session Storage

The local storage and session storage are two storage mechanisms of the Web Storage API. Learn what local and session storage are, how to use each and when.
Read More

A collection of creative resources in support of Black Lives Matter

A collection of creative resources for the movement for black lives and how to support Black designers.
Read More

Understanding Plugin Development In Gatsby — Smashing Magazine

Gatsby is a modern static-site generator that has revamped the way static websites are being built. It incorporates React, Node.js, and GraphQL to create stunning and blazing-fast websites. In this post, we will discuss Gatsby plugins and develop our own comment plugin.
Read More

Building Serverless GraphQL API in Node with Express and Netlify | CSS-Tricks

I’ve always wanted to build an API, but was scared away by just how complicated things looked. I’d read a lot of tutorials that start with “first, install
Read More
Pure CSS Parallax - Thumbnail

Create Simple Parallax Scrolling Effect in Hero Section using Pure CSS

In this tutorial you will learn how to create a simple pure CSS parallax scrolling effect in the hero section of your landing page.
Read More

11 Tips to Boost Your Design Profile on Social Media (Without Looking Sleazy)

Most designers have no problem creating great visuals to share on social media. (That’s almost a no-brainer!) But how can you boost your profile on social media channels without looking sleazy? There’s a fine line between fun, engaging content, and pushy or overwhelming. There’s a lo...
Read More

17 Best Online Coding Courses (Free & Paid)

Here are the 11 best free online coding courses and the 6 top paid courses. We tell you the pros and the cons of each, plus all prices. Start programming now!
Read More

Displaying the Current Step with CSS Counters | CSS-Tricks

Say you have five buttons. Each button is a step. If you click on the fourth button, you're on step 4 of 5, and you want to display that. This kind of
Read More

Exploring Animations for Menu Hover Effects | Codrops

A couple of ideas for creative menu hover animations with images.
Read More

Responsive Suffixes in CSS Class Names

Class naming conventions are essential for coherent CSS architecture. Learn to use responsive suffixes, automating classes with sass mixins and sass maps.
Read More

How to Become a Web Designer: Your Go-to Guide to Kick-start Your Career

Learn what skills, education, and work experience you need to become a top-notch UX or UI web designer in today’s fast-paced digital world.
Read More

Using Ghost with GitHub: The Complete Step-by-Step Guide

How to develop and test Ghost themes on your local server and automate deployments to your live production server using GitHub.
Read More

How to turn negative feedback into design gold

Hear us out: Negative feedback can actually be one of the most positive things that can happen in your design career. Here are a few tips for navigating negative client feedback to create your best work yet!
Read More

How to Educate Your Clients About the Importance of Website Accessibility

Clients need to understand the benefits and importance of web accessibility. To help, we’ve created this guide that will allow you to educate your clients.
Read More

Building a Blog with Next.js | CSS-Tricks

In this article, we will use Next.js to build a static blog framework with the design and structure inspired by Jekyll. I've always been a big fan of how
Read More

8 Top Freelance Job Sites to Get Clients in 2021

Freelance job sites pop up every day so how can you know which freelance job boards are the best? My free in-depth guide will help.
Read More

Removing Panic From E-Commerce Shipping And Inventory Alerts — Smashing Magazine

There was a time when marketers used things like urgency, scarcity and FOMO to drive online shoppers to a sale. But scare tactics can actually hurt a brand’s relationships with customers. By their very nature, we run into similar problems with shipping and inventory alerts. That said, there are ways that web designers can keep panic and frustration from seeping into the shopper’s experience.
Read More

How to Migrate from Bootstrap Version 4 to 5 - Designmodo

Learn the entire process of migrating from the Bootstrap 4 to the new Bootstrap 5 version. Start to install the Bootstrap and migrate to the latest version.
Read More

10 ways to explain the job of a graphic designer to a 5-year-old

How would you describe the job of a graphic designer to a 5-year-old? We asked, and you answered... Today, we rounded up some of our favorite responses that are either spot-on accurate or downright hilarious.
Read More

How to Find Your First Web Design Client in 48 Hours or Less

It doesn’t take most web designers long to realize that the most critical objective you have when starting your freelance career is to find web design clients
Read More

Best Time of Year to Apply for UI/UX and Product Designer Jobs

If you're looking to get hired as a UI/UX or Product Designer, this guide will help you understand the hiring seasons, the best times to apply and how to ride the wave to your next position.
Read More