Best of the web for Design and Web Development July 2022
- August 1st, 2022
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.
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.
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!
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 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.
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 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.
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.
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.
In this article, Olushuyi explores a mental model that helps you decide between the
<section> elements when writing documents. You will explore how grouping content affects accessibility and how you can make it all count for users.
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.
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.