Creating a WordPress theme Part 2 – Section dividing & theme naming
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. This Part 2 is splitting the theme into different…
Tag: How to
Creating a WordPress theme Part 1 – The setup
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 1 is the installing and setup of WordPress…
Collapsable Bootstrap side nav menu
How to have a fully responsive, collapsable side nav bar made with Bootstrap that will resize the page upon collapsing. For this you will need jQuery. The included CSS styling…
Bootstrap cards as selectable radio buttons
Turning bootstrap cards into selectable radio buttons with active states using jQuery. CodePen example. To do this you will need Bootstrap and jQuery. Function to unselect (uncheck) all of the…
Loading Javascript files after page has finished loading
How to load a javascript file only once the page has finished loading. This is done with a document event listener that will run when the content has been fully…
Doing an Ajax call without jQuery
How to make calls without Ajax in vanilla Javascript. Using Ajax requires jQuery, whilst it is a convenience, including the whole jQuery library for just Ajax is overboard. Here is…
Live time and date with vanilla Javascript
A live and active time and date with vanilla Javascript. CodePen example. Start by setting variables for the date string: var today = new Date(); var day = today.getDate(); var…
Setup and install a DayZ Namalsk server on Windows server 2019 with SteamCMD
A guide on installing and setting up a DayZ Standalone server with the new Namalsk map by using SteamCMD. This guide is made with a Windows Server 2019 VPS on Vultr…
Change progress bar colour based on progress value
Changing a progress bar colour based on what value its progress is at. This is done using jQuery and the default Bootstrap colour classes. CodePen example. The jQuery: $(document).ready(function ()…
jQuery autocomplete input example
How to do a jQuery autocomplete input element from an array source. autocomplete gives the ability to find and select from a compiled list of values, helping aid searching. CodePen…