Tips & Tutorials

1 Minute HTML CSS Tutorials

Learn basic HTML CSS super fast. Each chapter is a 1-minute video (or shorter). Straight to the point, no BS.       PLAYLIST If you prefer to go through all videos continuously, here’s the entire playlist -> 1 Minute HTML CSS Series   BASIC HTML 1) Getting Started YouTube Notes 2) HTML Tags &

1 Minute HTML CSS Tutorials Read More »

1 Minute HTML CSS Part 15 – Audio

HTML AUDIO <audio src=”MUSIC.mp3″ controls loop autoplay muted> </audio> src Source file. controls Show the audio controls. loop Loop the audio when it ends. autoplay Start the audio automatically when sufficiently loaded. But take note, this may not always work. muted Mute the audio by default… Kind of beats the point.   NOTES ON AUTOPLAY

1 Minute HTML CSS Part 15 – Audio Read More »

1 Minute HTML CSS Part 14 – Videos

HTML VIDEOS <video src=”dog.mp4″ width=”405″ height=”720″ poster=”poster.jpg” controls loop autoplay muted> </video> src Source file. width height Video dimensions. poster Optional, show this image as the poster before the video plays. controls Show the video controls. loop Loop the video when it ends. autoplay Start the video automatically when sufficiently loaded. But take note, this

1 Minute HTML CSS Part 14 – Videos Read More »

1 Minute HTML CSS Part 13 – Image Map

ADD CLICKABLE AREAS TO IMAGE <map name=”mymap”> <area title=”Code Boxx” href=”https://code-boxx.com” coords=”219,36,383,199″ shape=”rect”> <area title=”Wikipedia” href=”https://wikipedia.org” coords=”416,405,67″ shape=”circle”> </map> <img src=”MY-IMAGE.JPG” title=”Image Title” usemap=”#mymap”> Create an image map with <map>, and give it a name=”MYMAP”. Set usemap=”MYMAP” on the image. Finally, define clickable areas in the image using <area>. title The title or caption of

1 Minute HTML CSS Part 13 – Image Map Read More »