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
Web Development Articles
Page 341 of 801
Difference between specification and recommendation that introduced CSS
CSS development follows a formal process where specifications evolve into recommendations through the World Wide Web Consortium (W3C). Understanding this difference helps explain how web standards are created and adopted. What is a CSS Specification? A CSS specification is a working document created by the CSS Working Group that describes new features, properties, or modules for CSS. These are draft documents that undergo continuous review, discussion, and revision. Specifications go through several stages: Working Draft (WD) - Initial public version Candidate Recommendation (CR) - Feature-complete and ready for implementation Proposed Recommendation (PR) - Final review stage ...
Read MoreHow to center the JavaScript alert message box?
In this tutorial, we will learn to center the JavaScript alert box. In JavaScript, an alert box is useful to show users some message, information, warning, success, etc. Let's understand it by real-world example when you open any website on the web browser and start to authenticate by entering your username and password. When you click the submit button, it gives a message in an alert box like the password should be 8 or more characters, or sign in successfully. Users can create the alert box using JavaScript's alert() method. Unfortunately, the default alert box doesn't allow us to ...
Read MoreWhat is the difference between void, eval, and the Function constructor in JavaScript?
JavaScript provides three distinct features for executing and manipulating code: void, eval(), and the Function constructor. Each serves different purposes and has unique characteristics. The void Operator The void operator evaluates an expression and always returns undefined. It's commonly used to prevent unwanted return values or create undefined values explicitly. Syntax void expression void(expression) Example // Basic void usage console.log(void 0); ...
Read MoreStyle Rules in CSS
CSS comprises of style rules interpreted by the browser and then applied to the corresponding elements in your document. A style rule is made of three parts − Selector - A selector is an HTML tag at which a style will be applied. This could be any tag like or etc. Property - A property is a type of attribute of HTML tag. Put simply, all the HTML attributes are converted into CSS properties. They could be color, border etc. Value - Values assigned to properties. For ...
Read MoreWhy does the JavaScript void statement evaluate an expression?
The JavaScript void operator evaluates an expression and always returns undefined, regardless of what the expression returns. This is useful for preventing unwanted side effects in web pages. What is the void Operator? The void operator takes any expression, evaluates it, and returns undefined. It's commonly used in links to prevent navigation while still executing JavaScript code. Syntax void expression void(expression) Example: Using void(0) in Links The most common use case is void(0) in hyperlinks to prevent page navigation: Understanding JavaScript void(0) ...
Read MoreClass Selectors in CSS
You can define style rules based on the class attribute of the elements. All the elements having that class will be formatted according to the defined rule. Basic Class Selector Syntax Class selectors start with a dot (.) followed by the class name: .black { color: #808000; } This rule renders the content in olive color for every element with class attribute set to "black" in the document. Element-Specific Class Selectors You can make class selectors more specific by combining them with element selectors: h1.black { ...
Read MoreHow can I stop a video with JavaScript in Youtube?
In this tutorial, we will learn to stop a video with JavaScript on YouTube. Using the 'iframe' HTML element, we can easily embed the YouTube videos on our application. It is a video player in HTML 5 and has many attributes that users can use according to their needs. In some cases, it happens that you want to create a custom pause or stop button for the embedded YouTube video. Customized buttons are always pretty rather than default ones, making UI pretty. So, we will learn two different methods to create the custom stop button for the YouTube ...
Read MoreHow to create and apply CSS to JavaScript Alert box?
The standard alert box in JavaScript does not provide the option to apply CSS. To style your alert box, you need to create a custom one first. The custom alert box will be created using jQuery and styles will be applied to CSS. Why Custom Alert Boxes? JavaScript's built-in alert() function creates browser-native dialogs that cannot be styled. Custom alert boxes give you complete control over appearance, animations, and user experience. Example You can try to run the following code to learn how to create and apply CSS to alert box: ...
Read MoreHow to check if a variable is an integer in JavaScript?
In this tutorial, we will learn to check if a variable is an integer in JavaScript. Before we solve the problem, we must have a problem. We can ask ourselves, "why do we need to check if the variable is an integer?". Let's understand the answer using a single example. Suppose, we are taking the value from the user using the input text box. It returns the values in the string format, and now think that we are adding values. Will we get the correct result? Obviously, not. So, in such cases, we need to check if the variable is ...
Read MoreHow to create JavaScript alert with 3 buttons (Yes, No and Cancel)?
The standard JavaScript alert box won't work if you want to customize it. For that, we have a custom alert box, which we're creating using jQuery and styled with CSS. Understanding the Problem JavaScript's built-in alert() and confirm() functions are limited - they only provide basic "OK" or "OK/Cancel" options. To create a custom dialog with Yes, No, and Cancel buttons, we need to build our own solution using HTML, CSS, and JavaScript. Complete Example Here's a complete implementation of a custom alert with three buttons: ...
Read More