Whether you are a designer, developer, interested or working in UI or UX, or pretty much anything else related to web design and development, you are sure to find at least a few articles of interest here in our latest edition of “This Week In Web Design”. Our weekly roundup of all the web design and development articles we have found that were published in the past seven days is here again, ready to fill your Friday with interesting tutorials, discussions, and more. So let’s dive in!

The UX Designer Toolbox

Unlimited Downloads: 500,000+ Wireframe & UX Templates, UI Kits & Design Assets
Starting at only $16.50 per month!


Mastering Props And PropTypes In React — Smashing Magazine

Props and PropTypes are an important mechanism for passing information between React components, and in this article, we’re going to look into them in great detail.
Read More

Japanese Minimalism in UI Design for Digital Products

In this article, I’m considering the concept of Japanese minimalism, its implications in the user interface design of digital products, and its key principles
Read More

What Happens When Border Radii Overlap? | CSS-Tricks

I’d wager that most times we’re rounding box corners in CSS, we’re applying a uniform border-radius value across the border. It’s a nice touch of polish
Read More
Free Minimal Icon Sets - For Figma Users

20+ Free Minimal Icon Sets - 1stWebDesigner - Get Your Free Icon Sets

Looking for some free minimal icon sets? We've compiled over 20 of the best free minimal style icon sets out there right now.
Read More

Why and When To Take The React Native Approach - Asterdio

React Native is a framework for building natively-rendered mobile apps using React JS, a JavaScript code library developed and is maintained by Facebook. %
Read More

Exciting New Tools for Designers, August 2020

The common theme in this month’s collection of new tools and resources is “things that help you show off your work.” Many of these tools are made to help
Read More

The Kindness of Strangers: Developer Edition

I’ve likely said it a million times and in various ways: there’s something incredibly special about the web design community. Sure, it’s highly-competitive. Yet is comprised of people who are...
Read More

Choosing typography for web design: 5 things you need to consider

A website's typography is one of the most important and impactful influencers of user experience. Here are 5 factors to consider when choosing typefaces and fonts for web design.
Read More

Introduction to Sets in JavaScript - All You Need to Know

Sets are a new object type introduced in ES6. This tutorial will teach you all you need to know about sets in JavaScript and how to use them. %
Read More

Responsive vs. Adaptive: 7 Best Mobile Web Design Practices

In this article, we’ll take a look at the seven best mobile web design practices and how you can implement them into your desktop and mobile website.
Read More

What’s Your Design Diet? Music, Podcasts & Books to Keep You Inspired

Some days are harder than others when it comes to sparking creativity. I find that keeping a solid rotation of other art forms in my routine can keep those juices flowing a little better. It’s all part of your design diet – music, podcasts, books, challenges, and other design goodies t...
Read More

Is Your Design Inclusive? (And How to Make It More Inclusive)

Is your design for everyone? We talk a lot about creating with an audience in mind, but it’s important to understand that audience can identify in several ways. Now more than ever before, it is important to create designs and visuals that are inclusive of that entire audience segment. An...
Read More

Create a Custom Color Palette for the WordPress Gutenberg Editor

The beauty of the WordPress Gutenberg block editor is that it allows content creators more design freedom. But for web designers, it’s not always desirable to give clients access to...
Read More

150 Amazing Examples of CSS Animation & Effects

We have put together a huge collection of amazing CSS animation effects to help you learn and recreate these effects in your own projects.
Read More

Thumbnail to Full Width Image Animation | Codrops

An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
Read More

Setting Up An API Using Flask, Google’s Cloud SQL And App Engine — Smashing Magazine

Flask makes it possible for developers to build an API for whatever use case they might have. In this tutorial, we’ll learn how to set up Google Cloud, Cloud SQL, and App Engine to build a Flask API.
Read More

The Latest Research for Web Designers, August 2020

While a lot of the research for web designers that’s come out this year has to do with COVID-19, we’re starting to see a light at the end of the tunnel. Man
Read More

Inspired Design Decisions With Bradbury Thompson: The Art Of Graphic Design — Smashing Magazine

In this final article of the “Inspired Design Decisions” series, Andy explains how studying the work of Bradbury Thompson can teach you a number of things to help you create stunning designs for the web.
Read More

22 Fresh Free Fonts For Designers

Super fresh free fonts from 2020, download latest fonts for commercial use. High quality free fonts are perfect for graphic design, web and any kind of typography artwork. This collection included sans serif fonts, script fonts, handwritten fonts and brush fonts which can make your design more professional. The following fonts are ideal to make an creative design and perfect for any artwork. Take a look at beautiful commercial fonts for professional design, based upon suggestions from designers all over the world. Fresh new free fonts are perfect for logos & branding, invitations, stationery, wedding designs, social media posts, poster advertisements, product packaging, product designs, labels, photography, watermarks,
Read More

A Community-Driven Site with Eleventy: Building the Site | CSS-Tricks

In the last article, we learned what goes into planning for a community-driven site. We saw just how many considerations are needed to start accepting
Read More

5 Exciting Mobile App UI Design Tips and Trends for 2020

If an app does not have intuitive UI design, it is unlikely to be successful. An app with a good UI design can affect the minds and reach the emotions of users. It does this
Read More

Forms And Validation In Ionic React — Smashing Magazine

In this tutorial, you will learn how to build forms when working with Ionic React and how to make these forms interactive by adding validation rules with helpful text hints.
Read More

Why Developers should Design Niche Portfolio Sites for Themselves | Codrops

This post will show you how to design niche portfolio sites that instantly impress prospective clients and save you the trouble in trying to find and sell them yourself.
Read More

Let's Make Generative Art We Can Export to SVG and PNG | CSS-Tricks

Let's say you're a designer. Cool. You've been hired to do some design work for a conference. All kinds of stuff. Website. Printed schedules. Big posters
Read More

Power SEO Friendly Markup With HTML5, CSS3, And Javascript

Live with Search Engine Land: SEO Developers tackle server side rendering (SSR) with lively discussion around communicating technical SEO with developers.
Read More

Avoid Traffic Loss When You Migrate Your Website - The Media Temple Blog

Moving client’s websites to more reliable, scalable, secure hosting? Follow this guide to minimize the risk of data or traffic loss in the process.
Read More

Let's Make a Vue-Powered Monthly Calendar | 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

Optimize Images with a GitHub Action | CSS-Tricks

I was playing with GitHub Actions the other day. Such a nice tool! Short story: you can have it run code for you, like run your build processes, tests,
Read More

How To Help Your Clients Get More Backlinks Through Design — Smashing Magazine

A website earns a backlink whenever another website links to it. In this article, Suzanne Scacca explains why backlinks are so highly sought after in marketing, and why web designers should keep this in mind when designing websites for clients.
Read More

8 Project Management Tips for Your Next Web Development Project

Here's the thing: No matter how great your web development idea is, you are likely to fail without the right management system. To become a successful web devel
Read More

The Most Appreciated Web Solutions of 2020

In this article you will find the most appreciated web solutions of 2020. To create this list we took into account the following considerations: The popularity
Read More

Illustration in Web Design – 31 Fresh Examples

Website designing is not just a professional photo, content and grids. In modern web design, Illustration become more powerful and eye-catching way to get customer attention. Illustration in web design are widely used to create Conceptual Portrait, 3D Modeling, Vector Graphics, Clutch Fashion Illustration and many other useful objects and effects which can enhance and improve the quality of your web design work. Using of illustration, it’s not a traditional style of web designing, but  It can capture the viewer’s attention and really immerse them in the website design. Learn how to create realistic vector graphics in Illustrator. You may check out our New Adobe Illustration Tutorials.
Read More