This Week In Web Design – September 18, 2020

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.

The Promise API changed the game in JavaScript. We went from abusing setTimeouts and settling for synchronous operations to doing everything possible to

In this roundup of research for web designers, we learn about COVID-19 freelancer demand, web designer salary rates, changing ecommerce trends, and more.

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.

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

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

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.

Explore two distinct paths designers can follow in their careers. Read on to find out which type of designer you are meant to be.

In this article, Victor Yocco covers specific tactics with supporting research that are bound to help you design for attention.

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

Do you want to improve your WordPress security? Learn how to make WordPress sites secure from hackers by following this security guide.

Why is Amazon so addictive? One important point to consider is Amazon Prime is a predictable, expected and usable product.

What should your clients know about redesigning their website? We take a look at some of the most important concepts.

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.

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

Learn the basics of how to create a WordPress theme from scratch, including helpful tips for beginners in WPShout’s new WordPress tutorial.

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.

We’ve collected some glitchy CSS effects for you, from text and image glitch effects to hover distortions to trippy background animations.

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.

Learn how to develop your style as a graphic designer so you can attract the kinds of clients and projects you want.

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

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.

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 …

There are numerous libraries as well as frameworks available to build cross-platform mobile applications. However, React Native has always been given

Bite-sized screencasts and tips about React, CSS and Javascript

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

14 Best Free Fonts Websites That You Can Use for Your Projects at Line25, your #1 web design blog.

Moved to: On Modern Web Applications Stability

These past few weeks have been filled with amazing productive creativity in the web design community and I'm so happy to

Ever wonder how designers create those blurred grainy gradient effects? Here's a mini Adobe Illustrator tutorial that breaks down the process.

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.

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.

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