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
Catching 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 MoreHow to Vertically Align the Text with a Large Font Awesome Icon?
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 MorePython Get the numeric prefix of given string
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 MoreHTML and CSS Projects
To build your career in front-end development, projects are essential and you should start with HTML and CSS. Before starting these projects, we recommend creating basic components like layouts, lists, tables, and forms. HTML Structure CSS Styling Projects ...
Read More