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 divide text into two column layout using HTML and CSS?
Creating a two-column text layout is a common web design requirement for displaying content side-by-side. This can be achieved using HTML div elements combined with CSS positioning properties like float or modern layout methods like flexbox. Syntax .column { width: 50%; float: left; } Properties Used The following CSS properties are commonly used for two-column layouts − width − Defines the width of each column (typically 50% or specific pixel values) float − Positions elements side-by-side (left/right) margin − Creates spacing around columns padding ...
Read MoreHow to Run a Command with Time Limit (Timeout) In Linux
Sometimes a Unix command may run for a very long time without giving the final output or it may keep processing giving partial output from time to time. In such scenarios we need to put a time frame within which either the command must complete or the process should abort. This is achieved by using timeout tools. Using timeout Tool The timeout tool forces a command to abort if it cannot complete within a given time frame. This is a built-in utility available on most Linux systems. Syntax timeout DURATION COMMAND [ARG]... Where ...
Read MoreHow to dynamically create \'@-Keyframe\' CSS animations?
In CSS, the @keyframes rule specifies a sequence of styles that an element should go through during the animation. The @keyframes rule allows you to create dynamic animations by defining specific points (keyframes) in an animation timeline where certain CSS properties should have particular values. These styles are then applied to elements via the animation property, which sets the animation's duration, timing function, and other properties to create smooth transitions between keyframe states. Syntax @keyframes animation-name { 0% { /* CSS properties */ } 50% { /* CSS ...
Read MoreHow to Find a Specific String or Word in Files and Directories in Linux
Finding specific strings or words across multiple files in Linux is a common task for developers and system administrators. This article explores several Linux commands to efficiently search for text patterns across files and directories. Using grep The grep command is a powerful regular expression search tool that matches text patterns in files. At its basic level, it searches for a string within specified files ? grep 'string' directory-path/*.* Example grep 'config' hadoop-2.6.5/etc/hadoop/*.* The output shows all files containing the word "config" ? hadoop-2.6.5/etc/hadoop/capacity-scheduler.xml: hadoop-2.6.5/etc/hadoop/core-site.xml: hadoop-2.6.5/etc/hadoop/hadoop-policy.xml: hadoop-2.6.5/etc/hadoop/hdfs-site.xml: ...
Read MoreHow to decorate your Linux Terminal using Shell?
The Linux terminal appearance can be customized using shell commands and environment variables. While GUI settings provide basic customization, shell commands offer more precise control over colors, fonts, and prompt formatting in Ubuntu-based systems. Most terminal customizations are handled through environment variables that can be modified using shell commands. The primary variable for controlling the terminal prompt is PS1. The PS1 Variable The PS1 variable controls the primary prompt string displayed when the shell is ready to read a command. It uses backslash-escaped special characters to determine what appears at the prompt ? echo $PS1 ...
Read MoreHow to design Meet the Team Page using HTML and CSS
In this article, we will learn how to design a "Meet the Team" page using HTML and CSS. The team page plays a very important role while creating websites for any business or organization. People from different countries connect with the business through team members. The team page is a great way to introduce the team that shows the members of the organization or company. Key Properties Used The following CSS properties are used in this example − text-align − Aligns text content to center, left, or right. background-color − Sets the background color of elements. ...
Read MoreHow to create an Animated Art on Your Linux Terminal?
Linux terminals can display animated art using ASCII characters and specialized packages. These animations range from simple moving text to complex scenes like trains and castles, created using shell scripting and command-line utilities. Installing and Running the Steam Locomotive The sl package creates a fun train animation that "runs" across your terminal screen. Install it using the package manager and execute with a simple command ? sudo apt-get install sl sl Running the above code displays an animated steam locomotive moving across your terminal ? Creating ASCII Castle Animation You ...
Read MoreCreating Browsers Window using HTML and CSS
A browser window is the graphical user interface (GUI) element of a web browser that displays web pages and web applications. It usually consists of a title bar, menu bar, address bar, navigation buttons, and content area. Syntax .container { border: 1px solid #ccc; border-radius: 5px; overflow: hidden; } .buttons { display: flex; } .minimize, .maximize, .close { width: 12px; height: 12px; border-radius: 50%; } ...
Read MoreHow to Create a New Ext4 File System in Linux?
Creating a new Ext4 file system in Linux involves formatting a partition with the Ext4 file system type. This is essential when adding new storage or repurposing existing partitions. In this tutorial, we'll explore how to identify available file systems, examine current partitions, and format a partition with Ext4. Available Filesystem Types First, let's check what file system tools are available on your system. The following command lists all the file system creation utilities ? $ ls -1 /sbin/mkfs* /sbin/mkfs /sbin/mkfs.bfs /sbin/mkfs.cramfs /sbin/mkfs.ext2 /sbin/mkfs.ext3 /sbin/mkfs.ext4 /sbin/mkfs.ext4dev /sbin/mkfs.fat /sbin/mkfs.minix /sbin/mkfs.msdos /sbin/mkfs.ntfs /sbin/mkfs.vfat ...
Read MoreCreating Border Animation using CSS
CSS border animations add visual appeal and interactivity to web elements by creating smooth transitions and movements around element borders. These animations can enhance user experience through hover effects, loading indicators, and attention-grabbing buttons. Syntax selector { border: width style color; animation: name duration timing-function iteration-count; transition: property duration timing-function; } Method 1: Hover Effect with Border Color Animation This example creates a pulsing border animation that changes to a gradient border on hover − ...
Read More