HTML and CSS Projects

Sabyasachi Samadder
Updated on 15-Mar-2026 18:11:19

1K+ Views

To build your career in front-end development, projects are essential and you should start with HTML and CSS. Before starting these projects, we recommend creating basic components like layouts, lists, tables, and forms. HTML Structure CSS Styling Projects ... Read More

Python Get a list as input from user

Pradeep Elance
Updated on 15-Mar-2026 18:11:04

10K+ Views

In this article, we will see how to ask the user to enter elements of a list and create the list with those entered values. Python provides several approaches to collect user input and build lists dynamically. Using Loop with input() and append() The most straightforward approach is to ask for the number of elements first, then collect each element individually using a loop ? numbers = [] # Input number of elements n = int(input("Enter number of elements in the list : ")) # iterating till the range for i in range(0, n): ... Read More

Python Generate successive element difference list

Pradeep Elance
Updated on 15-Mar-2026 18:10:46

577 Views

Finding the difference between successive elements in a list is a common operation in Python. This article explores three efficient methods to calculate consecutive element differences using list comprehension, list slicing, and the operator module. Using List Comprehension with Index The most straightforward approach uses list comprehension with index positions to access consecutive elements ? numbers = [12, 14, 78, 24, 24] # Given list print("Given list:", numbers) # Using index positions with list comprehension differences = [numbers[i + 1] - numbers[i] for i in range(len(numbers) - 1)] # Print result print("Successive differences:", ... Read More

How to disable form fields using CSS or JavaScript?

Vikash Kumar
Updated on 15-Mar-2026 18:10:43

1K+ Views

Form fields can be disabled using CSS or JavaScript to prevent user interaction when certain conditions are met. This is useful for creating read-only forms, conditional inputs, or preventing submission before validation. Syntax /* CSS approach */ selector { pointer-events: none; opacity: value; } /* HTML disabled attribute */ Method 1: Disable Form Fields with CSS To disable form fields with CSS, we use the pointer-events property to prevent mouse interactions and opacity to provide visual feedback. The pointer-events: none disables all mouse events, ... Read More

Python Generate random string of given length

Pradeep Elance
Updated on 15-Mar-2026 18:10:30

779 Views

In this article we will see how to generate a random string with a given length. This will be useful in creating random passwords or other programs where randomness is required. Using random.choices() The choices() function in the random module can produce multiple random characters which can then be joined to create a string of given length ? Example import string import random # Length of string needed N = 5 # With random.choices() res = ''.join(random.choices(string.ascii_letters + string.digits, k=N)) # Result print("Random string :", res) The output of the ... Read More

Python Generate random numbers within a given range and store in a list

Pradeep Elance
Updated on 15-Mar-2026 18:10:14

621 Views

In this article we will see how to generate random numbers between a pair of numbers and store those values in a list. Python's random module provides the randint() function for this purpose. Syntax random.randint(start, end) Parameters: start − Lower bound (inclusive) end − Upper bound (inclusive) Both start and end should be integers Start should be less than or equal to end Using a Function with Loop In this example we use the range() function in a for loop. With help of append() we generate and add these random numbers ... Read More

How to add a Login Form to an Image using HTML and CSS?

Yaswanth Varma
Updated on 15-Mar-2026 18:10:09

2K+ Views

A login form on an image creates an attractive, modern website design commonly used by restaurants, event organizers, and businesses. This approach overlays a functional login form on a background image, making the website more visually appealing than standard forms. Syntax .container { background-image: url('image-path'); background-size: cover; position: relative; } form { position: absolute; /* positioning and styling properties */ } Approach To create a login form on an image, follow these steps ... Read More

Python Categorize the given list by string size

Pradeep Elance
Updated on 15-Mar-2026 18:09:57

297 Views

Let's consider a list containing many strings of different lengths. In this article we will see how to group those elements into categories where the strings are of equal length in each group. Using For Loop We design a for loop which will iterate through every element of the list and append it only to the group where its length matches with the length of existing elements ? Example days = ['Monday', 'Thursday', 'Friday', 'Saturday', 'Sunday'] # Given list print("Given list:") print(days) # Categorize by string size len_comp = lambda x, y: len(x) ... Read More

Creating a Navigation Bar with three Different Alignments using CSS

Yaswanth Varma
Updated on 15-Mar-2026 18:09:45

492 Views

In HTML, a navigation bar is a group of buttons and images arranged either in a row or a column and used as a control site for linking particular webpages. It is regarded as one of the fundamental tools used in web design. Without affecting the content of the pages, the HTML navigation bar separates structure from content and adds creativity to the layout of the website. Using HTML, we create a navigation bar, and CSS gives it a beautiful appearance. Additional functionality may be added using JavaScript. In HTML, a navigation bar can be implemented in a variety ... Read More

Converting an image to ASCII image in Python

Pradeep Elance
Updated on 15-Mar-2026 18:09:39

721 Views

Converting an image to ASCII art involves transforming pixel brightness values into corresponding ASCII characters. This creates a text-based representation of the original image using characters like #, @, *, and . to represent different shades. Required Library We'll use the Pillow library for image processing − pip install Pillow ASCII Character Set First, define the ASCII characters arranged from darkest to lightest − ASCII_CHARS = ['#', '?', '%', '.', 'S', '+', '.', '*', ':', ', ', '@'] print("ASCII characters from dark to light:", ASCII_CHARS) ASCII characters from ... Read More

Advertisements