This Week In Web Design – February 25, 2022

This is your complete guide to CSS cascade layers, a CSS feature that allows us to define explicit contained layers of specificity.

We explore what the ideal web design project looks like and share some tips for positioning your freelance business to find them.

Have you ever wondered why users do not complete certain actions on your website or why you don’t see enough conversions? The reason might be a need for a

https://youtu.be/sPBb-0al7Y0 In this new ALL YOUR HTML coding session we'll be reconstructing the beautiful noise patter

Seemingly every website, dapp, and app offers a dark mode preference, and thank goodness. Dark mode is especially useful when I'm doing late night coding,

Discovering critical render-blocking resources and repairing them can significantly boost your SEO. Read on to learn how.

We have a fun collection of CSS code snippets that will allow you to copy & paste Claymorphic UI elements into your designs.

The other day, I encountered a very interesting animation. It's kind of a repetition effect on an image where the same g

Website engagement hacks help a great deal in engaging users and increasing conversions. The strategies to improve online engagement include many

Use Intl.NumberFormat to enable country / currency sensitive formatting.

Thin and skinny fonts are a popular choice in various print and digital designs. They are especially the perfect choice for designing titles and headings that convey a loving and friendly message. While you can easily find a good thin font from various marketplaces, we did the heavy liftin...

Core web vitals are important, but they're just one part of page experience. At SMX Next, Diane Kulseth showed how marketers can optimize for all of these signals.

Today we are continuing on with our new Building with Blocks series, where we demonstrate some fun things you can create with blocks. In this tutorial I am going to show you how to build a simple v…

Explore three defining graphic design trends from the 70s and get inspired to incorporate these styles in your own design projects!

In this example you have access to each pair using the key and value variables during the loop.

Customer experience (CX) is one of the most critical aspects for the success of any business. By ensuring customers have a positive experience with a brand, you can build customer...

As a new freelance designer, how can you thrive in modern times? We take a look at the challenges and how to successfully navigate them.

Earlier today, Mark Root-Wiley published an in-depth proposal around standardized design tokens and CSS for WordPress. The goal is to create a consistent, customizable, and interoperable system aro…

Great feedback is the key to a productive remote team. Here's a handy guide to remote feedback for creative teams, design leads, and just about anyone working remotely.

On several occasions, I’ve needed to send off an HTTP request with some data to log when a user does something like navigate to a different page or submit a

Learn what makes a landing page sizzle (and sputter) with these various examples. Swipe the features that work and avoid the ones that don't!

Template literals provide a simpler way to create strings that span multiple lines or contain data.

If you are researching different design processes then you definitely need to learn more about iterative design. It does not matter whether you are exploring website development or you are...

Even seemingly small accessibility improvements can have nice quality of life benefits for many people. In that spirit, here are five accessibility quick wins you can implement today.

Vue.js is a popular front-end framework. In this article we're detailing how to create a Vue app, and where to start learning Vue development

In order to make an element draggable, we need to handle three events.

Redesigning Wordle: Graphic designers on Dribbble redesign the UI/UX of Wordle in an exciting new design challenge! Check out a few amazing new Worlde concepts and see which one is your favorite.

Learn to leverage the natural behavior of attaching animation via CSS keyframes to reveal new elements.