NESTING <h1>Hello World</h1> <p> HTML is nothing but text with formatting. This is <strong>bold,</strong> this is not. </p> Nesting – When we put a tag inside a tag. Not all “combinations” are correct, examples: Makes no sense to put another <h1> in <h1>. Makes no sense to put <h1> in <p>. The best way to […]
1 Minute HTML CSS Part 3 – Nesting & Comments Read More »
Welcome to a tutorial on how to create a simple responsive text slider in HTML CSS. So you want to add a text slider to your page? There’s no need to use third-party frameworks, here’s how to create one using pure HTML CSS – Read on! TABLE OF CONTENTS Download & Notes Text
Simple Responsive Text Slider In HTML CSS (Horizontal & Vertical) Read More »
HTML TAGS <h1>Hello World</h1> <p>HTML is nothing but text with formatting.</p> HTML stands for Hyper Text Markup Language. It is nothing more than “plain text with formatting”. E.G. <h1> marks a heading, <p> marks a paragraph. HTML tags should be in small letters – <h1><p>. Capital letters work but do not conform to coding standards…
1 Minute HTML CSS Part 2 – HTML Tags Read More »
1) CODE EDITOR Download and install VSCode – A popular free code editor. If you don’t like VSCode – Here’s a list of free code editors that you can check out. In fact, any text editor will do. Even Notepad. 2) LOCAL HTTP SERVER Not really required, can open HTML files directly in browsers.
1 Minute HTML CSS Part 1 – Getting Started Read More »
Welcome to a tutorial on creating a responsive sidebar in HTML and CSS. So you are working with a layout that has a sidebar, and wonder “how to turn it into a responsive website”? Here are a few simple examples, read on! TABLE OF CONTENTS Download & Notes Responsive Sidebars Extras The End
3 Simple Responsive Sidebar Designs In HTML CSS Read More »
Welcome to a tutorial on how to create a simple responsive bar chart in HTML and CSS. So you need to create a simple bar chart in your project? There’s no need to load complicated libraries, here’s how to create one yourself – Read on! TABLE OF CONTENTS Download & Demo Bar Chart Extras The
Simple Responsive Bar Chart In HTML CSS (Free Download) Read More »
Welcome to a quick tutorial and examples on how to format a number as a currency in PHP. Want to display a “nice amount” in your project? The common ways to format a number as currency in PHP are: Use number_format() to manually format the number to currency. $amount = 1234.56; $usd = “$” .
4 Ways To Format Number As Currency In PHP Read More »
Welcome to a tutorial on how to write Math equations in HTML. The Internet has come a long way from the Stone Age, and HTML is now fully capable of handling various types of content, languages, images, audio, and videos. But there is one mystery left unanswered… How do we write Math equations? There are
3 Ways To Write Math Equations In HTML Read More »
Welcome to a tutorial on how to create a fullscreen loading spinner. Want to show a “now loading” screen? There’s no need to load an entire library or framework, here’s how to create one yourself. Read on! TABLE OF CONTENTS Download & Demo Fullscreen Spinner Extras The End DOWNLOAD & DEMO Here
Simple Fullscreen Loading Spinner (Free Download) Read More »
Welcome to a tutorial on how to add a loading spinner on an HTML dropdown box. So you want to show a loading spinner on a dropdown box while the options are loading? Well, it is pretty straightforward with some Javascript and CSS – Read on for the example! TABLE OF CONTENTS Download
Loading Spinner On HTML Dropdown Box (Simple Example) Read More »
