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)

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

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

20 Plugins to Manage Multiple Authors WordPress Sites (2020) - Hongkiat

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

Apply effects to images with CSS's mask-image property

CSS masking gives you the option of using an image as a mask layer. This means that you can use an image, an SVG, or a gradient as your mask, to create interesting effects without an image editor.
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

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

A website layout with a menu and background image grid that animates to an inner content page.
Read More

On Modern Web Applications Stability

I don’t like how modern web applications are built. Many of the web applications are too unstable, That you can’t imagine having the system running without a team supporting it. The fact that we try to automate manual processes then the automation needs manual intervention defies the purpose. Some companies has an army of developers if they were to do the business by hand they would make a better job than the programmed system. There are many reasons for this situation. One of the reasons is the excessive use of third party dependencies.
Read More

Inspirational Websites Roundup #18 | Codrops

A gigantic set of hot new websites for your inspiration and to get you up to date on the current web design trends.
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

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