Best of the web for Design and Web Development November 2021

November 29th, 2021
News

Welcome back to another edition of our monthly roundup post where rounding up the best design tutorials and web development articles published through out the month the November. These posts are always a great one stop shop for catching up on the month. The post includes a range of tutorials for photoshop and illustrator from createinga neon text effect to a crayon brush in illustrator. There’s also some great web development / design articles to read through from a guide to modern CSS colors to how to protect Your Design Clients From These 6 Easy Mistakes.

We hope you enjoy this edition of our monthly roundup, and feel free to send us any post you would like us to include in next months final edition of the year.

Premium design assets for
your next project

Acess to a huge libary of design resources from Photoshop brushes to vector resources.

Join today

Tutorials

How to Make a Warped 3D Text Effect in Illustrator

When you think about making a 3D Text effect, your first thought might be to make it in Photoshop. But this effect can also be made in Illustrator, and sometimes faster and easier than in Photoshop! Today, I will show you how easily you can make what seems to be a complex 3D Text Effect in Illustrator using nothing but the default tools.

How to Create a Neon Text Effect in Illustrator

In the following tutorial, you will learn how to make a neon effect in Illustrator using the Appearance panel and some glow effects.

Create Bread & Strawberry Jam Text Effect in Photoshop

In this Photoshop tutorial, I will show you the steps I took to create this interesting bread & strawberry jam text effect in Photoshop. We will be adjusting and manipulating several bread stock images to make our typography. Have a try!

How to Make a Melting Glitch Text Effect in Photoshop

Do you want to learn how to make melting effect in Photoshop? Today, I will show you how to create two melt glitch text effects using standard Photoshop tools, adjustment layers, and textures.

How to Easily Make a Crayon Brush in Illustrator

Illustrator includes a wide range of brushes to get you started on your illustrations. You can mimic many different styles with them, but there are times when those brushes are just not the right ones you need. So today, I will show you how easily you can make a custom brush in Illustrator, in a wax crayon style, that you can use on any of your drawings. And we’re going to use a real crayon stroke to create it! You will only need a crayon, a piece of paper, and a scanner.

Create “Summon the Forest Spirits” Digital Art in Photoshop

In this tutorial, I will show you the process of making this “Summon the Forest Spirits” Digital Art in Photoshop. We will be using an easy, yet very interesting method to create the spirits. Definitely worth a read.

Web dveopment and design articles
Protect Your Design Clients From These 6 Easy Mistakes

As a web designer, you’re responsible for a lot of things. Your client is relying on you to ensure that their website is user-friendly, accessible, eye-catching, and even good enough on the back-end to capture the attention of the search engines.

Developer Tools secrets that shouldn’t be secrets

This is a talk that I’ve given at CityJS this September. I am a principal product manager for developer tools in Microsoft Edge and these are things I encountered during working on the tools, documenting them and going through user feedback.

What’s new in PageSpeed Insights

Learn about the latest in PageSpeed Insights to help you better measure and optimize your page and site quality.

The 9 Best XAMPP Alternatives for Hosting Your Website Locally

The wealth of features compiled into XAMPP makes it deserving of its reputation as a treasured PHP-based web development companion and local server management tool. We’ve no intention to argue this fact, but you might be looking for something different.

A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

Did you know that your chosen color palette can have an impact on how much energy your website uses? Even a more environmentally friendly choice of colors can reduce the impact on the battery life of mobile devices. In this article, Michelle Barker shares advice on the not-so-obvious things you have to keep in mind when handling colors in CSS today.

Cloudflare Pages Goes Full Stack

Welcome to the future, everyone. We’re thrilled to announce that Pages is now a Full Stack platform with help from Cloudflare Workers!

Extending CSS `when`/`else` chains: A first look

CSS authors use CSS conditional rules to define a set of rules based on the capabilities of a processor or document a style sheet is applied to. Some of these rules enable authors to perform logic within the style sheet.