Tips & Tutorials – HTML & CSS

How To Add Watermark in HTML CSS – Simple Examples

Welcome to a quick tutorial on how to add a watermark in HTML and CSS. Want to place a subtle message on your website? Maybe to remind users that their membership has expired? Or maybe you want to automatically add a watermark to images? To add a watermark to an HTML page: Add <div id=”watermark”>MESSAGE</div> …

How To Add Watermark in HTML CSS – Simple Examples Read More »

Simple Custom Tooltip With Pure CSS (Step-By-Step With Video)

Welcome to a quick tutorial on how to create a simple custom tooltip using pure CSS. Sick of those default boring yellow tooltip boxes? Yes, we can actually create our own custom tooltips in just a few simple steps. To create a custom tooltip using only pure HTML and CSS: Set data-tooltip on the HTML …

Simple Custom Tooltip With Pure CSS (Step-By-Step With Video) Read More »

Push Notifications With NodeJS (Step-By-Step Example)

Welcome to a tutorial and example of how to send push notifications with NodeJS. It is no secret by now that browsers are capable of handling push notifications. But just how is it done? It is by all means not a walk in the park, but here’s a quick overview. There are 3 main components …

Push Notifications With NodeJS (Step-By-Step Example) Read More »

Simple Javascript Billing System (Step-By-Step Guide)

Welcome to a tutorial on how to create a simple Javascript billing system (or bill generator). Yes, I did a quick search, and the top results are pretty much assignments done by students – They are pretty cool, but let this code ninja show you a couple more tricks. Read on! ⓘ I have included …

Simple Javascript Billing System (Step-By-Step Guide) Read More »

Simple Responsive Slideshow With Pure CSS JS (Free Download)

Welcome to a tutorial on how to create a simple responsive slideshow with pure CSS and vanilla Javascript. Yes, there are a lot of crazy slideshow plugins on the Internet. But some of them require the use of third-party libraries, which adds to the undesired loading bloat – So here it is, a simple and …

Simple Responsive Slideshow With Pure CSS JS (Free Download) Read More »