Many of us might have noticed websites that have a search bar which expands on click by the user. It’s that amazing and convenient. Moreover it gives a responsive look to our websites and make it very interesting and serves a great user experience with beautiful animation. In this tutorial, we are going to create … Read more
In this article, we will be designing the Indian National Flag using HTML and CSS. The Flag has three colors as we all know. The topmost being saffron, white in the middle and green at the bottom. In the middle we have a blue coloured wheel, indicating Ashoka Chakra. Let’s get into the coding part … Read more
When a programmer works on big projects then the code consists of thousands of lines, so if any other team member or any other programmer wants to refer to the code, he/she may get confused and will not be able to understand it. So, to solve this kind of problem we have CSS Grouping and … Read more
In this tutorial we are going to create a sidebar using HTML, CSS and JavaScript. We will begin with a basic layout. A left sidebar hosts a menu and its content section. When the user presses the button, the left sidebar will be visible with an smooth animation effect which we have added with the … Read more
Element Positioning CSS The positioning property of CSS gives us the information about where an element or an entity is placed on a webpage. There are five different types of position property available in CSS and those are: Fixed Absolute Relative Sticky Static Let’s deep dive into each of the position property of CSS one … Read more
There’s hardly any website nowadays that you’ll come across which doesn’t have a search button. And it has become one of the most important elements of a website now. Keeping a search icon inside the input box gives users a more clear idea that the input box is created for searching something. Every website has … Read more
A sticky header is a navigation bar or a menu bar which remains on top of our web page even when we scroll down. In simpler words, a sticky header remains fixed on top of the page. This allows users to access other routes easily without scrolling back to top. Sticky headers cover a significant … Read more
In the era of innovations, we look forward to create smooth and user-friendly applications to make the work simple and flawless. User experience has always been given the topmost priority when it comes to designing a website. Everyday, we see advancements in UI practices that evidently improve the user experience & further, add more creativity … Read more
In this article, we will discuss how to create a small application that counts the number of words in the given input text. Such an application is useful when a person is asked to write something with a word limit. And the word-counter can keep a track of the same.Here we will be using simple … Read more
In this tutorial, we are going to build an age calculator using JavaScript. JavaScript has an inbuilt command to get the present date which makes our task easier to calculate our present age. An age calculator always comes in handy when we need an accurate answer for “what our age is?”. Let’s get started to … Read more