Welcome to a tutorial on how to add two numbers in Javascript. Adding two numbers together should be a piece of cake now, right? Well, it’s not really straightforward. To add 2 numbers in Javascript, get the values from the fields and parse them into integers before adding: var first = document.getElementById(“FIRST”).value; var second = […]
Add Two Numbers in Javascript (Simple Examples) Read More »
Welcome to a quick tutorial on how to keep HTML elements on the same line. So you are trying to create a “row of horizontal content”? Maybe a row of buttons, slides, pictures, or various different items. One of the easiest ways to keep elements on the same line is to create a flexible container.
5 Ways To Keep Elements On The Same Line In HTML CSS Read More »
Welcome to a step-by-step tutorial on how to create simple responsive CSS speech bubbles. Once upon a time in the Stone Age of the Internet, we created speech bubbles by putting several pieces of background images together… Like it’s some sort of a jigsaw puzzle. But today, it is totally possible to create a speech
3 Steps Simple Responsive CSS Speech Bubbles Read More »
Welcome to a sharing of a simple admin panel template made with pure HTML and CSS. Looking to “kick start” your project with a template? Only to find crazy complicated or paid templates all over the Internet? Well, here’s a sharing of mine, with zero third-party frameworks involved. Read on! TABLE OF CONTENTS
Very Simple Pure HTML CSS Admin Panel (Free Download) Read More »
Welcome to a tutorial on how to create vertical text in CSS. Once upon a time in the Stone Age of the Internet, the direction of text is pretty much fixed on left-to-right. But thankfully, modern CSS has addressed the issue and supports vertical text with ease. The easiest way to create a block of
How To Create Vertical Text With CSS (Simple Examples) Read More »
Welcome to a tutorial on how to create a progress bar with Javascript. Looking to add some nice “now processing” visuals to your website? We can use the HTML <progress> tag to create a very simple fuss-free progress bar: <style> #demo { -webkit-appearance: none; } ::-webkit-progress-bar { background: gray; } ::-webkit-progress-value { background: orange; }
Simple Javascript Progress Bar With Percentage (Free Download) Read More »
Welcome to a quick tutorial on how to show error messages in HTML forms. This is probably one of the major bugbears for some beginners, how do we handle and show error messages for HTML forms? There are no fixed ways to show errors in HTML forms, but the common methods to display error messages
Show Error Messages In HTML Forms (Simple Examples) Read More »
Welcome to a short tutorial on how to round off numbers in Javascript. So you have a project that needs to round off a number? To round off a number in Javascript – Math.round(12.34); Round up to the nearest whole number – Math.ceil(1.1); Round down to the nearest whole number – Math.floor(2.3); Drop the decimal
Round Off In Javascript (Up, Down, To Decimal Places) Read More »
Welcome to a tutorial on how to create a responsive background video in HTML and CSS. Need to set a video as the background? Yes, it is possible to do so with some “clever layering” – Read on for the examples! TABLE OF CONTENTS Download & Notes Background Videos Extras The End
Responsive Background Video In HTML CSS (Simple Examples) Read More »
Welcome to a tutorial on how to keep the aspect ratio of an image in HTML and CSS. So you have placed an image on your webpage and decided to resize it a little… But the image went out of out-of-proportions and it now looks funky. Just how do we keep the aspect ratio? Let
4 Ways to Keep Image Aspect Ratio In HTML CSS Read More »