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
Convert an image into Blur using HTML and CSS
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 MoreCombining tuples in list of tuples in Python
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 MoreHow to use margin, border and padding to fit together in the box model?
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 MoreChecking triangular inequality on list of lists in Python
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 MoreHow to create an Edit icon using jQuery Mobile
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 MoreChecking if starting digits are similar in list in Python
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 MoreHow to create a dynamic HTML pages
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 MoreCheck whether a string is valid JSON or not in Python
JSON is a text format used to exchange data easily between various computer programs. It has a specific format which Python can validate. In this article, we will consider a string and use the JSON module to validate if the string represents a valid JSON format or not. Using json.loads() Method The json module has a method called loads() that loads a valid JSON string to create a JSON object. We can use a try-except block to catch any parsing errors ? import json def is_valid_json(json_string): try: ...
Read MoreFind common elements in list of lists in Python
When working with nested lists, you may need to find elements that appear in all inner lists. Python provides several approaches to find common elements across multiple lists using set operations. Using map() and set.intersection() The most straightforward approach uses set intersection. We convert each inner list to a set and find their intersection ? nested_lists = [['Mon', 3, 'Tue', 7, 'Wed', 4], ['Thu', 5, 'Fri', 11, 'Tue', 7], ...
Read MoreHow to create a Drawing Effect Animation using CSS
CSS drawing effect animation creates visually appealing illustrations that appear to be drawn in real-time. This effect is achieved using SVG paths combined with CSS animations, particularly leveraging stroke-dasharray and stroke-dashoffset properties. Syntax .path { stroke-dasharray: length; stroke-dashoffset: length; animation: name duration timing-function fill-mode; } @keyframes name { to { stroke-dashoffset: 0; } } Method 1: Drawing Shape Animation The following example creates a heart ...
Read More