Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Economics & Finance
A progress bar displays the status of a procedure within an application. A progress bar shows how much of the process has already been completed and how much is still left to do. The various components of the progress bar will be designed using HTML, and the progress bar itself may be modified using CSS properties. Progress bars are frequently used on websites to highlight particular data in a more appealing way for users. One advantage of employing a circle progress bar over a standard (horizontal) progress bar is that you can accommodate more progress bars in one row, ... Read More
There are scenarios when we need to create a list containing only Boolean values like True and False. Python provides several methods to initialize Boolean lists efficiently. Using List Comprehension with range() We can use list comprehension with range() to create a list of Boolean values. This approach gives us flexibility to set different values based on conditions ? # Create a list of True values bool_list = [True for i in range(6)] print("The list with Boolean elements is:", bool_list) # Create alternating True/False pattern alternating = [i % 2 == 0 for i in ... Read More
When working with lists of pairs, you often need to group elements by a common value. Python provides several approaches to group sublists based on shared elements, typically grouping by the second element of each pair. Using set and map This approach extracts unique second elements using set() and map(), then groups first elements that share the same second element ? days_data = [['Mon', 2], ['Tue', 3], ['Wed', 3], ["Thu", 1], ['Fri', 2], ['Sat', 3], ... Read More
To create a search bar using HTML and CSS, we can use simple form elements and basic CSS properties. A search box is one of the most commonly used components in a website which makes navigation easier for users. Syntax /* Basic search bar structure */ .search-container { display: flex; align-items: center; } input[type="text"] { padding: value; border: value; border-radius: value; } button { padding: value; background-color: ... Read More
When working with lists containing duplicate elements, you may need to create sublists that show each unique element paired with its frequency count. Python provides several approaches to accomplish this task effectively. Using For Loop and Append This approach compares each element with every other element in the list to count occurrences. We track processed elements to avoid duplicates in the result ? Example def count_occurrences_manual(numbers): result = [] processed = [] for i in range(len(numbers)): ... Read More
A sticky social media bar is a fixed navigation element that remains visible while users scroll through your website. It provides easy access to your social media profiles and helps increase engagement and followers. Using CSS, we can create an animated sticky bar that slides out on hover without affecting your website's performance. Syntax .social-container { position: fixed; right: -width; transition: all 0.25s ease-in-out; } .social-item:hover { margin-left: -slide-distance; } Example: Right-Side Sticky Social Bar The following ... Read More
We have a Python list which contains both strings and numbers. In this article we will see how to sum up the numbers present in such list by ignoring the strings. Using filter() and isinstance() The isinstance() function can be used to filter out only the numbers from the elements in the list. Then we apply the sum() function to get the final result. Example mixed_data = [1, 14, 'Mon', 'Tue', 23, 'Wed', 14, -4] # Given list print("Given list:", mixed_data) # Add the numeric values using filter result = sum(filter(lambda i: isinstance(i, ... Read More
To design a calendar using HTML and CSS, we will be using HTML tables. We use calendar in our daily life to check the dates, schedule any event and many more. In this article, we will understand how we can design a calendar using HTML and CSS only. We will be using HTML table to create the structure and use CSS properties to design the UI of calendar. Steps to Design a Calendar Using HTML and CSS We will be following below mentioned steps to design a calendar using HTML and CSS − ... Read More
When working with Python lists, you often need to access both the index position and the value of elements. Python provides several methods to accomplish this, each suited for different use cases. Using list.index() to Find Element Position The index() method returns the position of a specific element in the list ? numbers = [11, 45, 27, 8, 43] print("Index of 45:", numbers.index(45)) days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] print("Index of Wed:", days.index('Wed')) Index of 45: 1 Index of Wed: 3 Using range() and len() for All ... Read More
When working with two lists in Python, you often need to find the indices of elements in the first list that match values in the second list. Python provides several approaches to accomplish this task efficiently. Using index() Method The simplest approach uses list comprehension with the index() method to find the position of each matching element ? days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'] target_days = ['Tue', 'Fri'] # Given lists print("The given list:", days) print("The list of values:", target_days) # Using index() method match_indices = [days.index(item) for item in target_days] # ... Read More