Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Economics & Finance
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 More
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 More
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 More
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 More
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 More
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 More
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 More
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
When working with large Font Awesome icons alongside text, achieving perfect vertical alignment can be challenging. This article explores various CSS methods to vertically align text with large Font Awesome icons effectively. Syntax /* Flexbox approach */ .container { display: flex; align-items: center; } /* Inline-block approach */ .container { font-size: 0; } .icon, .text { display: inline-block; vertical-align: middle; } /* Grid approach */ .container { display: grid; ... Read More
Sometimes we need to extract the numeric prefix from a string that contains numbers at the beginning. Python provides several approaches to extract only the numeric part from the start of a string. Using takewhile() with isdigit() The isdigit() method checks if each character is a digit. Combined with takewhile() from itertools, we can extract consecutive digits from the beginning ? from itertools import takewhile # Given string string_data = "347Hello" print("Given string:", string_data) # Using takewhile with isdigit result = ''.join(takewhile(str.isdigit, string_data)) print("Numeric prefix from the string:", result) The output ... Read More