Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
Creating a Navigation Bar with three Different Alignments using CSS
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 MoreConverting an image to ASCII image in Python
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 MoreCreate a Circular Progress Bar using HTML and CSS
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 MoreBoolean list initialization in Python
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 MoreBinary element list grouping in Python
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 MoreCreate a Search Bar using HTML and CSS
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 MoreAdd the occurrence of each number as sublists in Python
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 MoreCreate a Sticky Social Media Bar using HTML and CSS
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 MoreAdd only numeric values present in a list in Python
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 MoreDesign a calendar using HTML and CSS
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