Welcome to a tutorial and example on how to create a full-screen loading spinner, with pure CSS and (a little bit of) Javascript. Looking to add a “now loading” splash screen, but can’t find a decent one? Well, let us walk through how to create one – No hacks, no external libraries required, and no …
3 Steps Full Screen Loading Spinner in Pure CSS JS (Free Download) Read More »
Welcome to a tutorial on how to create responsive circles with CSS, and add text to them. Once upon a time in the Stone Age of the Internet, we literally have to use circle images and there are no alternatives. But it is a total breeze to create circles with modern CSS. To create a …
Responsive CSS Circles With Text (Simple Examples) Read More »
Welcome to a quick sharing of how to organize HTML code. Well, there are actually no hard rules on “we must organize HTML code in a certain way”. But just imagine taking over someone else’s code that is in a complete mess. The code may work, but it is full of syntax errors, has crazy camel …
Welcome to a quick tutorial on how to auto-resize images in HTML and CSS. Just started with HTML CSS and struggling to fit images? The easiest way to create an auto-resize, scale-to-fit image is to set 100% width on it – <img src=”IMAGE.JPG” style=”width: 100%”> Yes, that’s all. We don’t need even crazy Javascript calculations …
3 Ways To Auto Resize Images In HTML CSS (Simple Examples) Read More »
Welcome to a tutorial on how to convert HTML to an image in PHP. So you have a PHP project that needs to convert HTML into an image? Bad news, there are no free “HTML to image” libraries at the time of writing. There are 3 possible ways to convert HTML to an image in …
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> …
Welcome to a quick tutorial on how to do HTML form validation without Javascript. Once upon a time in the Dark Ages of the Internet, form validation used to be a “complicated process” that can only be done in Javascript. But ever since the launch of HTML5, things have become a lot easier. HTML offers …
HTML Form Validation Without Javascript (Simple Examples) Read More »
Welcome to a sharing of an ERD of an online appointment system. Yes, there are plenty of such “appointment system ERDs” all over the Internet. But they all seem to be fixed to doctor appointments. So here’s my own version, one that I try to keep as general as possible – Read on! …
Online Appointment System ERD (With Database Structure) Read More »
Welcome to a tutorial on how to write text on images in Python. Need to add some text to an image? We can use the Pillow Imaging Library to write text onto images in Python: from PIL import Image, ImageFont, ImageDraw img = Image.open(“IMG.JPG”) draw = ImageDraw.draw(img) font = ImageFont.truetype(“FONT.TTF”, 18) pos = (0, 0) …
Want to show some text or an image caption on mouse hover? Yes, we can do that without a single line of Javascript – Let us walk through a few simple examples in this guide. Read on! ⓘ I have included a zip file with all the source code at the start of this tutorial, …
Text Over Image On Hover In HTML CSS (Simple Examples) Read More »
