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
Creating Snackbar using HTML, CSS and Javascript
Snackbars are notification bars that appear at the bottom of a web page to display an important message, usually to confirm an action or provide feedback to the user. They are displayed on the screen for a few seconds and then disappear automatically. They are an essential element of user interface design and are widely used in web applications. Syntax A basic snackbar consists of HTML structure, CSS styling for positioning and animations, and JavaScript for show/hide functionality − .snackbar { visibility: hidden; position: fixed; ...
Read MoreAdd trailing Zeros to a Python string
When processing strings in Python, you may need to add trailing zeros for formatting purposes such as padding numbers or creating fixed-width strings. Python provides several methods to accomplish this task efficiently. Using ljust() Method The ljust() method returns a string left-justified within a specified width, padding with a given character. Combined with len(), it allows dynamic zero padding ? Example # Add trailing zeros to a Python string # initializing string text = 'Jan-' print("The given input: " + text) # Number of zeros required n = 3 # Using ljust() to ...
Read MorePrograms for printing pyramid patterns in Python
Taking advantage of the for loop and range function in Python, we can draw a variety of pyramid structures. The key to the approach is designing the appropriate for loop which will leave both vertical and horizontal space for the position of the symbol we choose for drawing the pyramid structure. Pattern 1: Right-Angled Triangle We draw a right angle based pattern where each row contains an increasing number of stars ? def pyramid(p): for m in range(0, p): for n in range(0, m+1): ...
Read MoreCreating a skewed background using CSS
A skewed background is a design effect that creates a diagonal or angled appearance on the background of a web page or element. This effect can be achieved using CSS transforms to skew the container element, along with other CSS properties like background-color, gradients, and images to create the desired visual effect. Syntax /* Using transform */ .skewed-element { transform: skewY(angle); } /* Using clip-path */ .clipped-element { clip-path: polygon(coordinates); } Method 1: Using Transform Property The following example creates a skewed background using the ...
Read MoreProgram to make Indian Flag in Python
Python's libraries for drawing graphs have very extensive features which can not only give us charts but also provide flexibility to draw other diagrams like flags. In that sense, those modules have an artistic touch. In this article we will see how to draw the Indian flag using the libraries NumPy and Matplotlib. Approach Create three rectangles of same width and draw them with appropriate colors and borders representing the tricolor. Use pyplot function to draw the circle of the Ashoka Chakra at the center of the middle rectangle. ...
Read MoreHow to set the width of the bottom border animatable using CSS?
In CSS, the border-bottom-width property controls the thickness of an element's bottom border. You can create smooth animations by combining this property with CSS animations and keyframes to gradually change the border width over time. Syntax selector { animation: animation-name duration timing-function iteration-count; } @keyframes animation-name { 0% { border-bottom-width: initial-width; } 100% { border-bottom-width: final-width; } } Example 1: Animating Div Bottom Border The following example demonstrates how to animate a div's bottom border width from 5px to 25px and ...
Read MoreProgram to create grade calculator in Python
In academics, it is a common requirement to calculate student grades based on their assessment scores. In this article, we will create a Python program that assigns grades using a predefined grading criteria. Grading Criteria Below is the grading criteria used in our program − Score >= 90 : "O" (Outstanding) Score >= 80 : "A+" (Excellent) Score >= 70 : "A" (Very Good) Score >= 60 : "B+" (Good) Score >= 50 : "B" (Above Average) Score >= 40 : "C" (Average) Score < 40 : "F" (Fail) Program Structure Our ...
Read MoreHow to remove indentation from an unordered list item using CSS?
To remove indentation from an unordered list item using CSS, we can use various approaches to eliminate the default spacing that browsers apply to lists. Indentation provides visual hierarchy, but sometimes we need flat, unindented lists for specific designs. Syntax ul { padding-left: 0; list-style-type: none; } Method 1: Using padding Property The most common approach uses the CSS padding property to remove the default left padding that browsers apply to unordered lists − .no-indent { ...
Read MoreHow to display paragraph elements as inline using CSS?
The CSS display property can be used to change how paragraph elements are displayed. By default, paragraphs are block-level elements that take up the full width and create line breaks. Setting display: inline makes them flow within the same line as surrounding text. Syntax p { display: inline; } Default vs Inline Display Block-level elements like paragraphs normally: Take up the full width of their container Create line breaks before and after Stack vertically Inline elements: Flow within a line of text Only take up as ...
Read MorePrint number with commas as 1000 separators in Python
Numbers with three or more digits often need to be displayed with commas for better readability, especially in accounting and finance applications. Python provides several methods to format numbers with commas as thousand separators. Using f-strings (Python 3.6+) The most modern approach uses f-string formatting with the comma specifier ? # Format integers with commas num1 = 1445 num2 = 140045 num3 = 5000000 print(f'{num1:, }') print(f'{num2:, }') print(f'{num3:, }') 1, 445 140, 045 5, 000, 000 Formatting Float Numbers For floating-point numbers, specify the decimal precision along with ...
Read More