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: Place a <div …
How To Add Watermark in HTML CSS – Simple Examples Read More »
Welcome to a beginner’s tutorial on how to create a box around the text in HTML. New to HTML and want to quickly create your own notification or information box? An easy way to create a box around text is to simply add padding and border. For example, <p style=”padding: 10px; border: 2px solid red;”>TEXT</p> …
How To Create A Box Around Text In HTML (The Easy Way) Read More »
Welcome to a tutorial on how to create a simple responsive text slider using pure CSS. Sick of those complicated slides that require extra libraries? Why not make your own? Pure CSS text sliders are actually pretty simple, and this guide will walk you through a simple example – Read on! ⓘ I have included …
Simple Responsive Pure CSS Text Slider (Horizontal & Vertical) Read More »
Welcome to a quick tutorial on how to position text over an image in HTML and CSS. Are you trying to add some captions over an image in HTML? Only to find that there are no “out-of-the-box” HTML ways to do so? An easy way to position a block of text over an image in …
4 Steps To Position Text Over Image In HTML CSS (Responsive) Read More »
Welcome to a tutorial on how to create custom HTML elements. Once upon a time in the dark ages of the Internet, we are pretty much “stuck” to whatever HTML elements that the developers have provided us with. But things have changed ever since the introduction of Web Components. The overly simplified and general steps to …
How To Create Custom HTML Elements – Simple Examples Read More »
Welcome to a quick tutorial and examples on how to submit an HTML form without refreshing the page. So you have an HTML form that needs to stay on the same page after submission? The common ways to submit an HTML form without reloading the page are: Submit the form using AJAX. var data = …
2 Easy Ways To Submit HTML Form Without Refreshing Page Read More »
Welcome to a tutorial on how to create a simple responsive pure CSS Hamburger Menu. Yep, there are plenty of other hamburger menus on the Internet, but some of them still require the use of Javascript. So here it is, a menu that is purely CSS-driven, not a single line of Javascript. Read on to …
3 Steps Simple Responsive Hamburger Menu In Pure CSS Read More »
Welcome to a quick tutorial on how to get HTML elements in Javascript. Want to do some dynamic updates to the page? Having trouble getting HTML elements? The common ways to get HTML elements in Javascript are: getElementById() getElementsByName() getElementsByClassName() getElementsByTagName() querySelector() querySelectorAll() That covers the quick basics, but read on for more examples! ⓘ …
How To Get HTML Elements In Javascript – Simple Examples Read More »
Welcome to a tutorial on how to create simple pagination with pure Javascript and HTML. Have a huge array of data that needs to be displayed in an HTML table and paginated? Or maybe split a long article into multiple pages? Well, here is a quick sharing of a pagination script that I made, and …
Simple Pagination With Javascript HTML – Free Code Download Read More »
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, no third-party libraries. Read on! ⓘ I have included a zip file with all the source code at the start of this …
