Tag Archives: html

Autumn 2014 Update

So for the past couple of weeks I have been busy doing some rather major refactoring work on KopiJunkie.net’s code.

I’m bringing my front end workflow up to date with modern front end development. I have to admit I don’t work with PHP much. In fact, the back end language I work with the most in general is Java. With some SQL (specifically, I work daily with MySQL databases). Actually, I’m not sure why I mentioned that as I will still be keeping some of the PHP functionality in the end.

Anyway, what is really happening is I am getting the site to not be dependent on PHP for the site’s content generation, i.e. the front end. In its place I’m going to be using a static site generator (namely Assemble) to generate the static HTML pages. There’s a fair bit more work that’s also happening with JavaScript.

But for now, while the work’s still in progress and I’m developing in the open with the code on GitHub, feel free to have a peek at what’s happening at the repo.

Screenshot - CSS & JS Timeline Chart

CSS, JS Timeline Chart

Finally settled on something to write for my first post. So here it is – a timeline chart made with pure CSS and JavaScript. The actual timeline chart is viewable on theĀ working demo page itself. The code is available at my GitHub repo. Here I’m detailing my thought process, logic for what I’ve done.
Continue reading