Best of the web for Design and Web Development August 2023

• August 31st, 2023
• News

In the first half of our monthly roundup post, we have compiled a list of some of the best design tutorials that cover a wide range of topics from Photoshop to Illustrator. These tutorials are perfect for those who want to learn unique effects, such as custom script type and movie poster creation.

Moving on to the second half of the post, we have included a plethora of fantastic web articles published throughout the month of August. From “The Best Side Projects for Product Managers” to “What is a Social Media Kit? Definition and How to Build Yours,” we have handpicked only the best articles for our readers. There are plenty of other great web articles included in this month’s roundup post, so be sure to check them out!

Web and Design articles

Illustrator Typography: How to Create Custom Script Type

Usually custom typography pieces would be drawn by hand, but today I’ll share the secret of how you can still create trendy lettering by customising ready-made fonts in Adobe Illustrator. If you are a whizz at illustrating your own script text, the same vector shading techniques can be applied to your artwork once it has been traced to give it more impact with vibrant colours.

How to Use the Slice Tool in Illustrator

In the following tutorial, you will learn everything you need to know about Illustrator’s Slice Tool and how to slice in Illustrator using different techniques.

How to Make Your Own Movie Poster

You will be creating movie poster wall art! Creative movie posters are fun to make, and they don’t have to be too complicated either. With a few tricks and photo effects, we’ll be able to add any pet into any genre of movie. Today, we’re creating an action cat movie poster starring my own cat, Reggie.

Easily Make a Fur Text Effect in Photoshop

It will show you a very simple method to combine text and textures, setup a brush (to replicate the softness, direction, and density of fur), and use layer styles using only the default Photoshop tools.

Easily Make a Distressed Bleed Text Effect in Photoshop

When you want to give your text a distressed look, there are many different methods that you can use. However, there is an easy and effective way to achieve a stylish distressed bleed text effect in Photoshop using a very simple technique that combines the power of the Field Blur filter with some Filter Gallery options.

Design tutorials

WordPress 6.3 “Lionel”

Say hello to WordPress 6.3 “Lionel,” named after Lionel Hampton, the celebrated American jazz artist. A prolific jazz vibraphonist, pianist, and percussionist, Hampton gained notoriety working in harmony with greats from Charles Mingus to Quincy Jones and as bandleader of the eponymous Lionel Hampton Orchestra. His artistry and charitable work have been recognized with a Grammy, a star on the Hollywood Walk of Fame, and the National Medal of Arts.

Things you forgot (or never knew) because of React

Like a lot of people, there was a time when the only music I listened to was whatever was played on my local radio station. (A lot of people over 30 or so, anyway. If this doesn’t sound familiar to you yet, just stick with me for a minute here.) At the time, I was happy with that. It seemed like all I needed.

The best side projects for product managers

After 10 years of continuously working in product management, I decided to leave my full-time job to take a short vacation around a similar time last year. Back then, I wanted to get into freelancing since I liked the idea of working on different products for a shorter period of time. Sometimes that was not possible at my last employer, Zalando, so in the hopes of exploring this new route, I launched a set of side projects.

What is a Social Media Kit? Definition and How to Build Yours

On the internet, it’s increasingly difficult to make a lasting impression. But for business owners, it’s absolutely critical to turn passersby into regular followers and, eventually, loyal customers.

A Beginner’s Guide to SvelteKit

SvelteKit is an officially supported framework, built around Svelte. It adds key features to a Svelte app — such as routing, layouts and server-side rendering — and makes frontend development outrageously simple.

Why WordPress Gets Hacked

A question we frequently get from new users as they’re onboarding is: why does WordPress get hacked? Of course, this question makes sense in this context; it’s extremely frustrating to find out that your WordPress website has been compromised and you need to tackle an infection or increase security controls. Surely you’d want to understand why.

A quick introduction to CSS @scope

Have you heard about #CSS @scope? It’s an upcoming way to scope the reach of your CSS selectors, allowing you to move away from methodologies such as BEM because you no longer need to name those in-between elements.

7 reasons to replace advanced search with filters so users can easily find what they need

Advanced search is probably one of the earliest patterns I remember from the early days. The pattern is a link under the search box that takes users to a page with search options.