Tips & Tutorials

How To Display Code Snippets in HTML – Simple Examples

Welcome to a tutorial on how to display code snippets in HTML. Want to present or share some code snippets on your website? Just like how it is being done right here on Code Boxx? Well, it really isn’t that difficult. To display code snippets in HTML: First, convert the code snippet into HTML entities. …

How To Display Code Snippets in HTML – Simple Examples Read More »

How To Add Background Music In HTML – Very Simple Example

Welcome to a short tutorial on how to add background music in HTML. The fastest way to add background music to a website is to insert an audio tag at the bottom of the page – <audio src=”MUSIC.mp3″ autoplay loop></audio>.   Yep, it’s that simple, but there are still a couple of things to take …

How To Add Background Music In HTML – Very Simple Example Read More »

How to Fade Background Image With CSS Javascript

Welcome to a short tutorial on how to fade an image background using CSS and Javascript. So you are working on a project with a nice background image that needs some fade effect? Bad news, it is not-so-straightforward. There is no background-image-opacity property in CSS. To fade a background image, the general steps are to: …

How to Fade Background Image With CSS Javascript Read More »

5 Ways to Disable Elements In An HTML DIV

Welcome to a tutorial on how to disable elements inside an HTML DIV. To quickly disable all form elements in an HTML DIV, we can get the elements using the query selector and disable them accordingly: var all = document.querySelectorAll(“#container select, #container input, #container textarea, #container button”); for (let el of all) { el.disabled = …

5 Ways to Disable Elements In An HTML DIV Read More »