Giri Raju has Published 90 Articles

Usage of rgba() CSS function

Giri Raju

Giri Raju

Updated on 25-Jun-2020 13:11:01

176 Views

Use the CSS rgb() function to define color using the RGB Model.Use the CSS rgba() function to set RGB colors with opacity.You can try to run the following code to set color with rgba() function:ExampleLive Demo                    h1 {   ... Read More

The correct way to work with HTML5 checkbox

Giri Raju

Giri Raju

Updated on 24-Jun-2020 14:16:39

125 Views

The following is the correct way −ExampleHere is an example −           Checkbox Control                         Maths           Physics            

How can I make a browser to browser (peer to peer) connection in HTML?

Giri Raju

Giri Raju

Updated on 24-Jun-2020 13:44:32

290 Views

For the browser to browser connection, follow the below-given steps −All the following library −Create a peer −For creating a peer, you need to get a free API key.var peer = new Peer('pick-an-id', {key: 'myapikey'});Connect −var conn = peer.connect('another-peers-id'); conn.on('open', function(){    conn.send('Welcome!'); });Read More

HTML 5 video or audio playlist

Giri Raju

Giri Raju

Updated on 24-Jun-2020 13:41:09

444 Views

Use HTML with JavaScript to add playlist. The onended event fires when the audio/video has reached the end. You can add messages like “Thank you for watching”, “Stay tuned!”, etcExampleYou can try to run the following code to implement the onended attribute −               ... Read More

CSS border-box Value

Giri Raju

Giri Raju

Updated on 24-Jun-2020 06:05:16

115 Views

Use the CSS background-origin property to set the border-box value. With the border-box value, the background image begins from the upper left corner of the border.You can try to run the following code to implement the border-box value:ExampleLive Demo                    #value1 ... Read More

How to work with CSS Transitions?

Giri Raju

Giri Raju

Updated on 23-Jun-2020 16:27:52

99 Views

Use the transition property to work with CSS Transitions.You can try to run the following code to implement transitions in CSS:ExampleLive Demo                    div {             width: 150px;             height: 150px;             background: blue;             transition: width 4s;          }          div:hover {             width: 200px;          }                     Heading One       Hover over the below box to change its width.          

How to select elements with a specified attribute with CSS

Giri Raju

Giri Raju

Updated on 23-Jun-2020 16:09:58

124 Views

To select elements with an attribute, use the CSS [attribute] selector.For example, alt attribute or a target attribute, etc.You can try to run the following code to implement the CSS[attribute] selector,ExampleLive Demo                    img[alt] {             border: 3px solid orange;          }                              

Style every checked element with CSS

Giri Raju

Giri Raju

Updated on 22-Jun-2020 14:53:19

94 Views

To style every checked element, use the CSS :checked selector. You can try to run the following code to implement the :checked selector −ExampleLive Demo                    input:checked {             height: 20px;             width: 20px;          }                     Fav sports:                Football          Cricket           Tennis          Tennis           Output

JavaScript function definition in Chrome? How can I find it?

Giri Raju

Giri Raju

Updated on 22-Jun-2020 14:33:58

3K+ Views

To find the JavaScript function definition in Google Chrome, open the web browser and press F12 to reach Developer Tools.Now press Ctrl + Shift + FCheck Regular Expression as shown below −Search for function and that’s it.

How to write PHP script by using LIKE clause inside it to match the data from MySQL table?

Giri Raju

Giri Raju

Updated on 22-Jun-2020 14:17:26

260 Views

We can use the similar syntax of the WHERE...LIKE clause into the PHP function – mysql_query(). This function is used to execute the SQL command and later another PHP function – mysql_fetch_array() can be used to fetch all the selected data if the WHERE...LIKE clause is used along with the SELECT ... Read More

Advertisements