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
What is CSS Flexbox?
CSS flexbox is a powerful layout model that makes it easier to design flexible and responsive layouts. It allows you to arrange child items efficiently within a container and automatically adjusts item dimensions when content overflows. Syntax selector { display: flex; } Terminology of CSS Flexbox Understanding these key terms is essential for working with flexbox − Flex container − An HTML element with display: flex applied to it. Flex items − Direct children of the flex container that are arranged using flexbox properties. Main axis − The ...
Read MorePython - Get sum of tuples having same first value
Tuples are Python collections that are ordered but unchangeable. When working with a list of tuples where multiple tuples share the same first element, we often need to sum the second elements of tuples that have matching first elements. Using Dictionary and For Loop This approach converts tuples to a dictionary where first elements become keys and second elements are summed as values − # List of tuples with some duplicate first elements data = [(3, 19), (7, 31), (7, 50), (1, 25.5), (1, 12)] # Create dictionary with first elements as keys, initialize to ...
Read MorePython - geometry method in Tkinter
Python's Tkinter library provides the geometry() method to control the size and position of GUI windows. This method is essential for creating properly sized and positioned applications. Syntax window.geometry("widthxheight+x_offset+y_offset") Where: width and height define window dimensions in pixels x_offset and y_offset set position on screen (optional) Basic Window Sizing Here's how to create a window with specific dimensions ? from tkinter import * base = Tk() base.geometry('200x200') stud = Button(base, text='Tutorialspoint', font=('Courier', 14, 'bold')) stud.pack(side=TOP, pady=6) mainloop() This creates a 200x200 pixel window with a button ...
Read MoreWhat are the real world usage of CSS with SVG?
CSS with SVG provides powerful styling capabilities for scalable vector graphics. SVG (Scalable Vector Graphics) are vector-based images created using mathematical functions rather than pixel grids, making them infinitely scalable without quality loss. When combined with CSS, SVG becomes a versatile tool for creating interactive, animated, and responsive graphics. Syntax /* Target SVG elements directly */ svg element { property: value; } /* Target SVG elements by class */ .svg-class { property: value; } /* Target SVG elements by ID */ #svg-id { ...
Read MorePython - Check if two lists have any element in common
When working with Python lists, we often need to check if two lists share any common elements. This is useful for data comparison, finding overlaps, or validating data consistency. Python provides several efficient approaches to solve this problem. Using the 'in' Operator with Loops The most straightforward approach uses nested loops to check each element of the first list against all elements in the second list ? # Sample lists for comparison fruits = ['apple', 'banana', 'orange', 'mango'] colors = ['red', 'yellow', 'orange', 'blue'] numbers = [1, 2, 3, 4, 5] def has_common_elements(list1, list2): ...
Read MoreVarious tricks for :before pseudo elements using position property in CSS
The CSS :before pseudo-element allows you to insert content before an HTML element. When combined with the position property, you can precisely control where this content appears relative to its parent element, creating effects like custom icons, tooltips, notification badges, and styled form elements. Syntax selector:before { content: "text or symbol"; position: absolute | relative | fixed | static; top: value; left: value; right: value; bottom: value; } Example 1: Custom ...
Read Morehtml5lib and lxml parsers in Python
html5lib is a pure-python library for parsing HTML. It is designed to conform to the WHATWG HTML specification, as is implemented by all major web browsers. It can parse almost all the elements of an HTML doc, breaking it down into different tags and pieces which can be filtered out for various use cases. It parses the text the same way as done by the major browsers. It can also tackle broken HTML tags and add some necessary tags to complete the structure. lxml is also a similar parser but driven by XML features than HTML. It has dependency ...
Read MoreTargeting only Firefox with CSS
While developing web applications, developers must make them look consistent across all browsers. Some CSS properties are not supported by Firefox but work in other browsers like Chrome, Opera, etc. In such cases, we need to write CSS code that targets only the Firefox browser. In this article, we will learn two different methods to write CSS that targets only Firefox browsers. Syntax /* Method 1: Mozilla-specific CSS Extension */ @-moz-document url-prefix() { /* CSS code for Firefox only */ } /* Method 2: @supports Rule */ @supports(-moz-appearance:none) { ...
Read MoreGenerating hash ids using uuid3() and uuid5() in Python
The universally unique identifier (UUID) is a 128-bit hexadecimal number that guarantees uniqueness within a given namespace. Python's uuid module provides uuid3() and uuid5() functions to generate hash-based UUIDs from a namespace and name string. Syntax uuid.uuid3(namespace, name) uuid.uuid5(namespace, name) Both functions take two parameters: namespace − A UUID object defining the namespace name − A string used to generate the UUID Key Differences Function Hash Algorithm Security Use Case uuid3() MD5 Lower General purpose uuid5() SHA-1 Higher Security-sensitive applications Common ...
Read MoreLogical Properties in CSS
In CSS, logical properties allow developers to define styles based on the logical structure of the web page rather than the physical layout. This means you can apply CSS according to text direction or content flow, making your designs more adaptable to different languages and writing modes. Logical properties are primarily used to set HTML element's margin, padding, and border. They provide different variants of traditional margin, padding, and border properties that adapt to content flow direction. Syntax selector { property-block-start: value; property-inline-end: value; ...
Read More