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
How to Resize SVG in HTML?
Every HTML document can contain different image formats, such as PNG, JPEG, SVG, GIF, etc. that can be adjusted according to your needs. This article will explore various ways to resize an SVG image in HTML. What is SVG? SVG (Scalable Vector Graphics) is an XML-based image format used in web development. It can be scaled to any size without losing quality, making it ideal for logos and icons. These images are resolution-independent, meaning they maintain crisp edges at any size. Syntax /* CSS approach */ svg { width: value; ...
Read MoreImporting Data in Python
When working with data analysis in Python, importing data from external sources is a fundamental skill. Python provides several powerful modules for reading different file formats including CSV, Excel, and databases. Let's explore the most common approaches for importing data. Importing CSV Files The built-in csv module allows us to read CSV files row by row using a specified delimiter. We open the file in read mode and iterate through each row ? import csv import io # Sample CSV data csv_data = """customerID, gender, Contract, PaperlessBilling, Churn 7590-VHVEG, Female, Month-to-month, Yes, No 5575-GNVDE, Male, ...
Read MoreHow to Apply Global Font to the Entire HTML Document?
Sometimes we want to set a base attribute to everything and allow more specific selectors to adjust it for certain elements as needed. There are also cases, especially when doing brief temporary testing, where we want a font to apply to all text no matter what. Syntax /* Universal selector approach */ * { font-family: font-name; } /* With !important for absolute priority */ * { font-family: font-name !important; } Method 1: Using Universal Selector We can use the CSS universal selector (*) to select ...
Read MoreCatching the ball game using Python
Python's tkinter library makes it easy to create interactive games. In this article, we'll build a ball catching game where a ball falls from random positions and the player moves a paddle to catch it using left and right buttons. Game Overview The game consists of a falling blue ball and a green paddle at the bottom. Players use two buttons to move the paddle left or right to catch the ball. Each successful catch scores 5 points, and missing a ball ends the game. Approach The game development follows these key steps: Step ...
Read MoreNeumorphism Loading Spinner in HTML & CSS
In this article, we will create a Neumorphism Loading Spinner using HTML and CSS. The loading spinner is a common UI element used to indicate a process in progress, such as loading content or waiting for data from the server. We'll add a modern touch to it using the Neumorphism design technique. Neumorphic designs give a 3D look by combining highlights and shadows around elements, making them appear to protrude or sink into the surface. Syntax .neumorphic-element { box-shadow: positive-x positive-y blur-radius dark-color, ...
Read MoreDifference between inline-flex and inline-block in CSS
CSS inline-flex and inline-block are values of the CSS display property that control how elements align and behave within their containers. Both make elements flow inline while providing different layout capabilities. Syntax selector { display: inline-block; } selector { display: inline-flex; } Key Differences CSS inline-block: Allows an element to flow inline with other elements while maintaining block-level characteristics like width and height. Children follow normal document flow. CSS inline-flex: Creates an inline-level flex container where ...
Read MoreBinding function in Python Tkinter
In Python, Tkinter is a GUI library used for desktop application development. Binding functions is a crucial concept that connects events (like keyboard presses or mouse clicks) to specific functions, allowing your application to respond to user interactions. Binding Keyboard Events You can bind keyboard events to functions using the bind() method. When a key is pressed, the bound function executes automatically ? Example from tkinter import * # Function to handle key press events def press_any_key(event): value = event.char print(f'{value} - A button is pressed') ...
Read MoreHow to Create Glassmorphism Sidebar in HTML and CSS?
Glassmorphism is a design trend that makes elements appear translucent on the user interface, resembling frosted glass. This effect creates depth and visual hierarchy by making elements appear to float above the background with a semi-transparent, blurred appearance. Key Properties for Glassmorphism The glassmorphic effect is achieved using these CSS properties − backdrop-filter: blur() − Creates the frosted glass blur effect background-color with alpha − Provides semi-transparency border − Adds subtle borders for definition box-shadow − Creates depth and elevation ...
Read MoreAssociating a single value with all list items in Python
We may have a need to associate a given value with each and every element of a list. For example − there are the names of the days and we want to attach the word "day" as a suffix to them. Such scenarios can be handled in the following ways. Using itertools.repeat We can use the repeat method from the itertools module so that the same value is used again and again when paired with the values from the given list using the zip function ? from itertools import repeat days = ['Sun', 'Mon', 'Tues'] ...
Read MoreStandard errno system symbols in Python
Python provides built-in error handling through the errno module, which contains standard system error codes and messages. These error codes help identify specific types of errors that can occur during program execution. Listing All Standard Error Codes The errno module contains predefined error numbers and their corresponding symbolic names. We can list all available error codes using the errorcode dictionary along with os.strerror() to get human-readable descriptions ? import errno import os print("Error Code : Description") print("-" * 30) for error_code in sorted(errno.errorcode): print(f"{error_code} : {os.strerror(error_code)}") Error ...
Read More