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 create 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

Contentful; Webster’s Dictionary defines “contentful” as… not found. Clearly someone made up this word, but that is not necessarily a bad thing. The wo
Read More

How to Make a Monthly Calendar With Real Data | CSS-Tricks

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
Responsive Timeline - Desktop View

How To Create a Responsive Timeline with Image Thumbnails - 1WD

Learn how to create a responsive timeline for a set of related events you wish to display in a chronological (or reverse chronological) sequence.
Read More

The Designer’s Guide to Letter-Spacing

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 t
Read More

Creating a Gatsby Site with WordPress Data | CSS-Tricks

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? | CSS-Tricks

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.
Read More

Why You Should Avoid Free WordPress Themes

As a newbie to the world of websites, you've probably heard of WordPress, plenty of website owners and developers swear by it as the best content management sys
Read More

How to Install WordPress on Microsoft Azure: Step by Step Guide

Learn how to effectively install WordPress on Microsoft Azure by following our detailed, step-by-step guide. Every step, with screenshots!
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

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 2020

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 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% 

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 amo
Read More

How to Fix Largest Contentful Paint Time on WordPress (Speed Up)

Learn how to fix a slow Largest Contentful Paint time on WordPress. We'll share a number of non-technical tips to improve your LCP time.
Read More

8 Popular Trends in UI Design on Dribbble in 2020 - Icons8 Blog

С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