Best of the web for Design and Web Development September 2023

• September 28th, 2023
• News

This is our monthly tradition where we gather all the best design tutorials and web articles that have been written and published throughout the month of September 2023. The post is filled with an abundance of fantastic design tutorials, ranging from how to add a grain photo effect to learning how to curve text in Illustrator. Additionally, the second half of the post features some excellent web articles, including topics such as “how to stop lazy loading product and hero images” and “The new Google Fonts: find what you’re looking for”. We hope that you enjoy reading the post and find the tutorials and articles featured within it to be helpful and informative.

Design tutorials

How to Add Grain in Photoshop

Adding grain to photos is a very useful and popular effect in photographs and digital imagery. You can use it to evoke a mood, to create focus, or to recreate that filmic look.

Generative Fill in Photoshop Beta – Common Questions & Answers

In this article, I will address several common questions with Generative Fill in Photoshop & get you started with this feature.

How to Make a Gritty Texture Brush in Photoshop

One of the key elements that can add depth and character to your digital artwork is the grittiness of textures. Whether you’re aiming for a weathered vintage effect or a raw and expressive style, gritty texture brushes can be your secret weapon.

How to Curve Text in Illustrator

If you want to learn how to curve text in Illustrator, in this short tutorial I’ll show you how to do it in practice using two different methods. One is quick and simple, and the other is a more advanced way to curve text in Illustrator.

Web and design tutorials

Information Architecture vs. Sitemaps: What’s the Difference?

 Information architecture is the practice of structuring, organizing, and labeling content from your website. Sitemaps are visualization tools that are used predominantly for planning purposes.

Everything You Need To Know About wp-config.php File

The wp-config file is one of the core WordPress files, which means that understanding how you can navigate it, and make subtle but essential changes, can make a massive difference to your site.

How To Build WordPress Block Templates

In the Gutenberg era, the design process is not strictly tied to WordPress themes. Out of the box, the CMS provides users with all the design tools needed to build a great website layout and the theme aims to be something that adds even more building and design tools.

Stop Lazy Loading Product and Hero Images

I see a recurring performance problem on many ecommerce sites—the most important images on the page are being lazy loaded when they shouldn’t be. It impacts user experience, Core Web Vitals, and by extension search engine optimization. You’re better off not implementing lazy loading at all than implementing it incorrectly.

The new Google Fonts: find what you’re looking for

A redesigned Google Fonts website helps you find the right fonts and icons for your project.

What is content design? Bridging storytelling and user experience

Designing an attractive and intuitive product isn’t the only way to improve user experience. Some users need more than a good-looking or great-working product to be convinced; they need an explanation. Why your product? What problem does it solve? This is where creating engaging content comes in.

What is Secure Shell (SSH) & How to Use It: Security & Best Practices

Navigating your WordPress site’s dashboard can provide you with significant control over your website’s functionality and appearance. Yet it won’t offer a direct interaction or management of your server. This is where Secure Shell Access (SSH) steps in.