Today in our weekly roundup of all of the web design and development related articles published around the web we have a variety of topics including UX, JavaScript, research, WordPress, design and more. Let’s dive in to the latest edition of “This Week In Web Design”.
Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!

Interaction Media Features and Their Potential (for Incorrect Assumptions) | CSS-Tricks
The Media Queries Level 4 Interaction Media Features — pointer, hover, any-pointer and any-hover — are meant to allow sites to implement different styles and functionality (either CSS-specific interactivity like :hover, or JavaScript behaviors, when queried using window.matchMedia), depending on the particular characteristics of a user’s input device.
Read More 
5 Awesome JavaScript Promise Tricks
The Promise API changed the game in JavaScript. We went from abusing setTimeouts and settling for synchronous operations to doing everything possible to
Read More 
The Latest Research for Web Designers, September 2020 | Webdesigner Depot
In this roundup of research for web designers, we learn about COVID-19 freelancer demand, web designer salary rates, changing ecommerce trends, and more.
Read More 
What Javascript Spread Operator is, How It Works and How to Use It
JavaScript spread operator is one of the more popular features of ES6. Learn what spread operator is, how it works and how to use it.
Read More 
Why Some Outdated WordPress Plugins & Themes Are Facing Extinction
If you manage a website that relies on any WordPress plugins or themes that haven’t seen an update for a while, your time with them may be running out. Recent...
Read More 
From Posters to the Web: The Link Between Print and Digital Design - Qode Interactive
Join us on an exciting journey from posters to the web design. We’ll explore the most compelling design styles over the last few decades and discuss their legacy
Read More 
5 Tips for Designing One-Page Websites That Work | Webdesigner Depot
Looking for a fresh approach to designing websites? One-page websites can create more memorable and less overwhelming experiences for visitors…when designed the right way.
Read More 
The Entrepreneur vs The Linchpin: Which Type of Designer Are You?
Explore two distinct paths designers can follow in their careers. Read on to find out which type of designer you are meant to be.
Read More 
Designing For Attention — Smashing Magazine
In this article, Victor Yocco covers specific tactics with supporting research that are bound to help you design for attention.
Read More 
15+ Best Responsive & HTML Email Design Tutorials
How do you design an email that will result in plenty of opens and strong click-through rates? There’s a little art – and luck – that goes into email design. Whether you’re looking at the graphic and visual design, or the responsive HTML development side, email design can be a ...
Read More 
The Complete WordPress Security Guide 2023 - Step by Step - WPArena
Do you want to improve your WordPress security? Learn how to make WordPress sites secure from hackers by following this security guide.
Read More Usability, Accessibility, and Ethics — Amazon Prime
Why is Amazon so addictive? One important point to consider is Amazon Prime is a predictable, expected and usable product.
Read More 
What Your Clients Need to Know About a Website Redesign
What should your clients know about redesigning their website? We take a look at some of the most important concepts.
Read More Tone of Voice and User Experience
Whenever users do read, they pay attention. And that is why establishing your tone of voice is a critical part of the UX design process.
Read More 
20 Plugins to Manage Multiple Authors WordPress Sites
WordPress is an easy CMS to run your blog. So much easy to use that it now powers more than 30% of the web. You can write, edit, and publish your post in
Read More 
How to Create a WordPress Theme from Scratch
Learn the basics of how to create a WordPress theme from scratch, including helpful tips for beginners in WPShout’s new WordPress tutorial.
Read More 
How to Be a Great Email Designer: Essential Tools
Email designer can make or break the messages that you send to potentials customers or clients. Every email newsletter needs to have a strong visual representation.
Read More 
19 Trippy & Glitchy CSS Distortion Effects - 1stWebDesigner
We’ve collected some glitchy CSS effects for you, from text and image glitch effects to hover distortions to trippy background animations.
Read More 
Comparing Styling Methods In Next.js — Smashing Magazine
Among others, [Next.js](https://nextjs.org) has dubbed itself: *The React Framework for Static Websites*. But just like every other framework whose goal is to help you build what matters by abstracting common, redundant tasks, you’re often required to learn something new and opinionated. With Next.js, one of the things you need to know is how to integrate different CSS methods with its API, and that is the focus of this tutorial.
Read More 
5 steps to developing your personal style as a graphic designer
Learn how to develop your style as a graphic designer so you can attract the kinds of clients and projects you want.
Read More 
How to Design the Perfect Developer Portfolio | Webdesigner Depot
As a freelance web developer, how many clients do you get from your website? If you’re like most, you’re probably lucky to get one client every 2-3 months. Unfortunately, that’s very common. These days it’s not enough just to be a web developer if you want to make really good money. You have to be
Read More 
How to Design Mobile Product Pages for Greater Sales
Mobile product pages design play a pivotal role in convincing shoppers to place items in their carts. When designed right, they can also lay the groundwork for a more trustworthy checkout process.
Read More 
10 Open Source Fonts That Are Actually Amazing | Free Fonts 2020
There’s nothing like creating an amazing design that your client loves, while also saving some money in the process. You don’t have to compromise on the quality of the fonts you choose, just because you’re not paying the big bucks for them. Better yet, why pay for fonts at all when there are some really …
Read More 
Top 10 Tools That Every React Native Developer Should Use in 2020! - noupe
There are numerous libraries as well as frameworks available to build cross-platform mobile applications. However, React Native has always been given
Read More 
Using the new two-value syntax of the display property in CSS
Bite-sized screencasts and tips about React, CSS and Javascript
Read More 
Menu to Inner Page Animation with Image Grid Background | Codrops
Today I have a little layout for you. The idea is to show a menu with a nice background grid of images and when choosing
Read More 14 Best Free Fonts Websites That You Can Use for Your Projects
14 Best Free Fonts Websites That You Can Use for Your Projects at Line25, your #1 web design blog.
Read More 
Inspirational Websites Roundup #18 | Codrops
These past few weeks have been filled with amazing productive creativity in the web design community and I'm so happy to
Read More 
How to create dreamy color blurs (an Adobe Illustrator tutorial)
Ever wonder how designers create those blurred grainy gradient effects? Here's a mini Adobe Illustrator tutorial that breaks down the process.
Read More 
Overcoming Fears Through Creative Risk Taking » Design.org
Overcoming fears through creative risk taking can help you live a happier, more fulfilled life. Here's what it means, why it's important, and how to do it.
Read More 
25 Effective Website Hero Header Utilizing Vector Illustrations
Go from zero to hero... that's the goal of your above-the-fold content which is exhibited in these website hero header using illustrations.
Read More 
Enforcing performance budgets with webpack | CSS-Tricks
As you probably know, a single monolithic JavaScript bundle — once a best practice — is no longer the way to go for modern web applications. Research has
Read More