Share via:

Best of the web for Design and Web Development December 2023

  • January 1st, 2024
  • News

Happy New Year to all! As we embark on this exciting new year, we want to take a moment to look back on the past month by presenting you with the best design tutorials and web articles that truly stood out. It’s been an incredible month filled with a wealth of knowledge and creativity.

We have an excellent collection of design tutorials that are sure to inspire and educate. Among them, you will find a detailed guide on creating a gold text effect, a fascinating tutorial on Generative Fill, and a comprehensive walkthrough on how to Change the Background in Photoshop. Each tutorial is packed with information and practical techniques that you can apply in your projects.

But that’s not all. The second half of our post is dedicated to web articles that we believe are truly worth your time. Ranging from an insightful piece on CSS Wrapped to an informative article detailing 6 Tailwind CSS best practices, tips, and tricks for 2024. These articles offer a wealth of information that can help you navigate the world of web design and development.

We’ve curated this collection with the hope that it will inspire, educate, and help you in your creative journey. We hope you enjoy this month’s monthly round-up post, and we look forward to bringing you more great content in the coming months.

Premium design assets for
your next project

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

Join today

Design Tutorials

How I Use Generative Fill to Change the Background in Photoshop

The new AI powered Generative Fill has quickly become my most used tool in Adobe Photoshop to quickly change the background of my photos. Take this one for example, it’s a boring iPhone photo of my truck after a recent flurry of snow, but with a quick AI background swap it’s suddenly teleported from an empty car park to a picturesque lake with snow capped mountains. So let me show you how it’s done…

How to Paint Watercolor in Procreate

This Procreate watercolor tutorial will teach you how to create a vibrant yet soft digital watercolor portrait in Procreate from scratch. We’ll explore different watercolor drawing techniques and textures to achieve an authentic watercolor look. 

How to Create a Gold Effect in Illustrator

In the following tutorial, you will learn how to create a gold effect in Illustrator using a gold gradient with a shiny gold texture, basic blending techniques, and a bunch of effects.

How to Make a Faded Text Effect in Illustrator

Surely you have seen many text effects all over the internet that seems to take a long time to make and probably they look very complex. While some of those can in fact take a long time to make, there are others that are actually very simple to replicate if you use the correct application and the right tools.

Web development and design article

CSS Wrapped: 2023!

From #Interop2023 to many new landings in the CSS and UI space that enable capabilities developers once thought impossible on the web platform. 

A guide to crafting a compelling marketing plan (with template)

A good marketing plan can work wonders for an organization, but it’s no easy feat to create. As a product manager who works with many talented product marketing managers, a good marketing plan aligns the organization and keeps everyone moving in the same direction.

View Transitions

Animating DOM state changes no longer requires a mountain of code thanks to the new View Transitions API.

Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more

There’s nothing like building a major new product for finding all the features you wish you had in your own tools, so we capitalized on some of that inspiration and turned it into this — Tailwind CSS v3.4.

Using the CSS contain property: A deep dive

Ensuring a smooth website loading experience relies on the browser’s ability to identify visible and non-visible parts of the page and understand the influence of specific elements on the current display.

6 Tailwind CSS best practices, tips, and tricks for 2024

Tailwind CSS is my go-to CSS framework since 2018. I didn’t use anything else since then, seriously!

WordPress Developer Trends to Watch in 2024

The 20th anniversary year of WordPress is drawing to a close. It’s tempting to take a look back as we enter the last weeks of 2023, but we thought it might be more helpful to take a look around instead.

Getting started with Web Performance 🚀

As the murderous tortoises start to converge on Ryūji’s hideout, they pull out their phone. It’s a cheap, older device but it’s survived the toils of the tortoise-ageddon well so far.

Post tags


Unlock High-Quality Resources to
Unleash Your Creativity