Welcome to a tutorial on how to show/hide HTML elements with animations. So you want to toggle the visibility of an HTML element with bells and whistles? There’s no need to load an entire library, we can do it easily with modern CSS – Here are some examples that you can copy-paste. Read on! […]
5 Simple Animations To Show/Hide HTML Elements Read More »
Welcome to a beginner’s tutorial on how to add icons in HTML and CSS. Need to add some icons to your website? Make the contents a little easier to navigate. Here are 4 common ways to add icons in HTML CSS: Use HTML symbols, simply copy and paste the respective HTML entity code. E.G. ★
4 Easy Ways to Add Icons In HTML CSS (Simple Examples) Read More »
Welcome to a tutorial on how to create a responsive logo in HTML CSS. So you have just gotten an awesome logo and are eager to put it up on your website… Only to notice that it is way too big on a small mobile screen. Just how do we “fix” this issue then? An
3 Ways to Create Responsive Logo In CSS (Simple Examples) Read More »
Welcome to a tutorial on how to create a like-dislike button. Want to add a like/dislike button to your project? Well, you don’t need to load an entire third-party library for that. Here’s a quick sharing of my simple version, read on! TABLE OF CONTENTS Download & Demo Like Dislike Button Extras The
Simple Like Dislike Button (Free Download) Read More »
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 »
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 »
Welcome to a quick tutorial on how to create sticky headers in HTML and CSS. So you want a header or navbar to stay at the top of the page? There are 2 easy ways to create a sticky header in HTML CSS: <header style=”position:sticky; top:0;”> This will stick the header to the top as
Sticky Headers In HTML CSS (Very Simple Examples) Read More »
Welcome to a tutorial on how to create sticky footers in HTML and CSS. So you want to fix a navigation bar banner at the bottom of the page? An easy way to create a sticky footer is to set sticky position – <footer style=”position:sticky; bottom:0; left:0; z-index:9;”>FOOT</footer>. That covers the quick basics, but read
Sticky Footers In HTML CSS (Very Simple Examples) Read More »
Welcome to a tutorial on how to create a breadcrumb menu. If you want to add a breadcrumb menu to your website, there’s no need to use a “third-party plugin” or “framework”. It is actually very easy to create one using only pure HTML and CSS – Read on! TABLE OF CONTENTS Download
Very Simple HTML CSS Breadcrumb Menu Read More »
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
Post Array From HTML Form To PHP (Simple Examples) Read More »