Best of the web for Design and Web Development July 2024

• July 29th, 2024
• News

Another month has concluded where we have brought together another great compilation of design tutorials, from creating a spray paint text effect to a unique photocopy effect. The second half is jam-packed with some great web development content, covering a new WordPress release to some great articles on CSS. We hope you enjoy July’s monthly roundup.

Design Tutorials

Easily Make a Sprayed Text Effect in Photoshop

You’ve likely seen captivating sprayed text effects online, adding a dynamic, street-art vibe to designs. Despite looking complex, they’re simple to create. Today, I’ll show you how to make a Sprayed Text Effect in Photoshop using only default tools, focusing on the Blur Gallery.

How to Create Leo the Lion Artwork in Photoshop

Celebrate the bold, fiery characteristics of the Leo star sign by creating this beautiful Leo the Lion composition in Adobe Photoshop.

How to Make a Live Halftone Text Effect in Illustrator

Halftone effects, known for their characteristic dotted patterns, are a staple in vintage and pop art designs and often used by many different designers on their works. By applying this technique to text, you can achieve a striking, retro-inspired look that stands out in posters, advertisements, and digital graphics. So today, I will show you a very easy method to make a Live Halftone Effect in Illustrator, in less than 5 minutes, using only the default Illustrator tools and with the ability to change the halftone position even after the effect was made.

How to Create a Photocopy Effect in Photoshop

Learn how to make your images and designs look like old black-and-white photocopies in this step-by-step tutorial.

Web design and development

WordPress 6.6 “Dorsey”

Say hello to WordPress 6.6 “Dorsey,” named after the legendary American Big Band leader, Tommy Dorsey. Renowned for his smooth-toned trombone and compositions, Dorsey’s music captivated audiences with its emotional depth and vibrant energy.

WordPress Permalinks not working (404): Causes & fixes

If you have ever clicked on a website link only to be met with an unwelcome ‘404 not found’ error, you will understand how frustrating it can be. Not only is this a terrible experience for website users, but it can also negatively impact your SEO efforts.  

CSS Selectors

CSS is really good at many things, but it’s really, really good at two specific things: selecting elements and styling them. That’s the raison d’être for CSS and why it’s a core web language. In this guide, we will cover the different ways to select elements — because the styles we write are pretty much useless without the ability to select which elements to apply them to.

CSS One-Liners to Improve (Almost) Every Project

A collection of simple one-line CSS solutions to add little improvements to any web page.

What Config 2024 taught me about design’s next golden age

What will it take for designers not just to survive but thrive in an era of AI disruption?

Useful Customer Journey Maps (+ Figma & Miro Templates)

Visualize the user experience with user journey maps. Here are some helpful templates, real-world applications, and insights on the importance of mapping both successful and unsuccessful touchpoints. Part of Smart Interface Design Patterns by yours truly.