Blog
Fetch is the new XHR
Fetch is a simpler way of getting resources in Javascript compared to XHR. This post is just a brain dump of how to use fetch to make requests.
What the Virtual Viewport?
We've heard the term "virtual viewport" get kicked around the office over the past few days and no one knew what it was. Rick Byers to the rescue.
Trying to do a Good Job
Developing sites with backend and front end logic, build processes, preprocessors, what ever else makes it hard to keep things clean and sane. How I've reworked things.
Push Notifications & Service Worker
Service worker is a seriously bad ass API. But what do you do with a bad ass API? Make it totes legit with some push notifications. I promise the article is better than this intro.
DevTools Ideas
Having worked with service worker in Chrome, there are a few areas where I'm at odds with DevTools as to how to get a sane workflow.
What You Need to Know About the WebView in L
The WebView in Lollipop has been updated to M37 and comes with some new API's and alterations to some behaviours. I've noted them down just in case.
Is the Web a Developers Cwtch?
The web is awesome, no doubt about it. But are the very features that make it so powerful, also act as the very thing that holds it back.
Your Guide to SSL on Nginx
Everyone is moving to add SSL support on their site. If you're using Nginx and looking to do the same then this post is for you, walking you through from start to finish on how to add SSL support.
WebP Support with ImageMagick and PHP
This was something I've been meaning to try and figure out one way or the other. WebP has some huge wins for reducing images sizes, so here's my first attempt at getting something up and running.
Raspberry Pi <3 Node
I love Node for it's hackability. While I'm not entirely sure it will work with the electronics on a Pi, it's a safe bet for a quick and dirty web server.
Let's Look at Load Time Performance
After getting my site to a score of 100/100 on PageSpeed Insights, I couldn't help but look into the one little niggle (read issue) I had with the way I achieved the score.
Building Mobile Cordova Apps with Web Starter Kit
Web Starter Kit is an opinionated set of tools to help developers get started with development as quickly as possible. This post will cover how you can integrate Web Starter Kit with Cordova apps.
Web Performance Monitor
One of my main gripes about PageSpeed Insights is that I have to go and manually run each of my pages through it. Instead I went and put together a little tool to do it for me. Don't forget kiddlywinks #PerfMatters
Installing SSL Certs...
You get more and more perks in terms of API access when you have SSL on your site and ServiceWorker is enough for me to bite the bullet and go SSL. Here are the notes from my experience with gauntface.com.
WebView in the Developer Preview of L
The WebView has been updated in the preview release of L and brings with it some new web platform features.
CodeIgniter + Markdown + Libraries = Hell
Ever tried getting a third party library working in CodeIgniter? No? Oh, well maybe it's best to keep it that way aye.
PageSpeed Quirks & Google Plus Sign In
When trying to use the Google+ Sign In button on my site, I found a few difficulties at making it happy with PageSpeed Insights and put down a few notes.
Pagespeed Score Hunt
Ever wondered what you could do to improve your sites page load time? PageSpeed Insights is a tool which highlights any problem areas on your site and this is how I got my score up to 100/100.
Perf Wars: Gaunt Face vs Aerotwist
Performant Web Apps...... The harsh world of getting 60fps for a newbie web developer.
New Site, New Approach
In the latest redesign of my site, one of the key area's I wanted to focus on was page performance, both loading and animations. I ended up with a style guide and a half way decent build process for image optimisation.
Cordova + Web Best Practices v2.0
If you're using Cordova, there is no reason to not take advantage of build tools like grunt and fewer bytes to load will still cut down load times inside your apps. In this article we'll look at how you can hook up grunt into the Cordova build process, meaning you have one command to build your web project, copy that over into Cordova and build the project onto your device.
Raspberry Pi Adventure - Day 2
Second evening of mucking around with my Raspberry Pi, VNC and FTP FTW.
D-Pad Navigation in a Web App 2.0
Adding support for D-Pad navigation is much harder than it should be for a web application. I've taken some of the best bits of a sample application written for Google TV and generalised it to hopefully help others add in D-Pad support by including some additional class names and tabindexes to your HTML.
Translucent Theme in Android
In Android KitKat you have the ability to have a translucent theme in your app so you can style notification bar and navigation bar. We'll look at a basic example for doing this.
Raspberry Pi Adventure - Day 1
First evening playing around with the Raspberry Pi and they always say you should blog about new things. Hardware, Raspbian and Wifi are all the exciting things covered.