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
Bottom Half Hidden Text Revealer on Mouse Over in CSS
The bottom half hidden text revealer effect uses CSS clip-path and transition properties to create an interactive hover animation. When users move their cursor over text, the hidden portion gradually reveals itself, creating an engaging visual experience. Syntax selector { clip-path: polygon(x1 y1, x2 y2, x3 y3, x4 y4); transition: clip-path duration ease-function; } Key Properties Used clip-path property − Creates a clipping region that defines which parts of an element are visible. Uses polygon coordinates to shape the visible area. transition property − Provides ...
Read Morecolorsys module in Python
The colorsys module in Python allows bidirectional conversions of color values between RGB (Red Green Blue) and other color spaces. The three other color spaces it supports are YIQ (Luminance In-phase Quadrature), HLS (Hue Lightness Saturation), and HSV (Hue Saturation Value). All coordinates range between 0 and 1, except I and Q values in YIQ color space which can range from -1 to 1. Available Functions The colorsys module provides six conversion functions ? Function Purpose Permitted Values rgb_to_yiq Convert RGB coordinates to YIQ coordinates 0 to 1 (RGB), -1 ...
Read MoreHow to design a modern sidebar menu using HTML and CSS?
When designing a website layout, a sidebar menu serves as a crucial navigation component positioned to the left or right of the main content area. This vertical column contains important links, widgets, and navigation elements that help users move between different sections of your website efficiently. A modern sidebar menu enhances user experience by providing quick access to various pages and sections. Let's explore how to create both static and interactive sidebar menus using HTML and CSS. Syntax .sidebar { position: fixed | relative; width: value; ...
Read MoreFilter in Python
The filter() function in Python creates a new iterator from elements of an iterable for which a function returns True. It's useful for extracting elements that meet specific criteria from lists, tuples, or other sequences. Syntax filter(function, iterable) Parameters: function − A function that returns True or False for each element iterable − Any sequence like list, tuple, set, or string to be filtered Basic Example Let's filter months that have 30 days from a list of months ? # List of months months = ['Jan', 'Feb', 'Mar', 'Apr', ...
Read MoreHow to Create Image Stack Illusion by using HTML and CSS?
Visual illusions are quite fascinating when it comes to web development. Using visual illusions in our websites attracts users since it can play with their minds. It tricks our brains into believing something which is actually not present. These illusions can be created using various techniques in CSS. One of most commonly used illusion is image stack illusion, which simply a delusion of depth. In this article, we will discuss steps involved in creating an image stack illusion by only using HTML and CSS. What is Image Stack Illusion? Image stack illusion is a visual delusion which is ...
Read MoreChange Data Type for one or more columns in Pandas Dataframe
Converting data types of columns in a Pandas DataFrame is essential for data analysis and calculations. Pandas provides several methods to change column data types efficiently. Using astype() The astype() method converts existing columns to specified data types. You can convert all columns or target specific ones ? Converting All Columns to String import pandas as pd # Sample dataframe df = pd.DataFrame({ 'DayNo': [1, 2, 3, 4, 5, 6, 7], 'Name': ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], 'Qty': [2.6, 5, ...
Read MoreCalculate n + nn + nnn + ? + n(m times) in Python
There are a variety of mathematical series which Python can handle gracefully. One such series involves repeated digits where we take a digit n and create a sequence: n + nn + nnn + ... up to m terms. For example, with n=2 and m=4, we get: 2 + 22 + 222 + 2222 = 2468. Approach We convert the digit to a string and concatenate it repeatedly to form numbers with multiple occurrences of the same digit. Then we sum all these generated numbers ? Example def sum_of_series(n, m): # ...
Read MorePrimer CSS Truncate Expand on Hover or Focus
Text display is an essential factor in web designing which affects the user experience and the readability of your website. If your text is displayed properly in an organized manner, the users will easily understand it and hence, will be attracted to your website. However, sometimes, the text may be too long for a specified space in the webpage. To properly display that text, we use the truncate method. This method is offered by Primer CSS in which you can not only truncate your text but also expand it on hover or focus effect. In this article, we will discuss ...
Read Morehowdoi in Python
The howdoi Python package is a command-line tool that provides instant answers to programming questions directly from Stack Overflow. It saves time by fetching code snippets and solutions without opening a web browser. Installation First, install the howdoi package using pip ? pip install howdoi Basic Usage Use howdoi followed by your programming question to get instant answers ? howdoi create a python list >>> l = [None] * 10 >>> l [None, None, None, None, None, None, None, None, None, None] Common Programming Queries ...
Read MorePrimer CSS Truncate Custom Max Widths
In web development projects, developers face situations where they need to display text within a specified amount of space due to several reasons like client's demand, overall appearance, limited resources etc. The truncate property is an efficient feature in CSS which resolves this issue. It enables developers to display a single line text and truncate the overflowed text with an ellipsis. However, depending upon the situation the need of customizing the maximum width of the truncated text might arise. In this article, we will discuss how we can customize the maximum width using Primer CSS, a popular open-source CSS ...
Read More