Best of the web for Design and Web Development May 2024

• May 30th, 2024
• News

We’re almost halfway through the year, and as always, we’re wrapping up May with a roundup of design tutorials published throughout the month. Our collection includes diverse tutorials, ranging from creating a melting text effect to a Polaroid photo template effect. The latter part of the post is filled with engaging articles such as “Introducing the CSS anchor positioning API” and “Why Designers Aren’t Understood”. You’re sure to enjoy this month’s selection of articles.

Design tutorials

How to Make a Melting Text Effect in Photoshop

Do you want to learn how to make melting effect in Photoshop? Today, I will show you how to create two Photoshop melt effects for text using standard tools, adjustment layers, and textures.

How to Make a Raised Cardboard Text Effect in Photoshop

Text effects could be one of the most used resources by designers worldwide, and they can have a wide range of styles, from a simple drop shadow to a chromed effect. But today, we will take text effects a step further and use a texture to create the illusion of a raised cardboard text, and to do this we only need a single cardboard texture, any kind of cardboard texture, since we will use it as a background and build the effect from there.

How to Make a Polaroid Template in Photoshop

Are you wondering how to make a Polaroid template in Photoshop? Today, I’m going to show you a simple way to create one! We will use shapes, textures, and layer style effects to create a nice Polaroid mockup.

How you can expand an image using generative AI in Photoshop

In this video tutorial, we will show you step by step how you can utilize the generative AI tool available in Photoshop to expand photos.

Web and Design articles

Using the Popover API for HTML Tooltips

Can it be done? This plucky front-end developer intends to find out.

What is HTTP Error 429: Too Many Requests

In this post, we’ll dive into what 429 errors mean and how to fix them, elaborating on their causes, troubleshooting methods, and preventive measures.

Introducing the CSS anchor positioning API

The CSS Anchor Positioning API is a game-changer in web development because it lets you natively position elements relative to other elements, known as anchors. This API simplifies complex layout requirements for many interface features like menus and submenus, tooltips, selects, labels, cards, settings dialogs, and many more. With anchor positioning built into the browser, you’ll be able to build layered user interfaces without relying on third-party libraries, opening a world of creative possibilities.

Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers

You haven’t needed it. You’re a web designer and you’re focused largely on UI and UX. Your skills with design tools, HTML, CSS, and team communication have served you well.

WordPress Password Policy: Enforcing Strong Passwords

Having a WordPress password policy for all WordPress user accounts, especially the admin account, is crucial for improving your WordPress website security. A strong password is harder for bad actors to crack, reducing the likelihood of compromised accounts.

Why Matomo is the WordPress Analytics upgrade you need over GA4

Google Analytics 4 (GA4), the latest iteration in Google’s suite of analytics tools, has been met with mixed reactions due to its revamped interface and features. Many website owners, marketers, and everyone in between who’s accustomed to the familiar comfort of Universal Analytics have encountered several issues with GA4.

Why Designers Aren’t Understood

How do we conduct UX research when there is no or only limited access to users? Here are some workarounds to run UX research or make a strong case for it. An upcoming part of Smart Interface Design Patterns.