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

4 ways to improve your latest product’s landing page to guarantee conversion

If you run an e-commerce business of your own, product development and marketing are only half the battle; you'll need a rock-solid landing page, as well.
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

Why Do Websites Look the Same (And Should We Care)?

Have you ever looked around the web and wondered why so many websites look like one another? It’s not like every website uses the same color palette, or identical structures. However, they do all seem to use the same basic components, and formulas for success.
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) | JUST™ Creative

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

Why every developer should know multiple programming languages

This article was originally published on .cult by Doug Neale. .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. “I’m a ruby developer!” “I hate javascript!” “Functional languages only!” Most […]
Read More

Exploring Animations for Menu Hover Effects | Codrops

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

Eye Vs AI: Harnessing Technology to Successfully Track User Attention

Attention is the new gold; brands are in a constant competition for our attention. A big portion of our time we spend online, where we are bombarded with insan
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

11 Best Google Design and Development Tools

These are the 11 Best Google design and development tools you can use for your website and grapic requirements. Use them to enhance your projects.
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

24 Places to Get Freelance Jobs on Autopilot in 2020

Freelance jobs are the lifeblood of any freelancer's business. But finding the best freelance jobs takes a lot of work. Our list will give you a head-start.
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

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

8 Design Secrets of B2B Vs B2C Websites

Web design clients come from a wide variety of backgrounds. One day, you’ll be designing a portfolio website for a voiceover artist, the next you’ll be crea
Read More