Share via:

Best of the web for Design and Web Development May 2023

  • June 1st, 2023
  • News

As we continue our monthly tradition of looking back at the previous month, we are excited to share with you the best tutorials published online. This post covers everything from Photoshop to Illustrator tutorials. With step-by-step instructions, you can easily create a metal text effect or a photocopy effect, and we guarantee that you’ll be impressed with the results.

But that’s not all! We’ve also included some great new web articles in the second half of the post. You’ll find everything from “Conditional CSS with :has and :nth-last-child” to “Design Patterns Are A Better Way To Collaborate On Your Design System”. These articles will keep you up to date with the latest trends and techniques in web design.

So whether you’re a beginner or an experienced designer, this post has something for everyone. We hope you enjoy reading it as much as we enjoyed putting it together.

Design Tutorials

Grainy Photocopy Effect Photoshop Tutorial

 Photocopier Machine Actions and show you the combination of Photoshop filters that creates a grainy, high-contrast photocopied look with various dirty toner effect options.

How to Make a Metallic Effect in Illustrator

Achieving a metal texture in Illustrator is easier than you think! In the following tutorial, you will learn how to make a metallic effect in Illustrator. In the first part you will learn how to create a brushed metal effect in Illustrator, and in the second one you will learn how to create a silver metallic effect in Illustrator.

How to Make a Colorful Blur Effect in Photoshop

Easy method to make a colorful blur effect in Photoshop that will take you less than 5 minutes and that you can later edit (both the colors and the blur effect) without having to make the whole effect again.

How to Create a Stylized Chalk Text Effect in Adobe Photoshop

This tutorial will show you a really quick and easy way to create a chalk effect in Photoshop. Achieve a chalk text effect using some filters and drop shadows.

How to Easily Wrap Anything on a Cylindrical Object in Photoshop

Wrapping objects in Photoshop can be a challenging task, especially when dealing with cylindrical objects. Whether you are designing product labels, creating custom graphics for a water bottle or simply trying to wrap a texture around a cylinder, the process can be time-consuming and frustrating. However, with the latest Photoshop updates and using the right techniques and tools wrapping anything on a cylindrical object in Photoshop can be a straightforward and effortless process.

Web and Design Tutorials

Conditional CSS with :has and :nth-last-child

We can check with CSS to know if the number of a group element is less than or equal to a number. For example, having a grid with three or more items. You might be wondering, why is that even needed. In some cases, a component or a layout might change based on the number of child elements.

Design Patterns Are A Better Way To Collaborate On Your Design System

Every company and team has to have deep collaboration between engineering and design to get the value out of a design system (and not go nuts). Building design patterns first is a better way to work. It unblocks people to work in parallel, keeps people synced up, and results in reusable modules that speed up your next project.

A Complete Guide to Performance Budgets

It’s easier to make a fast website than it is to keep a website fast. If you’ve invested countless hours in speeding up your pages, but you’re not using performance budgets to prevent regressions, you could be at risk of wasting all your efforts.

WordPress Classic vs. Gutenberg Editor

WordPress has been constantly changing and improving since its inception. The core team of developers keep adding new features while discarding obsolete ones to make sure that the platform keeps up with changing times.

What is conversion rate optimization (CRO)?

With the availability of ready-to-use tools, it has become easy for anyone to build a website, but not everyone can make it profitable. After all, when used effectively, a website can be your best salesperson. Your website serves as the first contact point with customers and determines whether or not they decide to make a purchase with you.

Error-Message Guidelines

Design effective error messages by ensuring they are highly visible, provide constructive communication, and respect user effort.

A Complete Guide to Using WebPageTest (and Interpreting the Results)

Every website should load as fast as possible. However, achieving great site performance requires you to be on top of things all the time. That means monitoring the site’s performance, making changes to improve it, and ensuring that every page offers the best user experience that’s possible.

Post tags


Unlock High-Quality Resources to
Unleash Your Creativity