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 by Giri Raju
Page 3 of 7
What ECMAScript 6 features can I currently use in web browsers?
ECMAScript 6 (ES6), also known as ECMAScript 2015, introduced many powerful features to JavaScript. Most modern web browsers now support the majority of ES6 features, making them safe to use in production applications. Browser Compatibility Current ES6 browser support varies across different browsers: Browser ES6 Support Recommended Version Chrome 97%+ 51+ Firefox 97%+ 54+ Safari 95%+ 10+ Edge 96%+ 15+ Core ES6 Features You Can Use Today Arrow Functions Arrow functions provide a concise syntax for writing functions: // Traditional ...
Read MoreWhat is the difference between JavaScript, JScript & ECMAScript?
JavaScript, JScript, and ECMAScript are closely related but serve different purposes in web development. Understanding their relationships helps clarify the JavaScript ecosystem. What is ECMAScript? ECMAScript is the official standard specification that defines the syntax, types, statements, keywords, and objects that scripting languages should implement. ECMA stands for European Computer Manufacturer's Association (now called Ecma International). ECMAScript serves as the blueprint that various implementations follow: // ECMAScript defines standard features like: let variable = "Hello World"; const PI = 3.14159; function greet(name) { return `Hello, ${name}!`; } What is ...
Read MoreWhat is core JavaScript language?
Core JavaScript is the foundation of the JavaScript language that provides the essential programming constructs and features. It represents the standard language specification that works consistently across different environments, whether in browsers, servers, or other JavaScript runtime environments. What is Core JavaScript? Core JavaScript includes the fundamental language features such as variables, data types, operators, control structures, functions, and objects. These core elements remain the same regardless of where JavaScript is executed. // Core JavaScript features work everywhere let name = "JavaScript"; let version ...
Read MoreUsage of rgba() CSS function
The rgba() CSS function is used to define colors using the Red, Green, Blue, and Alpha (transparency) model. It extends the basic rgb() function by adding an alpha channel that controls the opacity of the color. Syntax selector { property: rgba(red, green, blue, alpha); } Possible Values ParameterValue RangeDescription red0-255Red component of the color green0-255Green component of the color blue0-255Blue component of the color alpha0-1Opacity level (0 = transparent, 1 = opaque) Example: Using rgba() with Different Alpha Values The following example demonstrates rgba() colors with ...
Read MoreCSS border-box Value
The CSS background-origin property with the border-box value specifies that the background image should start from the upper left corner of the border area. This allows the background to extend under the border, creating a unique visual effect where the background is visible through transparent or partially transparent borders. Syntax selector { background-origin: border-box; } Example: Comparing Background Origin Values The following example demonstrates the difference between padding-box, border-box, and content-box values − .demo-box { ...
Read MoreHow to work with CSS Transitions?
CSS transitions allow you to change property values smoothly over a specified duration, creating smooth animations between different states. This provides a better user experience by making changes appear gradual rather than instant. Syntax selector { transition: property duration timing-function delay; } Transition Properties PropertyDescriptionDefault Value transition-propertySpecifies which CSS property to transitionall transition-durationDefines how long the transition takes0s transition-timing-functionSpecifies the speed curve of transitionease transition-delayDefines when the transition will start0s Example: Basic Width Transition The following example demonstrates a smooth width transition on hover − ...
Read MoreHow to select elements with a specified attribute with CSS
CSS attribute selectors allow you to target HTML elements that contain a specific attribute, regardless of the attribute's value. The [attribute] selector is used to select all elements that have the specified attribute present. Syntax [attribute] { /* styles */ } Example: Selecting Images with Alt Attribute The following example applies an orange border to all elements that have an alt attribute − img[alt] { border: 3px solid orange; ...
Read MoreSet style to current link in a Navigation Bar with CSS
To set a style to the current link in a navigation bar, you need to add an active class to the current page link and define CSS styles for it. This helps users identify which page they are currently viewing. Syntax .active { background-color: color; color: text-color; /* other styling properties */ } Example The following example demonstrates how to style the current link in a navigation bar − ul { ...
Read MoreRole of CSS :link Selector
The CSS :link selector is a pseudo-class used to style all unvisited links on a webpage. It targets anchor elements () that have an href attribute and have not been visited by the user yet. Syntax a:link { property: value; } Example The following example demonstrates how to use the :link selector to style unvisited links with an orange background color − a:link { background-color: orange; ...
Read MoreRole of CSS :nth-last-child(n) Selector
The CSS :nth-last-child(n) selector targets elements based on their position among siblings, counting backwards from the last child. This pseudo-class is useful for styling specific elements when you know their position from the end of a container. Syntax selector:nth-last-child(n) { property: value; } Where n can be a number, keyword, or formula (odd, even, 2n+1, etc.). Possible Values ValueDescription numberSelects the nth element from the end (1-indexed) oddSelects odd-positioned elements from the end evenSelects even-positioned elements from the end formulaUses mathematical expression like 2n+1, 3n, etc. ...
Read More