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 on how to create a simple popup with HTML, CSS, and Javascript. I am sure there are tons of popup plugins all over the Internet, but some of them depend on 3rd party frameworks and add too much loading bloat. So here it is – We will walk through a …
Very Simple Popup In Pure HTML CSS JS – Free Download! 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 and example of how to resize images in Javascript. Yes, resizing images is no longer a server-side thing. We can also do it in Javascript with just a few lines of code – Read on! ⓘ I have included a zip file with all the source code at the start …
Resize Images In Javascript Using Canvas – Simple Example 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 …
