script types Hello Everyone, Welcome back to my blog 🙏. I hope you are all safe and that this blog finds you in good health ️🫶. Introduction We know that Scripts can be added to an HTML in two different ways 👉 Internal scripts— Including our script inside the HTML <!DOCTYPE…

Hello Everyone, Welcome back to my blog 🙏. I hope you are all safe and that this blog finds you in good health ️🫶. Introduction I know most of you think this topic is not so fascinating at all but It is one of the core concepts of clean code practices…

<p> paragraph Hello Everyone, Welcome back to my blog 🙏. I hope you are all safe and that this blog finds you in good health ️🫶. Folks, We often use different tags in HTML based on our requirements. But, sometimes we end up in some loop where it hits accessibility…

NPM & Yarn & Pnpm Hello Everyone, Welcome back to my blog 🙏. I hope you are all safe and that this blog finds you in good health ️🫶. Before jumping to our main topic, Let’s understand What is the role of the Package Manager in front-end projects? Bob and…

Accessible Rich Internet Applications rules — Hello Everyone, Welcome back to my blog 🙏. I hope you are all safe and that this blog finds you in good health ❤️. In my previous blog, we learnt what ARIA is and how important it is for any web application. …

ARIA Hello Everyone, Welcome to my blog 🙏. I hope you are all safe and that this blog finds you in good health ❤️. Introduction — What is ARIA? In general, ARIA is a set of attributes that make your website more accessible, especially for people with disabilities. Before getting into our main topic, A…

File Extension: filename.sass | filename.scss — Hello Everyone welcome to my blog 🙏. Hope you are all safe and this blog finds you in good health ❤️. Firstly, Wishing you everyone a happy and fantastic year ahead 🤝. In this blog, we will be knowing about one of the preprocessors of CSS which is very fascinating…

Developer Tools are quite common for UI developers, but do we use them efficiently for development? I am happy to share some of the tips which makes your styling work easier and more efficient at the same time. Without any Delay, Let’s get started ✍️ Dev tools provide us with…

It is the management system that is used in development to maintain the files in systematic order. Like if we have several files and corresponding HTML and CSS files for that, it will be a difficult task. To maintain all those files, Webpack is useful. It bundles all the files and necessary…

Being front-end developers, we have come across many challenges on a regular basis. we would have created many components in order to re-use them throughout our Web application. Basically, What is the difference between page and component? In simple words, Pages are a combination of components in most of the cases. Components…

As a Frontend developer, if you are using Node Package Manager (NPM) you would have come across these two files. So why do we need them? What is Package.json? package.json is the main and heart of the project where you see all dependencies along with versions which are you used…