Rebuilt from the ground up, the new site is refined from the presentation to the source. The theme has been modernized to load faster and I created more ways to navigate the site so more data is easily accessible while keeping the idea of simplicity in mind.
However, the site is more than just a pretty face. As a DIY’er, I take pleasure in building something from the ground up. The previous versions were powered by Wordpress. It’s amongst the most popular blogging technologies but honestly maintaining it is a nightmare.
There are also more goals in mind with the new site that will encourage more postings and in effect be the personality.
I hope you enjoy what’s to come.
The site is no longer powered by a backend technology that has to be coupled with a database. This made issues when trying to upgrade and keep up to date. Now we’re a fully statically generated site. This has a lot of benefits such as less server maintenance (virtually none) and much faster load times from the user experience.
This is the a new player to the top static site generators out there today. I initially tried porting over my site from Wordpress with Jekyll. It wasn’t as straight forward as I thought it would be. There were a few bumps on the road were taking away from my fire.
I ended up choosing Hugo because it was easy to get an example site up and running very quick. It doesn’t have all the bells and whistles that Jekyll might but I realized that I didn’t need them. There is also something to be said about Hugo’s speed. It’s a big deal when creating a new page because the generator has to rebuild just about every page. Being written in Go was a great idea.
A few things that I thought were really nice out of the box was the web server, sitemap generator, and RSS support. Not to mention the whole application is a single binary app.
This is mainly a matter of preference. It bothers me that you don’t have to close certain tags in HTML which is why I prefer XHTML. I like to keep some sort of sanity.
I cringe every time I think of how browsers must parse standard HTML. I think of the days when I was a fresh programmer at my first job and tasked with data mining from websites using PHP. Oh, we just went to a dark place didn’t we?
SASS + SUSY + CSS3
This goes back to my DIY nature. I don’t like using pre-built frameworks like Twitter’ Bootstrap because it seems to be a lot of overkill for doing a few simple things. Sometimes you have to use so many CSS classes to achieve something and it feels dirty, similar to writing inline styles. I like running lean and mean, that’s always been my motto.
ES6 + Babel
Meh. Not much to say about jQuery. Let’s just move on.
This is a fantastic client side library for building templates. I’m a huge fan. Not currently using it at the moment of this writing but it’s baked into the JS application ready to go. It will be used in future plans.
The source code viewer you see throughout the site is using PrismJS. I have to give it two thumbs up. One for following standards and another for looking awesome. I just wish they had a better way of building custom packages. Oh well, beggars can’t be choosers.
Now that this is a 100% static site, I need a few services to help with features needing a backend.
GitHub just get’s it. Get it? Thanks to their static website hosting I don’t have to pay a dime or manage a server anymore. Instead I just create a repo and run my website off a branch. Having your SCM and website coupled together like this is very pleasant and makes for a simple deploy process.
Oh, and did I mention this site is now completely open source?
Please signup to the newsletter if you want to stay up to date. I’m planning on doing only one newsletter a month if there is a decent amount of subscriptions.
Dedicated to my daughter
This site is dedicated to my daughter, Eva. May all your dreams come true.