Best of the web for Design and Web Development February 2022

• February 28th, 2022
• News

The second month of the year has come to an end. In this post where looking back at the past month by rounding up the very best design tutorials and web articles created through out the month of February. The post is jam-packed with some great photoshop and illustrator tutorials to create a honey text effect to how to turn a sketch into a vector illustration using illustrator. The second half of the post is looking at web articles and includes some great posts to read through from CSS cascade layers to What is the “Minimum” in Minimum Viable Product?.

This is a great roundup, and one you will really enjoy the context of whats included.

Design tutorials

How to Create a Honey Text Effect in Photoshop

In this tutorial, you will learn how to create a honey text effect Photoshop style. I will explain everything in so much detail that everyone can create the effect, even those who have just opened Photoshop for the first time.

Create Wormhole Space Photo Manipulation in Photoshop

In this tutorial, we will create a Wormhole Space Photo Manipulation in Photoshop. This is an intermediate level tutorial and require prior knowledge such as layer blending, transform tool and brush tools.

How to Create a Scribble Sketch Effect Action in Adobe Photoshop

In this tutorial you will learn how to create an amazing, scribble sketch effect. I will try to explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time.

How to Create a Colourful Stacked Text Effect

how to create a colourful text effect with several stacked text elements that are progressively spaced further apart and transition through the colour spectrum to produce a rainbow effect. 

How to Make a Rainbow Oil Effect in Photoshop

It will show you how to create an oil spill Photoshop effect using standard tools.

Illustrator Tutorial: Sketch to Vector Character Illustration

 By tracing the initial sketch with as many basic shapes as possible, we can achieve a simple ‘flat’ illustration style. The addition of colour fills and strokes using a cold palette of pale blue hues really brings the character to life, then I’ll show you an easy shading technique that enhances your illustration while retaining the simplified ‘flat’ vector look.

How to Create a Spring Text Effect in Illustrator

Spring is just around the corner, and what better way to start it than with an Illustrator text effect? In the following tutorial, you will learn how to create a bold floral text effect using a bunch of brushes.

How to Create a Blueprint Text Effect in Adobe Illustrator

In this tutorial, you will learn how to create a honey text effect Photoshop style. I will explain everything in so much detail that everyone can create the effect, even those who have just opened Photoshop for the first time.

Web and design articles

Aspect Ratio is Great

Learning new CSS features doesn’t involve just learning a what a single property does, more like getting to grips with a collection of properties and how they work together — even learning a whole specification. 

Getting Started With the File System Access API

The File System Access API is a web API that allows read and write access to a user’s local files. It unlocks new capabilities to build powerful web applications, such as text editors or IDEs, image editing tools, improved import/export, all in the frontend. Let’s look into how to get started using this API.

How to Set Up MySQL Incremental Backups

A reliable backup system is one of the most important features of any hosting solution. It’s so important that we have an entire Automated Remote Backups chapter in our Install WordPress on Ubuntu guide and built automated backups with offsite storage directly into SpinupWP.

Hello, CSS Cascade Layers

One of the most common causes of confusion in CSS is facing specificity while writing styles. For example, changing the display value for an element never works because another element in the cascade overrides it due to having a higher specificity. Or when another element has !important That usually happens when the codebase is growing and we’re not organizing CSS in a way that prevents (or reduces) such problems.

What is the “Minimum” in Minimum Viable Product?

Minimum Viable Product,” or “MVP,” is a concept of agile development and business growth. With a minimum viable product, you focus on creating the simplest, most basic version of your product, web application, or code possible.

Daily SEO Fix: SEO Reporting — More Specific Use Cases

When rolling out an SEO strategy, an important step is to establish goals you’re able to report on regularly. With Custom Reports in Moz Pro, you have the ability to set up automatic reports to send to key stakeholders regarding the goals you are seeking to achieve. In the previous Daily Fix edition we talked through the basics of creating reports. This time, we’ll dive deeper into some specific use cases that may help you and your team better relay critical information regarding your SEO goals and objectives.

Getting started with Parcel CSS

Nearly all frontend development workflows include a build tool, bundler, or transpiler to ensure that code syntaxes are bundled to fit the standards of modern web browsers.

Testing Pipeline 101 For Frontend Testing

Automated testing can give you much confidence in merging your changes, especially in extensive refactoring or working with your teammates. As a result, you might have thought about including testing as part of your build routine to get the most value out of it. Don’t know where to start? Let’s implement your testing pipeline together from scratch.