Access To 100's Of Premium Design Resources

Join today
Share via:

Best of the web for Design and Web Development July 2022

  • August 1st, 2022
  • News

The 7th month of the year is now wrapped up we will be looking back at the month of July by rounding up all the best design tutorials and web articles. The post includes some great tutorials from creating gold text effects to a torn edges photo effect. The second half of the post includes some great articles to read through from using “Rem vs EM in CSS” to “technical writers for developers”.

I hope you enjoy the post, and subscribe to our mailing list and where your an email next month edition is published.

Design tutorials

How to Create an Animal Fur Text Effect in Adobe Photoshop

The process makes use of a real animal fur texture for maximum realism. In my example, I’m using Leopard spots to create the wording ‘Wild Cats’, but a variety of results can be achieved by using source photos of different furry animal skins. The fur photograph will take care of the realistic furry effect in the centre of the text, but I’ll also show you how to create a custom Photoshop brush to apply the soft hairs around the edges of the text to eliminate the hard letter edges. Depending on the animal your source texture is from, the result can depict a variety of colours and common animal prints to create a range of safari or zoo themed text styles.

Create Colourful Fiery Portrait in Photoshop

In this tutorial, I will show you the steps I took to create this awesome fiery portrait in Photoshop.This is a beginner-intermediate level tutorial aiming to give some practices on layer blending, selection and coloring techniques in Photoshop. Some steps can be a little tricky, but why not have a try!

How to Create a Super Easy Liquid Metal Text Effect in Photoshop

This tutorial will show you a very quick and easy way of creating a liquid metal Photoshop text effect using a few textures, patterns, and layer styles. 

How to create print-at-home packaging in Photoshop.

Photoshop Gold Text Effect Tutorial

How to create a lovely gold text effect. It’s made using a combination of Photoshop layer styles, plus a couple of my own secret ingredients that really brings the effect to life with a nice shiny finish. What really makes this gold effect look so realistic compared to some other basic gold text effects is the layering of Photoshop’s layer styles. 

How to Create a Torn Edges Effect in Photoshop

Have you wondered how to create a torn photo effect in Photoshop? If so, your search ends here! In this tutorial, we’re going to create a picture collage in Photoshop. Then you’ll learn how to add torn photo edges in Photoshop and customize them to look unique and true to life.

Web and design articles

Managing Your WordPress Site With Git and Composer

Managing WordPress with Git and Composer has some big advantages. In particular, it can give you version control and helps get new people up to speed quickly. But it’s not for every WordPress project. In this article we’ll look at the pros and cons of this approach, and I’ll show you how to manage WordPress core, themes, and plugins using Git for version control and Composer for dependency management. Finally, we’ll look at moving WordPress into a subdirectory on Git for increased security.

Transitioning to GA4: Is this the Right Analytics Move for Your Team?

The author’s views are entirely his or her own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz.

Using em vs. rem in CSS

The core function of CSS is to enable browsers to style HTML elements. CSS does this by assigning specific values to properties, such as the background, color, font size, margin, padding, and more.

<article> vs. <section>: How To Choose The Right One

In this article, Olushuyi explores a mental model that helps you decide between the <article> and <section> elements when writing documents. You will explore how grouping content affects accessibility and how you can make it all count for users.

How To Fix The “Error Establishing a Database Connection” in WordPress

The “error establishing a database connection” is probably one of the most common errors WordPress users can encounter. It’s closely tied to the white screen of death (WSOD). This error means your website is no longer communicating or has access to your WordPress database; thus, your entire website goes down.

5 ways to design for people who are colorblind

Color vision deficiency (CVD) affects around 1 in 12 men and 1 in 200 women worldwide; for every 100 users visiting your website or app, up to 8 people could suffer from CVD.

Technical Writing for Developers

HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But as we aim to write more and better code, the way we write and communicate in everyday language becomes more and more important… and perhaps even overlooked.

Post tags


Please leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

HELP SUPPORT US - Become a premium member

Regular updates

Regular updates

New content is continually added throughout each month, so frequently visit back to see new resources added.

1 year membership

1 year membership

Your membership lasts for 12 months, which cost less than a cup of coffee a month.

Unlimited access

Unlimited access

Download as many resources as you like throughout lifetime of your membership with over 100 resources.

Only $15.99 Per Year

Join today