Preet Suthar Blog

Introduction Your GitHub profile serves as a powerful representation of your coding journey, showcasing your projects, skills, and…

Introduction: CSS Flexbox is a powerful layout module that enables developers to create flexible and responsive web designs with ease. By…

Introduction: Designing an attractive interface and delivering a seamless user experience are crucial elements for successful websites…

The field of web development is always changing and getting better. There are always new technologies being introduced. Web developers may…

Introduction Dim mode has gotten to be progressively well known in web plan, giving clients with an elective color plot that’s simpler on…

Introduction In today’s fast-paced digital environment, website visitors have high expectations for loading times. A slow-loading website…

In today’s advanced age, planning websites that adjust consistently to different screen sizes and gadgets has ended up an fundamental…

CSS Grid is a powerful layout system that lets you easily create complex grid-based layouts. It offers a flexible and intuitive way to…

Getting started with web development can be an exciting journey. But it can also be overwhelming, especially for beginners. With so many…

In web design, adding subtle interactive effects can greatly improve the user experience. One popular effect that has gained attention…

Introduction: Centering elements, especially divs, is a common challenge in the world of web development. Achieving perfect centering…

preface In moment’s digital geography, the demand for robust and scalable web operations is advanced than ever. As inventors, we constantly…

C is a powerful programming language that provides a wide range of operators for performing various operations. In this post, we will take a…

C is a popular general-purpose programming language that was first developed in the 1970s. It is widely used for developing operating…

C programming language provides a rich set of data types to handle different types of data. These data types can be classified into two…

This is the first blog post for basic C programming language tutorial. C is a high-level programming language that was developed in the…

Introduction Gatsby is an open-source framework that includes the functionality of React, GraphQL, and we back into a single framework that…

If you have any blog website created using I mean react gatsby, nextjs or something than you might want to add comments on your blog page…

Why Microphone level keep adjusting it self automatically? There can be a lot of reasons behind this problem. Mostly it happenes when using…

Speech recognition is very useful! It can be used in so many applications or programs like it can be used for home automation systems…

Arduino is the most popular thing in those days and you can do so many things using arduino, but using arduino with combination of python…

Here is the list of my tech and gear which i use on daily basis Laptop Specs Model: Asus TUF A15 RAM: 16GB CPU: AMD Ryzen 7 6800H with…

Easiest way to create a basic webserver using express js. We can use node js to create a web server using node js will a long time to create…

So what is theme toggler? it’s just a setting for your website to set light theme or dark theme and in these days we can do it very easily…

Step 1 - Add HTML Step 2 - Add CSS And Then Your are done your gradient under line on hover is ready.

Structure This is the starter code of HTML. Boilerplate Headings There are six headings available in HTML, H1 is the largest among all, and…

Learn to create a countdown / timer in your website using HTML, CSS & Javascript Easily within some minutes. Code And then your countdown is…

First of all what is tilt js it’s a tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery. you don’t…

Snackbars are often used as tooltips/popups to show a message at the bottom of the screen. Click on the button to show the snackbar. It will…

Create a linear gradient background color that starts from the top. It starts from teal/green to blue: Example

Learn how to create a sticky element with CSS In your website. Sticky Element An element with is positioned based on the user’s scroll…

Notes can be used to notify the user about something special: danger, success, information or warning Step 1: Add HTML Example Step 2: Add…