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
Articles by varun
65 articles
Where is JavaScript Today?
The 8th edition, known as ECMAScript 2017, is the current JavaScript version, released in June 2017. JavaScript is a dynamic computer programming language.JavaScript It is lightweight and most commonly used as a part of web pages, whose implementations allow a client-side script to interact with the user and make dynamic pages. JavaScript is an interpreted programming language with a object-oriented capabilities.The ECMA-262 Specification defined a standard version of the core JavaScript language.JavaScript is a lightweight, interpreted programming language.Designed for creating network-centric applications.Complementary to and integrated with Java.Complementary to and integrated with HTML.Open and cross-platform.
Read MoreCSS rest Speech Media property
The rest property is a shorthand property for rest-before and rest-after properties. Set a pause before or after the element.The following is the syntax:rest: rest-before rest-afterHere,rest-before: Rest for some seconds beforerest-after: Rest for some seconds afterExampleThe following is an example of rest speech media property:h1 { rest: 15ms 20ms; }
Read MoreSet all the top border properties in one declaration using CSS
Use the border-top property in CSS to set all the top border properties in a single declaration.ExampleYou can try to run the following code to implement the border-top property −Live Demo p { border-style: solid; border-top: thick dashed #FFFF00; } This is demo text
Read MoreSet the opacity for the background color with CSS
To set the opacity for the background color, use the opacity property with RGBA color values.ExampleYou can try to run the following code to implement the opacity property:Live Demo div { background: rgb(40, 135, 70); padding: 20px; } div.first { background: rgba(40, 135, 70, 0.2); } div.second { background: rgba(40, 135, 70, 0.6); } RGBA color values 20% opacity 60% opacity Default Opacity
Read MoreCSS3 Repeat Radial Gradients
You can try to run the following code to implement repeat radial gradients in CSS3 −ExampleLive Demo #grad1 { height: 100px; width: 550px; background: -webkit-repeating-radial-gradient(blue, yellow 10%, green 15%); background: -o-repeating-radial-gradient(blue, yellow 10%, green 15%); background: -moz-repeating-radial-gradient(blue, yellow 10%, green 15%); background: repeating-radial-gradient(blue, yellow 10%, green 15%); }
Read MoreSet top-left corner border with CSS
Use the border-top-left-radius property to set the border of the top left corner. You can try to run the following code to implement border-left-radius property:ExampleLive Demo #rcorner { border-radius: 25px; border-top-left-radius: 45px; background: #FADBD8; padding: 20px; width: 300px; height: 150px; } Rounded top-left corner!
Read MoreWhat are start angle and end angle of arc in HTML5 canvas?
The arc() function has the following definition that shows the usage of start and ends angle −arc(x, y, radius, startAngle, endAngle, anticlockwise)This method has the following parameters −x and y are coordinates of the circle’s center.Radius is the circle radiusStartAngle and EndAngle define the start and endpoints of the arc in radians. Starting and closing angles are measured from the horizontal i.e. x-axisAnticlockwise is the Boolean value which when true draws arc anticlockwise otherwise in a clockwise direction.
Read MoreDoes HTML5 allow you to interact with local client files from within a browser?
HTML5 allows us to interact with local client files (local client files are the files that are locally stored in the user’s computer). This is possible because HTML5 provides powerful APIs (Application Programming Interfaces) which are the interfaces with the help of which binary data and user’s local file system can be accessed. With the help of these file APIs, web applications can read files, file directory, can drag and drop from desktop to browser.The following are the APIs that are used to access local client files −File System APIFile APIFile Writer APIThe following are some examples −With the help ...
Read MoreWhat are CSS Transitions?
With the transition effect, you can easily change the property values. You can also set a duration.Let us try to change the height of an element:ExampleLive Demo div { width: 150px; height: 150px; background: blue; transition: width 3s; } div:hover { height: 200px; } Heading One Hover over the below box to change its height.
Read MoreChange the position on transformed elements with CSS
To change the position on transformed elements with CSS, use the transform-origin property.You can try to run the following code to change the position:ExampleLive Demo .demo1 { width: 300px; height: 300px; background-color: yellow; } .demo2 { width: 200px; height: 200px; background-color: orange; } .demo3 { width: 100px; height: 100px; background-color: blue; transform: rotate(10deg); transform-origin: 30% 40%; } Rotation Demo Demo Demo
Read More