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.
