There are two techniques you can use to add elements to the DOM. You can create the elements from scratch and then add properties. This is part one of a short, two part series where I show you how to manage the DOM. In this example, I'm using Bootstrap 5 to automate the creation of indicators on one or more Carousels, but it's a tip that you should be comfortable with.

The Bootstrap carousel is one of the most popular components in Bootstrap 5, but we have the technology to improve it and at the same time learn about one of my favorite new CSS features object-position and object-fit.

You don't have to use a single carousel on a page, they work really well on sidebars to cycle through content, getting attention by using their sliding or fading features.

Like great wine, there are some tools that pair exceptionally well with each other. One of those is React and GrahpQL. To celebrate the launch of my new course, I'm hosting a new livestream to talk about how they work together, why you should build something with them as soon as possible and how to use them with React Hooks.

You've got a new web development project to build, but how to begin. Here's a few tips and tricks that I use which are the best ways to get your web design projects started quickly.

To get the smallest sizes for your web design images, you need to try the latest codecs like WebP, MozJPEG, AVIF and Google created an excellent tool that helps you automate that process.

There's a super useful CSS function called Clamp() you've got to learn as a part of your of bag of CSS Tips and Tricks.

If you're looking for free Icons for web design. Bootstrap Icons is an open source icon set from the makers of the bootstrap framework with more than 1300 icons

A live stream on Tailwind vs Bootstrap because I think you need to know when and if it's the right time to switch to this new CSS library.