The Journal

Loading CSS via prefered-color-scheme

Posted on August 28th, 2019

After learning about and how to implement Dark Mode within your website. I also found out that you're able to load different CSS files depending on the users choice of Light or Dark mode. This comes in very handy, when you're build a site that uses syntax highlighting such as…

CSS Dark Mode

Posted on May 27th, 2019

With dark mode finally coming to iOS in update 13. We can start to make use of the awesome the media query that has two effective values you can specify: and : Variables now in CSS, making dynamic light and dark modes for your visitors easier than ever. You should use this time…

Breaking Jekyll posts into years

Posted on September 4th, 2018

I struggled with this for sometime until I stubmled upon a Stackoverflow post that has what I was looking for. Seriously people think developers just type all day, I have learnt that one of the biggest skills is knowing how to google your problem and finding the correct soultion…

Generating a new SSH key and adding it to the ssh-agent

Posted on April 28th, 2018

Most of you seasoned developers are use to SSH keys, this was something new to me. So this is how I went about setting up my dev enviroment to use them. First we need to check for existing SSH keys Open Terminal Enter to see if existing SSH keys are present: Check the directory…

My CSS style guide for easy readable CSS

Posted on April 3rd, 2018

After reading many articles on writing the perfect CSS, I found that there is no perfect way to write CSS. I mean CSS isn’t the prettiest ‘language,’ but it has successfully powered the styling of the web for over 20 years now. Not doing too bad, huh? As I have written more and…

Sticky footer with flexbox and Bootstrap 4

Posted on February 2nd, 2018

I have always struggled with keeping that pesky footer at the bottom of the page. I always forgot how to keep it where it belongs, after searching around the web looking through many pure HTML and CSS work arounds. I found flexbox! Now it's super easy!! Content can change. Things…