Best of the web for Design and Web Development September 2022

• October 3rd, 2022
• News

This is the monthly tradition where we roundup the best design tutorials and web articles published through the month of September.Theres a range of design tutorials from how to create a sparking diamond text effect to a broken glass photo effect. The second half is jam packed with some great blog posts from how UX designers can influence SEO to Product manager vs. project manager: What’s the difference?.

I hope you enjoy this months roundup. Sign up to to our newsletter and we send you an email reminder when months edition of our web roundup is published.

How to Create a Quick Sparkling Diamonds Text Effect in Adobe Photoshop

Are you looking to make your designs shine? Then learn how to create a quick diamond text effect in Photoshop.

How to Make a Complex 3D Blending Effect in Illustrator

Illustrator has give us many different tools over the years to make our graphics easier and quicker to make. One of the tools that speeds up the drawing process is the Blend tool. Most of the time, this tool has been used to make text effects or to simply blend 2 or more colors of a drawing. But when using this effect with a premade graphic, it has even more potential. Today, I will show you how you can make an eye catching 3D effect in Illustrator using a simple square with a few lines and the powerful Blend effect.

How to Make This Colourful ‘Rainbow’ Text Effect in Adobe Illustrator

 Illustrator tutorial going to show you how to create a colourful text effect, which comprises of a stack of text elements that transition through the colour spectrum to produce a rainbow effect. Illustrator’s Blend tool will form a core part of the procedure, but I will also share a useful tip that enables you to easily alter the wording of all the text instances at once.

How to Create a Surreal Broken Glass Effect in Adobe Photoshop

In this broken screen effect Photoshop tutorial, we’ll learn how to envelop a model in shards of shattered glass, thus developing a surreal fashion-forward image! We’ll be masking fur, painting using only default brushes, and tapping into the full potential of Blending Modes and textures in this advanced-level tutorial. 

How to Make a Trendy Line Text Effect in Illustrator

Making a line text/graphic effect can look like a very difficult task in Illustrator, but in fact it is very easy! And you can create a wide range of lines effects just by changing the Stroke weight or profile even after you finish the effect. There are, of course, different methods to make line text graphics, but today I will show you a very effective method you can use that is easy and quick to replicate. This method will let you change the line effect even after the effect is made, so you can try many different variations.

Web design tutorials

Making Sense Of WAI-ARIA: A Comprehensive Guide

In this article, Kate Kalcevich explains when to use ARIA and how to use it properly so that you can use ARIA in a way that’s helpful to the many disabled people who use assistive technology to navigate the Internet.

A Content Engine that Drives Revenue — Whiteboard Friday

In today’s Whiteboard Friday, MozCon speaker and content marketing expert Ross Simmonds walks you through his method for creating a content marketing engine that will ultimately make you money, rooted in four simple steps: research, creation, distribution, and optimization.

Is it :modal?

CSS :modal is available from Chrome 105. This handy pseudo-selector gives you a way to select elements that are “modal”, and to avoid managing classes in JavaScript by providing a way to detect modal elements.

So your designer wants stuff to overlap

I started my first full-time web developer job back in September of 2013 (not counting the period where I built random sites for random people). So it’s kind of like my 9 year anniversary of being able to earn a stable living by building on the web. Thanks, Sir Tim Berners-Lee. 🙏

WebKit Features in Safari 16.0

we are excited to announce the release of Safari 16.0 for iOS 16, macOS Monterey and macOS Big Sur. This release contains quite a few new web technologies that web developers can use to make their sites and web apps even better.

How To Improve Largest Contentful Paint for Faster Load Times

Largest Contentful Paint (LCP) is a Core Web Vital metric that tracks how many seconds it takes for your page’s most data-intensive, above-the-fold element to load. These elements can be text, images, elements with background images, or even videos.

GraphQL vs REST: Everything You Need To Know

It can be tough to pick the technologies that will be included in the tech stack of your next project. In many cases — and especially when it comes to choosing between GraphQL and RESTful APIs — it’s all about choosing the next best API design architecture.

5 Ways That UX Developers Influence SEO 

User Experience is a crucial consideration for any web developer or designer; the only way to ensure that you’re delivering a successful website is to ensure that the end-user or customer will feel comfortable using it. 

Product manager vs. project manager: What’s the difference?

The fields of project management and product management are commonly — and erroneously — used interchangeably. Its practitioners even tend to use the same acronym: PM.