It’s time for this week’s edition of all the web design and development related articles we’ve found that were published in the past seven days. Are you ready?

UNLIMITED DOWNLOADS: 400,000+ Fonts & Design Assets

Starting at only $16.50 per month!



 

A Complete Guide to CSS Cascade Layers | CSS-Tricks

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

How to Identify Your Ideal Web Design Projects

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

How to Create a User Journey That Users Will Actually Follow - noupe

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
Read More

Noise Pattern Reconstruction from Monopo Studio | Codrops

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

Detect Dark Mode Preference with JavaScript

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,
Read More

How To Eliminate Render-Blocking Resources

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

8 CSS Snippets That Bring Claymorphism to Life

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

Repetition Image Hover Effects | Codrops

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

How to engage users on your website? 10 Hacks To Use Today - noupe

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

Take a number and return it in the specified currency formatting - JavaScriptSource

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

27+ Best Thin & Skinny Fonts in 2023

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

Core web vitals vs. page experience: How they are different

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

How to Build a vCard Website with a Video Background

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…
Read More

Design by the Decades: Get inspired by 70s graphic design trends

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

Looping over an object’s keys and values - JavaScriptSource

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

5 Best Ways to Improve Customer Experience

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

The Modern Challenges of Starting a Freelance Web Design Business

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

The Case for a Shared CSS Toolkit in WordPress

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…
Read More

Give effective feedback while working remotely: 8 best practices

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

Reliably Send an HTTP Request as a User Leaves a Page | CSS-Tricks

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
Read More

24 Sizzling Landing Page Examples For Red Hot Conversions

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!
Read More

Template Literals - JavaScriptSource

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

What Do I Need to Know About Iterative Design?

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

5 Accessibility Quick Wins | CSS-Tricks

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

How To Create a Vue App - A Guide By Flatlogic

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
Read More

Make a draggable element - JavaScriptSource

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

See what happens when graphic designers on Dribbble redesign Wordle

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

CSS Quick Tip: Animating in a newly added element | Stephanie Eckles

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