Another week is coming to an end – time to catch up on all of the web design and development articles we’ve found that were published in the past seven days. So pull up a chair, grab a cuppa, and catch up on anything you may have missed, in another edition of “This Week In Web Design”!

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


'It’s Good To Talk: Thoughts And Feelings On Creative Wellness — Smashing Magazine' /

With so much pressure to be our best selves and use every waking moment to develop skills, it’s easy to lose track of our own wellbeing. Self-improvement and commitment to your craft are great — but only if you find the right balance.
Read More

The Case for Building Resiliency into Every Website

We take a look at what makes web design resilient and discuss how resiliency can change how you approach your next and future web projects.
Read More

How to design a strong visual identity for digital products

Every product has its own story. Here's how to create a strong visual identity that communicates this unique story and stands out in a competitive market.
Read More

'Translating Design Wireframes Into Accessible HTML/CSS — Smashing Magazine' /

In this article, Harris Schneiderman walks you through the process of analyzing a wireframe and making coding decisions to optimize for accessibility.
Read More

How to Improve Largest Contentful Paint (LCP) and SEO | Webdesigner Depot

Contentful; Webster’s Dictionary defines “contentful” as… not found. Clearly someone made up this word, but that is not necessarily a bad thing. The world of user experience metrics is moving quickly, so new terminology is needed. Largest Contentful Paint (LCP) is one of a number of metrics measuring the render time of content on a […]
Read More

How to Make a Monthly Calendar With Real Data

Have you ever seen a calendar on a webpage and thought, how the heck did they did that? For something like that, it might be natural to reach for a
Read More

The Designer’s Guide to Letter-Spacing | Webdesigner Depot

Most of the information we consume happens through reading, so it makes a lot of sense to pay attention to the words when designing. There are many aspects to typography, but one of the things that helped improve the quality of my design was letter-spacing. Letter-spacing is about adding and removing space between letters. Some […]
Read More

Creating a Gatsby Site with WordPress Data

In my previous article last week, I mentioned creating a partially ported WordPress-Gatsby site. This article is a continuation with a step-by-step
Read More

8 Caffeine-Powered CSS and JavaScript Snippets

Caffeinated beverages can help web designers power through projects and, ironically, they can also fuel the learning process, as these snippets demonstrate.
Read More

'How To Build An Accessible Front-End Application With Chakra UI And Nuxt.js — Smashing Magazine' /

In this article, we are going to be looking at how to use Chakra UI and NuxtJS in building accessible front-end applications.
Read More

When do you use inline-block?

The inline-block value for display is a classic! It's not new and browser support is certainly not something you need to worry about. I'm sure many of us
Read More

Great database tips for WordPress site owners

WordPress is one of the best beginner-friendly platforms considering that you don’t even have to be an experienced web designer to create an amazing website with it. This feature of WordPress has made it the most popular CMS among new individuals who joined the field. 
Read More

'Building Desktop Apps With Electron And Vue — Smashing Magazine' /

In this tutorial, Timi Omoyeni explains what you need to keep in mind when building a desktop application with Vue.js using the [Vue CLI Plugin Electron Builder](https://nklayman.github.io/vue-cli-plugin-electron-builder/).
Read More

A Beginner’s Guide to ADA Website Accessibility Compliance

Learn about inclusive design and how to optimize your website for ADA compliance with this beginner's guide to accessibility.
Read More

How to do React Migration And Increase Your Performance 3X?

React Migration can improve the performance of your web application. This article explains how to migrate to React without compromising your existing SEO.
Read More

The 4 Best Local WordPress Development Environments in 2020: XAMPP vs MAMP vs Local vs DesktopServer

We compare the top Local WordPress Development tools to help you choose the best tool for your needs, covering the good and the bad.
Read More

Best Project Management Software for Creatives 2021

It’s sometimes said that creativity is ‘born out of chaos.’ These words conjure up romantic images of wild-hearted creatives, working all hours, breaking all the rules and, from a fog of confusion, conjuring unique work that changes the world. But while that all have a certai...
Read More

What Finding My Niche Taught Me About Growing A Design Business

When I started my career as a freelance designer, I did everything right. Or so I thought. I read articles on freelancing, built my portfolio, networked with clients, and perfected my invoicing. I was proud to support small businesses with whatever design projects they needed – big or small. I gained a level of success, […]
Read More

What Web Designers and Their Clients Need to Know About SEO

The following is a Q&A with Yoast content manager Edwin Toonen, where we dive into what you and your clients need to know about SEO.
Read More

'Modern CSS Techniques To Improve Legibility — Smashing Magazine' /

In this article, we cover how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.
Read More

Case Study: 8 Design Tips That Increased My Ecommerce Conversions By 42% | Webdesigner Depot

When it comes to increasing sales for your ecommerce store, there are 3 levers you can pull: You can increase your average order value; You can increase the amount of traffic to your site; You can increase your conversion rate. While all of the above are important, the cheapest, most effective way to grow your […]
Read More

8 Popular Trends in UI Design on Dribbble in 2020 | blog.icons8.com

Сheck our traditional summer review of some hot trends in UI design for web and mobile we found on Dribbble this year. Packed with examples.
Read More

'How To Use Styled-Components In React — Smashing Magazine' /

While the component-driven approach has ushered in a new frontier in the way we build web applications, it isn’t without its imperfections — one being its usability and scalability with CSS. This has given birth to a new way to construct and manage our styles in a **component-specific** manner, otherwise knows as CSS-in-JS.
Read More