menu icon

CSS Blogs

How To Add Tab Icon In HTML | Favicon In HTML

How To Add Tab Icon In HTML | Favicon In HTML

Author: Sameer Saini Date Published: April 28, 2022

Favicons are an essential part of a good-looking website. Tab Icon in HTML websites or otherwise known as the favicon is a small image that is displayed next to the page title in the browser tab.

Read More
How To Add HTML Border Around Text

How To Add HTML Border Around Text

Author: Sameer Saini Date Published: April 28, 2022

In HTML, you can add a box around text, or a border around text and change it to any color or thickness. Add HTML Border Around Text Using Inline CSS.

Read More
HTML Option Selected Attribute

HTML Option Selected Attribute

Author: Sameer Saini Date Published: April 28, 2022

In this blog post, we will learn about the Selected attribute in HTML Option element. A dropdown list is created using the Select tag in HTML.

Read More
How To Make Text Italic In CSS

How To Make Text Italic In CSS

Author: Sameer Saini Date Published: February 25, 2022

HTML and CSS offer us to use italics in a website. For example, this text has been made italic using HTML and CSS.

Read More
How To Remove Underline From A Link In HTML

How To Remove Underline From A Link In HTML

Author: Sameer Saini Date Published: February 24, 2022

When developing a website, you might use anchor elements to create links in a website that might lead to a webpage internally or externally. By default, links have an underline below them.

Read More
Full Screen Overlay Navigation Bar Using HTML, CSS and JAVASCRIPT [Free Source Code]

Full Screen Overlay Navigation Bar Using HTML, CSS and JAVASCRIPT [Free Source Code]

Author: Sameer Saini Date Published: February 21, 2022

In this blog post, we are going to create a fancy navigation bar using HTML, CSS, and Javascript. This navigation menu would be not just a regular navbar, but, a full-screen overlay navigation menu. This will be a responsive navigation bar menu that will be responsive for both mobile and desktop displays. It will be really fun to code this and navigation bars like these create an amazing impression of your website in the user's head.

Read More
Create A Dropdown List In HTML

Create A Dropdown List In HTML

Author: Sameer Saini Date Published: February 21, 2022

Dropdown lists if you have seen them before on other websites are extremely powerful. They provide the user a clear list to select a single option from the list of options that the dropdown menu provides. They provide a good overall user experience. An example of a dropdown list in a general everyday website is the month picker. Using a dropdown list you can give the user to select the month of their birth.

Read More
Full Screen Background Video For Your Website Using HTML and CSS

Full Screen Background Video For Your Website Using HTML and CSS

Author: Sameer Saini Date Published: February 19, 2022

A lot of websites that are rich in user experience use a full-screen video background to provide rich media content that supports their website. This can be a product demonstration, user reviews, etc. The full-screen video background looks amazing and achieves its purpose.

Read More
Create A Countdown Timer Using HTML, CSS and Javascript - Free Source Code

Create A Countdown Timer Using HTML, CSS and Javascript - Free Source Code

Author: Sameer Saini Date Published: February 19, 2022

A countdown timer as we have seen in many places including one in our mobile phones is a timer that ticks backward from a given time to zero. A countdown timer has several benefits in real life too. This can be used as an alarm to see if food is properly cooked or not, to track activity, and numerous other things. Although we have a countdown timer in our mobile phone, creating a countdown timer from scratch using HTML, CSS and Javascript can be so much fun. This can be a mini project that you can add to your portfolio.

Read More
Create A Hero Banner Image Using HTML and CSS

Create A Hero Banner Image Using HTML and CSS

Author: Sameer Saini Date Published: February 19, 2022

A hero banner is a big size image (sometimes a full-screen image) on the top of the website. The purpose of this hero image is to basically present the overall goal of the website or business. This hero image banner may or may not have overlay text on top of it. It also sometimes has a call to action button so that users coming on to the website click on the call to action button on the hero banner displaying the clear motive of the website or the business.

Read More
Animated Full Page Search Bar Using HTML, CSS and Javascript

Animated Full Page Search Bar Using HTML, CSS and Javascript

Author: Sameer Saini Date Published: February 18, 2022

Medium and Big enterprise-level websites all require a search functionality in their website so that users can search for something particular across their website. This search functionality provides a pleasant user experience and users land straight to the resource they are looking for. In this blog post, we will create an animated full-page search bar for our website using HTML, CSS, and Javascript. First, we will start by creating the HTML and CSS for the header which has the search button in the header.

Read More
Toggle Password Visibility Using HTML, CSS and Javascript [Source Code]

Toggle Password Visibility Using HTML, CSS and Javascript [Source Code]

Author: Sameer Saini Date Published: February 18, 2022

You might have come across this functionality in so many websites, where you see a toggle button that toggles the password visibility for you. Some websites have this as a "Show Password" button, some have a "Password Eye" icon which suggests you can click or hover over it and you will be able to see the password you typed. This "Toggle Password Visibility" is an amazing functionality when you have to give a final look at the password that you just typed.

Read More
Customize Scrollbar With CSS - Style A Scrollbar Using HTML and CSS

Customize Scrollbar With CSS - Style A Scrollbar Using HTML and CSS

Author: Sameer Saini Date Published: February 13, 2022

We all have seen the old boring scrollbars on websites and they are the default grey scrollbars that browsers provide us. Although they solve the purpose they are built for, sometimes having a custom CSS scrollbar makes a massive visual difference to the onlooker.

Read More
Create A Login Page Form Using HTML And CSS - With Source Code

Create A Login Page Form Using HTML And CSS - With Source Code

Author: Sameer Saini Date Published: February 08, 2022

Having a beautiful login page is essential. Users have to instantaneously like your login page to give that best first impression. In today's blog post, we will create a beautiful yet simple login web page using HTML and CSS only and I will also leave the source code so you can use it for your website.

Read More
Simple Top Navigation Menu Using HTML and CSS - [With Source Code]

Simple Top Navigation Menu Using HTML and CSS - [With Source Code]

Author: Sameer Saini Date Published: February 04, 2022

Every website needs some sort of navigation so that users coming onto this web page can easily navigate between the pages of the website. There are so many different navigation menus one can create like side navigation on a website, top navigation that stays on the top, maybe, one on the right side?

Read More