Blog

Blog post image for Fetch is the new XHR

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.

Blog post image for What the Virtual Viewport?

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.

Blog post image for Trying to do a Good Job

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.

Blog post image for Push Notifications & Service Worker

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.

Blog post image for DevTools Ideas

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.

Blog post image for What You Need to Know About the WebView in L

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.

Blog post image for Is the Web a Developers Cwtch?

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.

Blog post image for Your Guide to SSL on Nginx

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.

Blog post image for WebP Support with ImageMagick and PHP

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.

Blog post image for Raspberry Pi <3 Node

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.

Blog post image for Let's Look at Load Time Performance

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.

Blog post image for Building Mobile Cordova Apps with Web Starter Kit

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.

Blog post image for Web Performance Monitor

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

Blog post image for Installing SSL Certs...

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.

Blog post image for WebView in the Developer Preview of L

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.

Blog post image for CodeIgniter + Markdown + Libraries = Hell

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.

Blog post image for PageSpeed Quirks & Google Plus Sign In

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.

Blog post image for Pagespeed Score Hunt

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.

Blog post image for Perf Wars: Gaunt Face vs Aerotwist

Perf Wars: Gaunt Face vs Aerotwist

Performant Web Apps...... The harsh world of getting 60fps for a newbie web developer.

Blog post image for New Site, New Approach

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.

Blog post image for Cordova + Web Best Practices v2.0

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.

Blog post image for Raspberry Pi Adventure - Day 2

Raspberry Pi Adventure - Day 2

Second evening of mucking around with my Raspberry Pi, VNC and FTP FTW.

Blog post image for D-Pad Navigation in a Web App 2.0

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.

Blog post image for Translucent Theme in Android

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.

Blog post image for Raspberry Pi Adventure - Day 1

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.

Page 2 of 6