Category: Coding
-
Simple tutorial to use Checkbox inside Select Option using JavaScript
In this tutorial, we will explore a simple and effective way to enhance user experience by adding a checkbox inside a select option using JavaScript. By combining the functionality of checkboxes with the dropdown nature of a select element, we can provide users with a more interactive and intuitive interface for selecting multiple options. This…
-
The Future of Tech: 5 Must-Try No-Code Tools in 2023!
As technology continues to advance, the world of tech is constantly evolving, and so are the tools and platforms available to developers and entrepreneurs. One of the current hottest trends in the tech industry is the rise of no-code tools. No-code doesn’t mean that you won’t need any coding knowledge as some might think! It…
-
What is the Best Way to Optimize CSS?
As web developers, we are all aware of the importance of CSS in making our websites look aesthetically pleasing. However, with the increasing complexity of modern web designs, CSS files have become bulkier and more intricate than ever. This can lead to slow page loading speeds, poor user experiences, and decreased search engine rankings. Therefore,…
-
8 Surprising Effects You Can Create with Text Animations in CSS
CSS animations are a powerful tool for creating engaging and dynamic websites. One particularly exciting use of CSS animations is creating surprising and visually striking effects with text. With some CSS know-how and creativity, you can create stunning text animations that will keep your users engaged and entertained. In this blog post, we’ll showcase 8…
-
10 Crazy Useful Google Chrome Extensions for a Developer you Need to Have!
Google Chrome is one of the most popular browsers in the world with a market share of 65.2%, meaning more than 6 persons out of 10 are surfing the internet using Google Chrome as their main default browser. One of the biggest reasons for its popularity among netizens is its amazing and useful google chrome…
-
Simple tutorial to create SnackBar Notification using vanilla JavaScript
A Snackbar/Toast notification UI component provides visual feedback to the user informing about some event without affecting the user’s experience. You may have always wondered how a snackbar/toast notification works or how to custom create snackbar notification bar from scratch according to one’s need. It is also one of the famous questions interviews generally ask…
-
15 Useful GitHub Repositories Every Developer Should Bookmark
I often wondered about the resources I could use to refer to and help me in the process of learning during my journey as a developer. Having good resources such as books, blogs, or even useful GitHub repositories is a convenient and efficient way to master the skill and learn industry standard practices so that…
-
10 Killer Web Applications to Boost Your Productivity
Productivity is a measure of producing the quality of work done in a given time and has become a buzzword in recent years. In today’s modern busy world where time means money, producing an efficient amount of work with less time is a great way to end a day. As we are constantly surrounded by…
-
Implement Pixel Art grid using HTML, CSS and JavaScript | The DOM Challenge
This is the second challenge from The DOM Challenge series created by Sunny Puri (SDE2 at Swiggy) and Sadanand Pai (SDE2 at CoinDCX) to inspire and motivate developers to get more proficient in DOM manipulation and learn JavaScript applications. Challenge 2: Pixel Art Grid This is the second challenge from The DOM Challenge series, creating a…
-
Implement Star Rating Widget using HTML, CSS and JavaScript | The DOM Challenge
In order to become a successful FrontEnd developer, it is very important to have a very strong understanding of HTML, CSS, and Javascript, and various topics like DOM and Critical rendering path. And this understanding and skill can be only built by solving various challenges and problems. Challenges can be of any type, it can…