Moving gradient text with CSS
Some simple animated gradient text with CSS which is more attention-grabbing than just plain, stationary coloured text This method utilizes the CSS animation property. CodePen link. The CSS h1 {…
Some simple animated gradient text with CSS which is more attention-grabbing than just plain, stationary coloured text This method utilizes the CSS animation property. CodePen link. The CSS h1 {…
Making a horizontal scrolling table where the first column is sticky and stays in place. Tables are fine to an extent but once you start having more than a few…
Adding and removing classes to HTML elements with vanilla Javascript. Also included is a toggle and replace method. Adding a class name to an element with classList.add() document.getElementById(“theId”).classList.add(“green-text”); Add multiple…
Doing vanilla Javascript selecting or setting elements with their id or class name. Selecting Selecting a HTML element with its id with getElementById(): document.getElementById(“theId”); Selecting an element based on the…
How to ping an address and return the min, max and average results with PHP on both Windows and Linux. The reason the operating system matters is because the ping…
Installing and setting up a LAMP stack on Ubuntu 20.04 x64. This post covers installing Apache with the brand new PHP 8, a MySQL server and finally enabling SSL with…
Bootstrap modals come in 4 sizes, You have the default, small, large and extra-large. The default size is closer to small and often at times in usage feels very restricted…
My idlers is a self-hosted web app for displaying, organizing and storing information about your servers (VPS), shared hosting and domains. Despite what the name infers My idlers isn’t just…
How to set the default value to a HTML date input using vanilla JS or jQuery, including a method to set the date to be 1 month from now. The…
The differences between two very common MySQL keys which is the Primary key compared to the Unique key. Primary key Identifies a unique row in the table, as a default…