Credits

This website was built from the ground up using HTML, CSS and PHP and has a MySQL back-end. I used software tools like Coda, Sequel Pro, MAMP Pro, Pixelmator and Sketch to create and build it. Special thanks to Mick and Julian for helping me out.

Used libraries and resources

• Animate.css, just-add-water CSS animations
• Bigfoot.js, a jQuery plugin for empowering footnotes
• Counter-Up, a jQuery plugin that animates a number from zero
• FastClick to remove click delays on browsers with touch UIs
• FitVids.js, a lightweight, easy-to-use jQuery plugin for fluid width video embeds.
• Font Awesome, the iconic font designed for Bootstrap
• Google Analytics
• jQuery, a fast, small, and feature-rich JavaScript library
• LESS, a CSS pre-processor
• Though I style in LESS, I use CodaLess to compile to CSS on save
• Some social vector icons are from Life Tree Creative
• MathJax, beautiful math in all browsers
• Normalize.css, a modern, HTML5-ready alternative to CSS resets
• Mobile Detect, the lightweight PHP class for detecting mobile devices (including tablets)
• PlusAnchor, a simple jQuery plugin to scrolls to anchor links
• Prism, a lightweight, extensible syntax highlighter
• Waypoints, trigger a function when you scroll to an element.

Influences and Guidelines

• Designing blogs for readers by Matt Gemmell.
• Principles for responsible media moguls by Seth Godin.
• The New Rules of Tech Journalism by Harry Marks.
• Respect Metrics by Matt Gemmell.

Older versions

Previous attempts and iterations of my website:

• July 2011, my first website, built using iWeb.
• September 2011, animated and built using Hype.
• April 2012, my first attempt at raw HTML and CSS, and a single page design.
• May 2012, iterating.
• October 2012, going for simplicity.

Sorry for the bugs, most of them were not finished or tested for final hosting.