Managing the DOM to Automate the creation of Bootstrap 5 Indicators.
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.
Hacking the Bootstrap 5 Carousel: Consistent Height Carousels with CSS Gradients and Object Fit
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.
Building Sidebar Carousels with CSS by Hacking the Bootstrap Carousel
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.
Understanding how React Hooks work with GraphQL using the Github GraphQL API
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.
Best Web Developer Tools, Extensions and Modules to Get Started on your Next Web Design Project
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.
Automate Image Compression for your Websites with the latest codecs using Squoosh from Google
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.
CSS Tips and Tricks: Responsive content without media queries using CSS Clamp()
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.
Bootstrap Icons - Free Icons for Web Design
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