Best of the web for Design and Web Development March 2024

• April 1st, 2024
• News

The third month of the year has concluded, and we’re reflecting on the past month’s achievements. We’re summarizing the top design tutorials from March, which cover topics ranging from creating 3D text effects in Photoshop to producing pop art text effects using Illustrator. The latter part of the post features insightful articles on subjects like CSS printing to paper and essential SEO readings.

We hope you find this month’s roundup as enjoyable as we did putting it together.

Design tutorials

The New Way to Create Painting Effects with Photoshop’s AI Generative Fill

One of my most-watched videos every day on the Spoon Graphics YouTube channel is my tutorial showing how to create a watercolor effect in Photoshop. That tutorial uses a combination of Photoshop filters to transform an image with a painterly appearance. Since the addition of the Generative Fill tool to Photoshop, there’s a whole new way of creating a realistic painting effect with the help of AI.

How to Easily Make a Textile Mockup in Photoshop

Mockups are a very useful tool for designers, as they allow you to visualize what a design will look like in a real context. In the case of textile mockups, they are ideal for showing how a printed/stamped design will look on a t-shirt, sweatshirt or any other type of garment. 

How to Make Pop Art Text Effects in Illustrator

Fan of pop art designs? In the following tutorial, you’ll learn how to create a pop art text effect in Adobe Illustrator.

How to Create a 3D Text Effect Action in Photoshop

The 3D functions available in Adobe Photoshop open up a world of endless possibilities for creators. And you can apply amazing 3D text effects to your designs with a fast Photoshop action.

Web and design articles

CSS for printing to paper

This article explains some of the CSS basics that control how your webpages look when printed, and a couple of tips and tricks I’ve learned that might help you out.

Open-sourcing our progress on Tailwind CSS v4.0

Last summer at Tailwind Connect I shared a preview of Oxide — a new high-performance engine for Tailwind CSS that we’ve been working on, designed to simplify the developer experience and take advantage of how the web platform has evolved in recent years.

E-E-A-T Quick Wins — Whiteboard Friday

Itamar shares E-E-A-T quick wins that you can utilize to help your website appear more credible in the eyes of users and Google.

SEO planning: Your one-page SEO plan

Execute effective SEO campaigns and improve your results with the help of this simple one-page SEO plan.

Some little ways I’m using CSS :has() in the real world

I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects.

13 UX Podcasts to subscribe to in 2024

UX design is not only a profession with a diverse history, but it is also a burgeoning field of knowledge rife with opportunities for both beginners and masters of the line of work.

You Want border-color: transparent, Not border: none

If you find yourself removing a border from an element that has a border and are tempted to use border: 0 , border: none, or outline: none, I’d urge you to stop for a moment and reconsider.