Tutorial

Follow easy access programming, WordPress, software and hardware tutorials.

Coding

JavaScript Date Sorter

The JavaScript Date Sorter is a vanilla JavaScript Project that uses an HTML form to grab a name and date input and adds it to an HTML table. There is a third column that takes the date, calculates the age then adds it to the table. This table can be sorted and items can be deleted. The data uses the browser LocalStorage to store the items. There are buttons to recalculate the age and clear the table.

Read More

Linux, Software

Quickly Install Visual Studio Code on Garuda Linux

I recently installed Garuda Linux on my Lenovo Yoga laptop. I came across an issue where I couldn’t install the Microsoft version of Visual Studio Code as it wasn’t in any of the repositories. After a little digging, I came across a way you can install it from a git repo. This may also work on other arch Linux based distributions. Please let me know in the comments.

Read More

Coding

Easy JavaScript Guessing Game – Part 2

The JavaScript guessing game tutorial is a simple beginners project. It features modern JavaScript syntax and runs without a Framework. We have already built a foundation for our game in Part 1. In this part, we make it a little bit harder to guess the number.

Read More

Coding

Easy JavaScript Guessing Game – Part 1

The JavaScript guessing game tutorial is a simple beginners project. It features modern JavaScript syntax and runs without a Framework. In this part, we will build the basic functionality and in further parts, we will customise it further. If you want to how this guessing game advances check out part 2.

Read More

Education, Life

Learn A New Skill on Lockdown

With lockdown and schools shut for the foreseeable future, along with several jobs and businesses, myself, other students and various workers/business owners find ourselves with a lot of free time. So much free time that I’d say we have no idea what to do with it. So, before we all get bored and begin to go crazy, here are a few things we could do to try and mitigate the boredom and still manage to learn a new skill.

Read More

Web Design

Stretched Bulma NavBar Navigation Tutorial

Welcome to my stretched Bulma navigation tutorial. For those of you that don’t know. Bulma is an incredibly easy to use free and open-source CSS Framework built on the latest CSS flexbox features. Bulma comes with many components, such as a navigation bar and elements like tooltips and buttons which can be customised to suit your needs. Furthermore, it is modular, allowing you to use as many or little features that you require.

Read More

WordPress, Coding

WordPress HTML5 Clickable Div – Highlight Hover Post

In this tutorial, we will highlight hovering over a clickable div which contains an image and a title. With the magic of HTML5 and CSS3, you can now insert a <div> which is a block element, inside of a <a> which is an inline element. Previously this would have resulted in HTML errors. Feel free to check out the code and also the demo which is included.

Read More

Mac, Software

Ampps For Mac – Update to 3.3 Manually Without Re-installing

Ampps is a fantastic piece of software if you want to run a testing server but upgrading on the mac has always been pretty awkward. The first time I upgraded, back when I was a Mac newbie, I deleted all of my files by accident! Luckily I had created a backup first. The good news is Mac users can download and install the update from a compressed file so there is no need to install from the disk image again.

Read More