Tips & Tutorials – HTML & CSS

Fade Background Image With CSS Javascript (Simple Examples)

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 …

Fade Background Image With CSS Javascript (Simple Examples) Read More »

Very Simple Light-Dark Theme Switcher With CSS Variables

Welcome to a quick tutorial on how to build a simple light-dark theme switcher using CSS variables. Looking to build your own switchable themes with CSS variables? Well, it really isn’t that difficult. A common way to build switchable themes using CSS variables is to: Create your HTML page as usual. <header>Header</header> <main>Content</main> Set the …

Very Simple Light-Dark Theme Switcher With CSS Variables Read More »

HTML CSS Javascript PHP MySQL To Build A Website – Simple Example

Welcome to a beginner’s tutorial and simple example on how to use HTML, CSS, Javascript, PHP, and MySQL together to build a website. Just started with web development, and wondering how we can “put” all the different technologies together? Various technologies and languages work together to create a website, each of them handling a different …

HTML CSS Javascript PHP MySQL To Build A Website – Simple Example Read More »

4 Ways To Display PHP Variables in HTML – Simple Examples

Welcome to a beginner’s tutorial on how to display PHP variables in HTML. So you have some PHP variables that you want to “insert” into an HTML element? There are a couple of ways to display PHP variables in HTML: Use delimiters to weave between PHP and HTML – <p><?php echo $VAR; ?></p> Use the …

4 Ways To Display PHP Variables in HTML – Simple Examples Read More »

How to Post Array From HTML Form To PHP (Simple Examples)

Welcome to a tutorial on how to post an array from an HTML form to PHP. The “standard” HTML form fields are easy enough. Just add the name attribute to the fields, submit the form, and that’s it. But what if we want to post an array instead? To post an array from an HTML …

How to Post Array From HTML Form To PHP (Simple Examples) Read More »

ABBR vs DFN vs ACRONYM In HTML – Quick Examples

Welcome to a quick tutorial on how to use the <abbr>, <dfn>, and <acronym> HTML tags. With the introduction of HTML5, there have been additions and changes to quite a number of “confusing” semantic tags. In particular, we will address abbreviation, definition, and acronym in this guide: The  HTML <abbr> tag is used to denote …

ABBR vs DFN vs ACRONYM In HTML – Quick Examples Read More »