Best design and web developments posts from November 2024

• December 2nd, 2024
• News

This month’s best of web features a fantastic mix of design tutorials, including how to create a stick effect and a glass photo effect. We’ve also included web development articles—from learning how CSS overflow: clip works to a helpful technical SEO checklist. We’ve gathered some excellent posts in this roundup and hope you enjoy reading them.

Design Tutorials

Vaporwave Neon Effect Photoshop Tutorials

The elegance of classic Renaissance sculptures and the vibrant neon colours of the Vaporwave aesthetic are two contrasting styles you wouldn’t expect to see together, but this combination of imagery has become a popular abstract art style. In this tutorial I’ll show you how to apply a vibrant neon glow to a shape with the help of Photoshop’s layer styles. Then we’ll use a clever technique to apply a colourful ambience to the image, as if it is being illuminated by the new neon light. As a finishing touch we’ll also add some mist effects to give the final art piece a mysterious mood.

How to create a reeded glass photo effect in Photoshop

Reeded glass is a type of textured glass that divides the image into a series of lines, each distorting the view in a very characteristic way. In this Photoshop tutorial, you’ll discover how to achieve this fractal glass effect step by step!

How to Create a Live Ink Bleed Text Effect in Illustrator

Diego prevents carpal tunnel syndrome in designers worldwide by making incredible time-saving Photoshop actions and mock-ups.

How to create a holographic sticker text effect

In the following tutorial, you will learn how to add effects to text and how to make holographic stickers in Adobe Illustrator.

Web development & Design articles

How To Add Rich Snippets to WordPress

Are you looking for an insightful guide on how to add rich snippets to WordPress? We’ve got you covered.

Complete Guide To WordPress Management

Managing WordPress sites means updating everything, finding tools to backup data, optimizing performance, and maintaining security. However, handling these tasks manually can become overwhelming. This is where management tools come in. 

Is it worth switching to WordPress FSE? Yes, and here’s why

Thinking of making the switch to WordPress full-site editing but not sure if it’s for you? Here’s some seriously compelling benefits FSE brings to the table.

An official logo for CSS

Since its introduction, CSS has never had an official logo. Only ever since CSS3 and therefore the well-known shields got introduced people had a visual representation in terms of a logo when they were talking about CSS.

How a BBC navigation bar component broke depending on which external monitor it was on

Recently, my team and I fixed an absolutely bizarre bug that only one person in the team could reproduce. And to make it even weirder, she was only able to reproduce the issue when using her work laptop at home; it worked fine with the same laptop in the office.

Learn how overflow: clip works in CSS

The overflow CSS property is common when building a website. It’s used for different purposes.

Working with properties and key-value pairs in theme.json

Understanding the structure and properties of the theme.json file is fundamental for block theme development. This file serves as the primary configuration hub for all block-based themes.

Shopify Technical SEO Checklist: Optimize Your Store’s Performance

Shopify Technical SEO helps online stores perform better. It focuses on making websites faster and easier to find. Designful, a top digital marketing agency, knows how to boost Shopify stores.

Monitoring and optimizing website performance

A well-performing website not only improves user experience but also impacts accessibility, search engine rankings, conversion rates, and more. Maintaining optimal performance requires continuously monitoring your site to catch performance regressions.