Found 10485 Articles for Web Development

Learn how to generate a Resume with HTML and CSS

Souvik Chakraborty
Updated on 28-Jan-2025 15:46:31

194 Views

Generating a resume with HTML and CSS make an attractive resume that can easily be distributed. A resume is a vital document that has been used in the course of employment so as to present oneself for the job. In this article, you will learn how to create a clear and concise resume, with proper division of sections and appropriate style with HTML and CSS. We have discussed how to create a resume using HTML and CSS. The main consideration will be the hierarchy and how such sections would look and function on a professional level online across various devices. ... Read More

How to Set an HTML Date Picker Max Date to Today?

Souvik Chakraborty
Updated on 28-Jan-2025 13:16:54

340 Views

In HTML date picker is a useful concept as it enables people to select a specific date on a website or even a form. By default, date pickers accept any date to be entered, however, if a user wishes to limit the range of dates that are selectable—say from the past until today. What is a Date Picker? A date picker is a form of user interface component that enables users to select dates through a calendar or clock. Most usually it is used in forms when a date has to be entered for example in reservation systems, scheduling software, ... Read More

How to repair broken pictures in HTML?

Souvik Chakraborty
Updated on 28-Jan-2025 13:05:53

72 Views

Images play an important role in increasing user interest in content and enriching the appearance of websites. However, when it comes to broken images it’s important to note that they aren’t necessarily a result of an intentional act but can be caused by a myriad of things including wrong links, missing images, and server problems. These are important to avoid any mayhem as it does affect the user experience in very sensitive ways. In this article we are having a broken image. Our task is to repair broken pictures in HTML. Approaches to repair broken pictures Using alt Attribute ... Read More

How to Hide Scrollbar Using CSS?

Souvik Chakraborty
Updated on 28-Jan-2025 12:52:31

151 Views

To hide scrollbar using CSS, we will understand different approaches. Scrollbars are one of the core components of web browsers where users navigate in a content area wider than a viewable window. In this article, we have discussed three approaches for hiding the scroll bars using CSS and when each might be useful. We can hide the scrollbar in below mentioned directions − Hiding the Vertical Scrollbar Hiding the Horizontal Scrollbar Hiding Scrollbars in Both Directions 1. Hiding the Vertical Scrollbar In this case, we disable the vertical bar but enable the vertical scrolling of the page ... Read More

How to Separate Header from Body in HTML?

Souvik Chakraborty
Updated on 28-Jan-2025 12:23:53

125 Views

To separate header from body in HTML, can be useful in providing information and highlighting the actual body. The header includes elements such as the title of the web page, the list of navigation options, and other initiating features. The content section contains webpage information and is usually positioned at the bottom of the webpage. In this article we are having a web page with the header and the main body. Our task is to separate header from body in HTML. Approaches to Separate Header from Body Using Semantic Tags Using CSS Using Multiple Headers 1. Using Semantic ... Read More

How to Decompile an HTML File?

Souvik Chakraborty
Updated on 28-Jan-2025 12:02:02

112 Views

To decompile an HTML file means converting the readable code in more minified form. It refers to interpreting the code that makes a website page. HTML is different from compiled languages as HTML is readable by humans, plain text created specifically for web browsers. In this article we are going to discuss various approaches to decompile an HTML file. 1. Viewing Source Code in Browser Perhaps the easiest way to get along with the HTML codes as a developer is by viewing the source of the page in the browser window. Steps ... Read More

How to Compare Two HTML Elements?

Souvik Chakraborty
Updated on 28-Jan-2025 11:33:01

81 Views

To compare two HTML elements we will use HTML and Javascript. HTML and JavaScript is a popular combination where there are instances whereby you need to compare two HTML elements. You may want to know if the two elements are absolutely similar in terms of structure, Class ID or §, etc. In this article, we will explore two common approaches to compare HTML elements in JavaScript: Manual Comparison and JSON-based Comparison. 1. Comparing HTML Elements Manually It simply means that, in manual comparison, you are fully in charge of the properties that you would want to compare. In this method, ... Read More

How do I CSS transition a modal dialog element when it opens?

Souvik Chakraborty
Updated on 28-Jan-2025 11:10:17

136 Views

Introduction Web modals can be described as an important aspect of web user interfaces since they give the option to show data or for the user inputs without changing the page other than the modal. Using CSS to apply transitions aids the UI where opening and closing display modals to the user are smooth and more natural. In this tutorial, you will learn how you can use CSS transitions to have more engaging access to a page with a modal dialog box. Requirements To follow along with this tutorial, you will need − Knowledge and ... Read More

Create survey form in HTML and CSS

Souvik Chakraborty
Updated on 28-Jan-2025 10:44:22

202 Views

Introduction In this article, we will see the development of a form for feedback, surveys, and user data. The survey form should have an appealing outlook, as well as guarantee that the data collected is reliable and systematized. In this, we will see how to create a survey form in HTML and CSS that is fully functional as well as visually appealing. Overview Here, the goal of this article is to help you understand the process of making a survey form responsive and beautiful with the common data about the user that are name or nickname, e-mail, age, and position, ... Read More

9 Dot Menu using HTML and CSS

Souvik Chakraborty
Updated on 28-Jan-2025 12:08:09

149 Views

The 9 dots menu is a grid of nine clickable icons, which drops the menu to reveal other icons that are useful to the users when clicked. In this tutorial, we will learn how to create a 9 Dot Menu by using only HTML, CSS, and a little bit of JavaScript. Overview The 9 Dot Menu is simple to use, minimalist, and versatile, which is beneficial for various web projects. It is ideal when one wants a simple design but at the same time wants to achieve variety in a limited area. In this case, we utilize CSS to style ... Read More

1 2 3 4 5 ... 1049 Next
Advertisements