ProjectX Technology » Business

By: Projectx Technology  06-Dec-2011

ProjectX Technology » Business

I spent a bit of time over the Xmas break using the iPhone for reading webpages. I’m hooked on using Google FastFlip as a way to flick through the top blogs and news sites like Techcrunch, ReadWriteWeb, VentureBeat and BBC News. Unfortunately, I discovered how really sucky browsing webpages from a mobile device is. I’m not sure what the percentage of mobile browsers on visiting site is like for the blog / news site, but I’m sure that its growing audience and the experience is far from ideal at the moment.

I’ve come up with a list of wishes that I would like for see get nailed over this year. (These suggestions are not just for iPhone but for all mobile web devices)

1) Automagic website layout engine for mobile web

It requires a little bit of yak shaving to get it working. (I promise only a bit of cut and pasting) So far it’s working on 99% of the pages I’ve looked at it and its a lot nicer to us.

The only downside is that I have to load the original page before switching to the Readability template.

Here’s how it looks on iPhone

Original Page with zooming

Readability works so well on iPhone that it got me thinking…. Surely there is a way to create a javascript library that would be able to re-format a webpage to work on a mobile device automatically. And it would be able to take into account more simplified navigational and advertising components. So then anyone with a blog can install the javascript and css on their site and be “mobile” ready. This give the content owners control over how their content is going to be viewed. Otherwise, we’ll move the content until we can see what we want.

Wish 1 – A Plugin for styling webpages for Mobile content – I’m sure that there are some clever jQuery hackers that can take the Readability approach and create a javascript library to detect and mobile device and re-factor the layout automagically.

2) Speed and Page Size for website.

Web pages have to be optimised for mobile devices!

Blog / news pages are often from 100 – 500K. On 3G, the page loading speed is painful. Webpages need to be optimised for web device. I’m not so worried about wasting bandwidth, more so that if its loads slowly, I’ll switch to something else. The iPhone has allowed me to consume the web in byte sized chunks, I want to quick graze not “queue” up for pages.

Optimisation tools that create packaging of CSS / Javascript and Image Spriting will need to have “mobile” settings to take into account of the mobile cache limitations.

“Tapping the reload icon in the address bar sends unconditional requests for all components, without the If-Modified-Since header and ignoring the Expires header. So to speed up your browsing, refresh the page by tapping the address bar and then tapping GO, don’t use the refresh icon.

Wish 2Standards for the webpages for the mobile web. Mobile pages needs to smaller, more focused. The overall page size including ads should only be around 80-100K. Individual components should be less than 15K. Optimisation tools should have output modes – normal and mobile.

3) Merge Fast Flip + Google Reader

Please Google can you integrate Google Reader and Fast Flip. It would make the killer blog reader on iPhone. I use Fast flip all the time. The sheer volume of some of the blogs like techcrunch is far too much for me to handle and as such I normally ignore it. Using fastflip has allowed me to quickly skim over the articles and drill in and read the ones I’m interested in. I’ve found it a great tool for my blog reading, but I have some requests….

  • Wish 3.1 Use the FastFlip engine on all my feeds from Google Reader.
  • Wish 3.2 Give me the option to only see that pages that I haven’t seen before (not necessarily the one’s that I haven’t read)

The mobile web is getting pretty exciting especially with tools like jQTouch making it easy to make customised UI for mobile sites. We’re going to spend more time on our mobile device, website owners need to optimise our experience to be a joy not a pain in the ass.

Contact Projectx Technology


Print this page

Other products and services from Projectx Technology


ProjectX Technology » Flash API

This allows the map to be controlled similar to what is found in Google Earth, but with simple tiled maps, rather than complex terrain. Google has just released their new version of their Google Maps Flash API, the big feature in this is their 3D map view perspective.


ProjectX Technology » All Posts

For service companies, creating a common build process with bunding and image spriting will become a small incremental cost that can be re-applied across all your clients. I would have loved to give a talk on advanced web performance techniques like Varnish and Edge Side Includes or how to handle 10K requests a second on a VM. Just as we have moved on from those designs to better designs, we need to progress web performance to next level in NZ.


ProjectX Technology » Australia

The big question is will they be doing the haka before kick-off. Go the Codeblacks, do us proud.


ProjectX Technology » Google Maps

On the page load event, create a new Mapsicle object, with the first param being the id of the container ‘div’ element,and the second being the init a GLatLng object for the inital location. Advanced Store locators – Create store locators showing you exactly how to get to your store from their current location. Interactive tours – Combine Street View with content to show people interactive tours of the streets of the world.


ProjectX Technology » mapping

Version 3 is still in it’s early days in Google Labs, however it is already showing exciting features and improvements, as well as a much better code structure. Although there is still a wee way before this API is ready for serious use, it should be a good step forward when it’s ready.


ProjectX Technology » Made from New Zealand

Allows recognition for paths not matching the given regexp. Note we can have negative matches as well.