‘Retina’ images tool

July 3rd, 2013

As part of a project I’m working on I made a little JavaScript utility that swaps images in an HTML page with high resolution equivalents if it detects a high-resolution ‘Retina’ display and a window over a certain size.

This is useful in a responsive layout because a medium-sized image will look sharp if scaled down (e.g. high res mobile display) but won’t look so great when scaled up (e.g. Retina Display Macbook Pro). In my case I wanted to swap a large header image only if the window size was over 1023 (CSS) pixels wide and it was a ‘Retina’ display.

I thought I’d share it in the hope that it saves someone else the hour it took me to write it.

Here on GitHub: https://github.com/aderowbotham/resina.js

It’s called ‘resina.js‘ because there’s already a retina.js, which works differently.

New sort-of-site

June 17th, 2013

aderowbotham.com.2013

Having left my big important position of responsibility in London I still need to take stock of all the work that I’m proud of from the past few years and put it together as a new portfolio. However, I’ve been pretty much flat out since the day I left Pirata, and I’m currently juggling three projects among other things, so it’s going to be a little while yet. It’s a truism that your own website can be the hardest thing to get round to when paid work is vying for your time.

I bought a new laptop the other day and it has one of those ultra-high-resolution displays. It’s a lovely bit of kit but (as is well documented) old software and old websites now look terrible on it, the graphics being either pixellated or blurred as they’re scaled up. The newest of my personal sites was created in 2007, and looked particularly outdated on the new laptop so I decided that – at the very least – aderowbotham.com needed a quick and dirty makeover.

The old site was just the front and back of my business card from 2007:
aderowbotham.com.2008

The new site doesn’t contain a whole lot more, but here are some of its key features:

  • Pretentious introductory ‘mission statement’ (in lieu of having some actual work to show)
  • Works on mobile (obv.)
  • Big silly tooltips
  • Shows off a few of my best photographs in high resolution
  • Some technical stuff that means it’s quick

Anyway, not much to see really. This post is mostly for myself, Google and of course The NSA. My website is at http://aderowbotham.com.

Next-up: a new CV.

Purging in Varnish 3

May 4th, 2013

I wrote some notes on using ‘ban’ in Varnish 3. Read at GitHub for better legibility.

Farewell Pirata

March 28th, 2013

Pirata logo

After four years at Pirata I have very recently departed in order to pursue some personal ventures and to spend more time with my family. It’s been an incredible four years during which we created a bounty of outstanding and beautiful work, took on some brave challenges and had a lot of fun together.

For me as Technical Partner the biggest satisfactions came from putting together a great team of talented and creative developers, and from overseeing the evolution of our capabilities as we went from building Flash microsites for ad campaigns to creating high profile high capacity dot-com sites in the contemporary world of HTML5, mobile and ‘The Cloud’.

Much credit must of course also go to the design team which contains some remarkably talented individuals; Pirata’s design prowess has always been second to none under the creative direction of Eduardo, Stuart and David. And I’ll get in trouble now if I don’t also include a nod to the producers. Of course nothing would have ever launched without you.

The key to great digital design is Agile integration with the development process – something we achieved more consistently than anywhere I’ve worked before, particularly so in the last year. We’ve always ensured that designers and developers sit and work together, and the quality of the work really shows for it.

Among the work I’m most proud of is the that which we’ve been doing for Team GB, not least teamgb.com itself which was a roaring success during London 2012. And more recently Pirata has re-designed and re-built the McLaren Formula 1 team’s website from the ground up for the 2013 season. It still has McLaren Live during every Grand Prix, but it works better than ever before and looks fantastic.

I’d like to thank everyone past and present at Pirata for making it a brilliant four years, I’m going to miss everyone greatly and I wish you all the very best of luck! And likewise to all the splendid clients I’ve been fortunate enough to work with.

What now? Well I’m interested in talking to anyone about projets that lie anywhere around the cross section of technology and creativity. I have a lot of experience to bring to the table and would love to work with small teams of talented people to create tools, apps and games.

And in the short term I’d better get on because I have some websites to make. I still love doing that too.

Moved this blog

March 10th, 2013

Click away now if you’re not interested in web servers.

Having spent much of the last few years making sure clients’ websites are fast and responsive, I finally got round to sorting my own blog out. It was letting the side down, being quite sluggish and unoptimised in its shared hosing environment. So I’ve moved this over to my own server which is running Varnish, nginx and also PHP 5.4 with APC.

WordPress, which this blog runs on, works out of the box in Apache + PHP environments but getting it running in nginx (with PHP-FPM) was a bit of a pain in the arse. This is mostly because .htaccess files are an Apache thing so don’t work in nginx. nginx has its own syntax for setting up redirects and there are tools out there for converting between the two but none of the ones I found converted my existing rules successfully.

Frustratingly, following these official instructions to the letter did not work either. Getting the main WordPress installation working was fine but the problem was WP Super cache which relies on some specific rewriting logic. Certain valid post URLs were throwing up 404 errors depending on the state of the cache and what characters were in the address. At that point it had reached 1am so I decided as an interim to put Apache on the server too. I’ll return to the nginx configuration sometime soon. I have other sites running off this server through nginx, it’s just that WordPress-plugin-specific problem that needs solving.

Running Varnish on the server means it’s now easy to route traffic to either Apache or nginx as required based on the request hostname and of course it caches the returned documents so speeds things up even more. Ideally I’d have assets going to a CDN but given that I only get a handful of visitors each day it doesn’t really seem worth the effort.

Anyway, that’s it for dev-ops news. Hopefully this blog will be a bit more responsive from now on.


P.S. OK, so signing in to leave comments is currently broken. This is due to my Varnish configuration. I need to make exceptions for cookies. I’m sure you’ll manage in the meantime. <-- Now fixed

Bitcasa having teething troubles?

February 22nd, 2013

*See update at the end of this post*

Bitcasa_Logo

Having read several favourable reviews I signed up for a Bitcasa account yesterday. The desktop app for OS X looks good and works well. The user-experience is not entirely dissimilar to Dropbox in that you have a special folder which is then synchronised to their cloud storage. However the the Bitcasa drive is a mounted network drive, so doesn’t take up space on your hard disk, whereas the Dropbox folder is local.

bitcasa-infinite-drive

“Infinite storage” sounded appealing and they’re running a $69.99 offer for a year, so I went for it.

However… I’m now finding it incredibly slow to upload files. Speedtest.net tells me the upload bandwidth of my internet connection is 13Mbps, or ~1.88 MB/s. Bitcasa (mirroring a folder through the app) is just about sustaining 190KB/s which means it’s using only around 1/10th of my available bandwidth.

Dropbox by comparison on the same machine and connection manages around 750KB/s, which is about 4 times as fast.

I’ve tried to get some help from them but at the moment it’s like talking to a brick wall. 24 hours on they’ve still failed to respond to two support tickets I raised, nor have they replied to my nudge on Twitter. And there are at least a couple of threads in their community forum filling up with comments from what sound like extremely dissatisfied customers – such as this one.

I hope it’s just teething trouble and they sort this out, but the apparent stony silence from the company doesn’t bode well to me. As one forum user commented (here):

“The bottom line is it came out of beta too early and we’re paying the price now.”

Surely the first and most important thing to do is talk to their new paying customers. When people part with their cash they want service!


Update – 23 Feb

Last night I received a reply from Bitcasa on Twitter:

Also, they’ve responded to my ticket and have commented (and apologised) in a number of the forum threads, such as this one:

“We definitely are inundated with tickets, and are working very hard to respond to everyone as quickly as we can, in order to best address everyone’s help needs.”

It sounds as though they’ve had a huge influx of users and that’s taking its toll on both customer support and the system itself. Plus there are seemingly a few bugs in the software that need ironing out. From their explanations, due to their protocol the data transfer rate is affected by the ping time to the server. They’re using Amazon Web Services so are currently restricted to US, Japan and Ireland data centres.

Being in the UK I’m getting a ~30ms ping time to eu1.api.bitcasa.com, which is pretty good, and my Bitcasa upload speed seems to have vastly improved overnight without me having changed anything. I’m now getting around 800KB/sec according to their app, which is not too bad. I hope it stays that way.

I’m sure they will get things sorted out but, as ever, customer support is key. If things are going wrong 24 hours without a response can feel like a long time for a paying customer. Even to acknowledge that there’s a problem and to say “we’re working on it” goes a long way in these situations.

This month’s edition of .net magazine contains a feature on Pirata. It’s based on an interview with Eduardo, Lee, Stuart and myself, in which we talk about our work over the past four years.

dot-net-magazine-profile-pirata-2013-01a_web

dot-net-magazine-profile-pirata-2013-01b_web