Articles on Trending Technologies

Technical articles with clear explanations and examples

Combining values from dictionary of list in Python

Pradeep Elance
Pradeep Elance
Updated on 15-Mar-2026 757 Views

When working with a Python dictionary that has lists as values, you may need to create all possible combinations of keys and their corresponding values. This is useful for generating test data, configuration combinations, or exploring different scenarios. Using sorted() and product() The product() function from itertools creates a Cartesian product of iterables. By sorting the dictionary keys first, we ensure consistent ordering in our combinations ? import itertools as it schedule_dict = { "Day": ["Tue", "Wed"], "Time": ["2pm", "9am"], } # Sorting dictionary keys for ...

Read More

Create a Letter-Spacing Animation Effect using HTML and CSS

Nikhilesh Aleti
Nikhilesh Aleti
Updated on 15-Mar-2026 866 Views

In this article, we are going to create a letter-spacing animation effect using HTML and CSS. To do so, we have CSS letter-spacing property and CSS @keyframes rule. CSS Letter-spacing Property The letter-spacing property in CSS is used to set the horizontal spacing between the text characters. If we assign a positive value for this property, the character spaces will spread farther apart. If we assign a negative value for this property, it brings the characters closer together. Syntax Following is the syntax of CSS letter-spacing property − letter-spacing: value; ...

Read More

Combining two sorted lists in Python

Pradeep Elance
Pradeep Elance
Updated on 15-Mar-2026 535 Views

Lists are one of the most extensively used Python data structures. In this article we will see how to combine the elements of two lists and produce the final output in a sorted manner. Using + Operator with sorted() The + operator can join the elements of two lists into one. Then we apply the sorted function which will sort the elements of the final list created with this combination ? listA = ['Mon', 'Tue', 'Fri'] listB = ['Thu', 'Fri', 'Sat'] # Given lists print("Given list A is :", listA) print("Given list B is :", ...

Read More

Convert an image into Blur using HTML and CSS

Nikhilesh Aleti
Nikhilesh Aleti
Updated on 15-Mar-2026 2K+ Views

In general, blur is a visual effect that happens when the viewer cannot see the details of an object clearly. It creates a soft, out-of-focus appearance that can be used for artistic or functional purposes. In HTML, we can apply the blur effect to elements on a webpage (such as images) using CSS properties. To do so, we use the filter property along with the blur() function. This function applies a Gaussian blur effect to the image element, which makes it softer and less defined. Syntax selector { filter: blur(radius); } ...

Read More

Combining tuples in list of tuples in Python

Pradeep Elance
Pradeep Elance
Updated on 15-Mar-2026 807 Views

For data analysis, we sometimes need to combine different data structures available in Python. A list can contain tuples as its elements. In this article we will see how we can combine each element of a list within a tuple with another element from the same tuple to produce new tuple combinations. Understanding the Problem Given a list of tuples where each tuple contains a list and another element, we want to create new tuples by pairing each element from the list with the other element in the original tuple. # Original structure: [([list_elements], 'other_element'), ...] ...

Read More

How to use margin, border and padding to fit together in the box model?

Abhishek
Abhishek
Updated on 15-Mar-2026 740 Views

The CSS box model defines how margin, border, padding, and content work together to determine the total space an element occupies. Understanding how these properties fit together is essential for controlling layout and spacing in CSS. Syntax selector { margin: value; border: width style color; padding: value; } Box Model Components Content − The actual content of the element (text, images, etc.) Padding − Space between the content and the border (inside the element) Border − The outline around the element Margin ...

Read More

Checking triangular inequality on list of lists in Python

Pradeep Elance
Pradeep Elance
Updated on 15-Mar-2026 496 Views

The triangle inequality theorem states that the sum of any two sides of a triangle must be greater than the third side. In Python, we can check this property on a list of lists to identify which sublists can form valid triangles. Using For Loop and Comparison First, we sort each sublist to arrange sides in ascending order. Then we check if the sum of the two smaller sides is greater than the largest side ? Example triangle_data = [[3, 8, 3], [9, 8, 6], [2, 3, 8]] # Sorting sublists to get sides ...

Read More

How to create an Edit icon using jQuery Mobile

Aman Gupta
Aman Gupta
Updated on 15-Mar-2026 406 Views

jQuery Mobile provides a rich icon library that can be easily integrated into web applications. The edit icon is particularly useful for applications with CRUD operations, allowing users to modify existing content. This icon can be created using the data-icon attribute with the value "edit". Syntax Edit Edit jQuery Mobile CDN Links Add these CDN links to your HTML document's head section − Example 1: Basic Edit Icon The following example demonstrates how to create a basic edit icon using jQuery Mobile − ...

Read More

Checking if starting digits are similar in list in Python

Pradeep Elance
Pradeep Elance
Updated on 15-Mar-2026 494 Views

Sometimes in a given Python list we may be interested only in the first digit of each element in the list. In this article we will check if the first digit of all the elements in a list are same or not. Using set() with map() Set in Python does not allow any duplicate values in it. So we take the first digit of every element and put it in a set. If all the digits are same then the length of the set will be only 1 as no duplicates are allowed. Example numbers ...

Read More

How to create a dynamic HTML pages

Aman Gupta
Aman Gupta
Updated on 15-Mar-2026 7K+ Views

Dynamic HTML pages are web pages that can change their content, appearance, or behavior based on user interactions or other conditions. Unlike static pages that display fixed content, dynamic pages respond to user input and can modify themselves in real-time using JavaScript and DOM manipulation. Syntax /* Dynamic styling with JavaScript */ element.style.property = "value"; document.getElementById("elementId").style.backgroundColor = "color"; Key Components of Dynamic Pages Dynamic pages typically combine HTML structure, CSS styling, and JavaScript functionality to create interactive experiences. The main components include − HTML Elements − Provide the structure and content containers ...

Read More
Showing 19521–19530 of 61,299 articles
Advertisements