Best of the web for Design and Web Development November 2023

• November 30th, 2023
• News

In this monthly tradition, we compile the best design tutorials and web articles published in November. The post features a range of design tutorials, from teaching you how to create a comic book style pop text effect to the infamous matrix effect. The latter half is filled with insightful articles, discussing topics from common SEO pitfalls to an introduction to CSS container queries. Enjoy this month’s roundup, and stay tuned for the final monthly round-up of 2023 next month.

Design Tutorials

How To Make a Pop Live Text Effect in Illustrator

Transforming a plain black text into a more eye catching graphic sometimes requires a lot of work depending on the effect that you want to use to make it more interesting. But most of those “complex” effects that you saw are in fact easy to reproduce if you use the right tools. So today, I will show you how easy is to make a layered Pop effect in Illustrator in less than 10 minutes while keeping the text live for you to edit it later and using only the powerful Appearance panel.

How to Create the Naruto Logo

Since the inception of Naruto in 1995, Manga author Masashi Kishimoto has given us a story for the ages. Naruto is filled with memorable characters, deep and detailed lore, fantastic fashion design, and of course a huge variety of iconic logos. From family crests to guilds and powers, every symbol in Naruto has a special meaning.

Design Urban City with “The Matrix” Movie Effect in Photoshop

In this tutorial, you will learn to how to design Urban City with “The Matrix” movie effect. This is an intermediate level tutorial.

How to Easily Create an Abstract Lines Background in Illustrator

Creating intrincated lines patterns and shapes may seem like a very complex task, but it could be a very easy and straight forward process if you use the right tools. While most designers can think on making these backgrouns in Photoshop (which is also a great tool to make them) is easier to make them in Illustrator, with the advantage to have a vector file, thanks to the Blend panel. So today, I will show you how easy is to make a vector Abstract Lines Background in Illustrator using only the default tools and in less than 5 minutes.

Web and Design articles

Vite vs. Webpack: A Head-to-Head Comparison

In the dynamic nature of modern JavaScript, it’s essential to remember that ‘old’ doesn’t necessarily mean ‘outdated’, and ‘new’ doesn’t always imply ‘better’.

12 SEO pitfalls to avoid during a website platform migration

Learn how to safeguard your website’s SEO performance during a platform migration with these tips for a smooth transition.

WordPress Playground: From 5-Minute Install To Instant Spin-Up

WordPress Playground began as an experiment to see what a self-hosted WordPress experience might look like without the requirement of having to actually install WordPress. A year later, the experiment has evolved into a full-fledged project that not only abstracts installation but opens up WordPress to a slew of new opportunities. Ganesh Dahal demonstrates how WordPress Playground works and gets deep into how it might be used.

12 SEO pitfalls to avoid during a website platform migration

Learn how to safeguard your website’s SEO performance during a platform migration with these tips for a smooth transition.

Getting started with CSS container queries

As of this year, container queries are supported in all major browsers. But what are they, and how can we use them to build more robust, flexible layouts? Do we still need media queries? Let’s find out.

Surprising Facts About New CSS Selectors

I went down a bit of a rabbit-hole recently learning about CSS Nesting, specifically regarding the new & selector. I heard that it behaves like the :is() selector, and in the course of researching, I learned a lot about how these new selectors work.