Tips & Tutorials – HTML & CSS

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 »

Very Simple Responsive Image Gallery (Pure HTML CSS)

Welcome to a tutorial on how to create a simple responsive image gallery with pure HTML and CSS. Yes, there are plenty of such “image galleries” all over the Internet. So here’s one that is fuss-free, CSS-only, and does not use any third-party frameworks – Read on! ⓘ I have included a zip file with …

Very Simple Responsive Image Gallery (Pure HTML CSS) Read More »

HTML CSS Javascript PHP MySQL To Build A Website (Simple Example)

Welcome to a beginner’s tutorial and simple example of 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 »

Simple Editable HTML Table (A Quick Example)

Welcome to a tutorial on how to create an editable HTML table. Well, creating an editable table is quite literally adding a contentEditable property into the cell <td> on a double click. But it still requires quite some bits of code – Read on for an example! ⓘ I have included a zip file with …

Simple Editable HTML Table (A Quick Example) Read More »

Display CSV As Table In Javascript (Simple Examples)

Welcome to a tutorial on how to read a CSV file and display it in an HTML table with Javascript. Yes, you read that right. Modern Javascript is actually capable of reading CSV files and directly outputting them. No server-side required. Read on for the examples! ⓘ I have included a zip file with all …

Display CSV As Table In Javascript (Simple Examples) Read More »

Simple Like Dislike Button With Pure HTML JS (Free Download!)

Welcome to a tutorial and example on how to create a like-dislike button. Want to add your own like/dislike button? Here’s a quick sharing of my simple version using pure HTML CSS Javascript, with no third-party libraries. Read on! ⓘ I have included a zip file with all the source code at the start of …

Simple Like Dislike Button With Pure HTML JS (Free Download!) Read More »

Simple Books List Web App (Pure Javascript)

Welcome to a tutorial on how to create a simple books list web app with pure Javascript. It’s the good old and boring school assignment. Yep, there are a ton of such tutorials all over the Internet, so here’s one that is slightly different. An offline books list progressive web app that is installable. Read …

Simple Books List Web App (Pure Javascript) Read More »