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
Usage of CSS grid property
The CSS grid property is a shorthand property that allows you to set multiple grid-related properties in a single declaration. It can be used to define grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and grid-auto-flow properties all at once. Syntax selector { grid: / ; /* or */ grid: ; /* or */ grid: / ; } Example: Basic Grid Layout The following example creates a grid with one row of 100px height ...
Read MoreExplain top-down design and structure chart of function in C language
A function is a self-contained block that carries out a specific well defined task. Functions are fundamental building blocks in C programming that enable modular programming and code organization. Advantages of functions in C language include − Reusability − Functions can be called multiple times from different parts of the program. Reduced program length − Eliminates code duplication by defining common tasks once. Easy debugging − It is easy to locate and find any faulty function. Modular programming − It facilitates top-down modular programming approach. Top-Down Design Top-down design is a problem-solving methodology in ...
Read MoreAnimate box-shadow CSS property
The CSS box-shadow property can be animated to create dynamic shadow effects that enhance the visual appeal of elements. This animation smoothly transitions between different shadow states, creating engaging hover effects, floating animations, or attention-grabbing elements. Syntax selector { box-shadow: h-offset v-offset blur spread color; animation: animation-name duration timing-function iteration-count; } @keyframes animation-name { from { box-shadow: initial-shadow; } to { box-shadow: final-shadow; } } Example: Animated Box Shadow The following example demonstrates animating the box-shadow property ...
Read MorePerform Animation on CSS clip property
The CSS clip property can be animated to create dynamic visual effects by changing the visible portion of an absolutely positioned element over time. This allows you to create revealing, masking, or cropping animations. Syntax selector { clip: rect(top, right, bottom, left); animation: animation-name duration timing-function iteration-count; } @keyframes animation-name { percentage { clip: rect(top, right, bottom, left); } } Important Notes The clip property only works on absolutely ...
Read MoreHow floats are stored in C compiler?
In C programming language, float is a short term for floating point. Understanding how floats are stored internally helps developers work with precision and memory optimization effectively. IEEE 754 Standard Floating point numbers are represented using the IEEE 754 standard format, which consists of three components − Sign bit: 1 bit that denotes the sign (0 for positive, 1 for negative) Exponent: 8 bits for float (11 bits for double) stored with a bias Mantissa (Significand): 23 bits for float (52 bits for double) Syntax float variable_name = value; // IEEE 754 ...
Read MoreCSS Grid Lines
CSS Grid Lines are the invisible horizontal and vertical lines that form the structure of a CSS grid container. These lines define where grid items can be positioned and create the foundation for precise layout control. Each grid line is numbered, starting from 1, and can be referenced to place items exactly where you want them. Syntax /* Column positioning */ grid-column-start: line-number; grid-column-end: line-number; /* Row positioning */ grid-row-start: line-number; grid-row-end: line-number; /* Shorthand */ grid-column: start / end; grid-row: start / end; Understanding Grid Lines Grid lines are automatically created ...
Read MoreWhat are primary data types in C language?
Primary data types, also known as fundamental data types, are built-in data types in C programming language. The C compiler supports four fundamental data types that serve as the building blocks for storing and working with different kinds of data − Integer − for whole numbers Character − for single characters Float − for decimal numbers Double − for high-precision decimal numbers Syntax // Declaration syntax for primary data types int variable_name; char variable_name; float variable_name; double variable_name; Integer Data Type Integer data types store whole numbers (positive or negative) without ...
Read MoreRole of CSS justify-content property center value
The CSS justify-content property with the center value is used to align flex items to the center of the main axis in a flex container. This creates equal spacing on both sides of the flex items, centering them horizontally within their container. Syntax .container { display: flex; justify-content: center; } Example The following example demonstrates how to center flex items using justify-content: center − .mycontainer { ...
Read MoreWhat are the different computer languages?
Programming languages are used to give instructions to the computer in a language which a computer can understand. They serve as a bridge between human logic and machine execution. Computer languages are classified into three types as follows − Machine languages Symbolic languages High level languages Computer Language Types Machine Language Binary Code 1010 1100 0011 Assembly Language Mnemonics MOV, ADD, JMP ...
Read MoreUsage of CSS grid-gap property
The CSS grid-gap property is used to set the spacing between grid rows and columns in a CSS Grid layout. This property provides a convenient shorthand for defining both row and column gaps simultaneously. Syntax selector { grid-gap: row-gap column-gap; } /* Or using single value for both */ selector { grid-gap: gap-value; } Possible Values ValueDescription lengthDefines the gap size in px, em, rem, etc. percentageDefines the gap as a percentage of the container row-gap column-gapTwo values: first for rows, second for columns ...
Read More