Archive for September, 2009

smartphones move over, tablet computing is coming.

Tuesday, September 29th, 2009

I’ve been watching two interesting computing phenomenons over the last 2 years.

iphoneThe first (for me to notice) was the introduction of the iPhone, well it was hard not to when suddenly a whole raft of people who were not the usual ilk of mac fanboys become remarkably smug and started touting their new shinny touch screen devices. In a deft blow Apple succeeded in evolving mobile telephones into devices that also allowed people to read their emails and surf the internet with an experience that wasn’t akin to trying to set the time on a Rolex watch with a JCB. They pushed the technology, the economics and the social aspects of owning a mobile telephone all at once and created a phenomenal success.

The other less glamorous revolution that was going on I discovered on a trip to Spain. For the last seven years I have been going on holiday and often to choose to stay in youth hostels, a) because it is cheap b) because it allows me to glimpse what young people now think is normal (as well as allowing me to pretend to be young again). On my last trip I was surprised to see a mixture of young American and European travellers using NETBOOKS to send reassurance home to their mothers that they were NOT out getting drunk on cheap Spanish beer every night. No longer were they queuing up to use a rather battered PC connected to the internet encrusted with the detritus of hundred of people with dreadlocks and rife with spyware, no instead they had their own cheap, disposable, low powered netbooks to connect to any wifi hotspot they pleased.

This was s fundamental shift in the idea of owning a computer, making them and more importantly the internet far more accessible to the masses. This was cemented when my sister brought one. Jeff Attwood has come to a similar conclusion and you can read about it here

So what does this have to do with tablet computing?

c-motech-tablet-09-29-09Well, I believe that tablet computing is an evolution of both of these two parallel streams of computing experience. The successful tablet PC will combine the portability and screen resolution of a netbook with the interface and input devices of the iPhone. The other factors involved, like app store, 3g data access, closed environment have all be refined to a point of maturity by Apple and created a business model for anyone with the strength of character and an ounce of sense to expand upon. So lets face it tablet PC’s are going to be big.

But from my point of view, what does this mean for web development? Well, it means the standard 1024×800 screen is not dead - and as a matter of course you should be testing your web site to see how they display on these things. The interface controls from the iPhone, multi touch, and gestures are here to stay and we need to figure out how to usability test them accurately and modify them for maximum user experience. We need to asses what this hardware is capable of and how we maximize performance while including all these new features and potential edge cases. But most importantly we need to figure what people are using these devices for that they don’t get from their current experience - what can we do to really take advantage of all these key features in new and innovative ways?

Here are some links I saw on Engadget (tonight) to whet your appetite:

animating alpha in PNG’s in IE7 cause black artifacts

Tuesday, September 29th, 2009

Just a quick entry to point out something that I found out recently. I’ve long had the problem in IE7 where applying opacity to an element with a PNG image as a background or image using jQuery (or any other library) results in the transparent pixels turning black. It seems the ever robust IE7 engine has a bug (oh my god who would have guessed?), but with an accident and a bit of research I have come up with a work around.

Back in the days before JavaScript libraries existed a developer often had to write their own cross browser transparency functions, somewhat of a rite of passage I would imagine, at least it was for me.

Having written a few of these routines myself, I was pretty confident I knew how jQuery was achieving this effect cross browser. In standardised browsers (FF, Safari, Opera, Chrome etc.) one has just to use the opacity property (- it wasn’t always this way, back in the pre FF2 days one had to use the -moz-opacity property as well) but in IE you have to use one of the wondrous non-standard propriety filters, a prospect that is about as attractive as participating in a Jade Goody munging contest.

The IE filters are notoriously SHIT and behave in a sinuos fashion to anything you might try and do with them. But as mentioned previously, the combination of the opacity filter and a transparent PNG (8 or 32) has the marvellous side effect of turning any transparent pixels in to black, until the filter is reset. Like so:

iescreen1

So, I spent some time trawling the web for workable answers or solutions but none seemed to present themselves. But then it struck me that on the same site I was working on I’d already acheived the effect and it hadn’t broken on IE7. How was this possible? I set about creating some test pages to figure out exactly what was needed for it to work in IE7. I discovered three vital steps that need to be taken.

  • Put the image or background image in a child of the element you are fading and fade the parent.
  • Position the element, it has to be relative or absolute, static doesn’t seem to work.
  • Put a background colour on the parent - this one really sucks but it seems the engine can’t hack it unless you do.

Then finally you will achieve a result like the following:

pngalphaexample_fixed

So that’s it, embrace the hacks and join me in the Microsoft hell of unmaintainable, bloated, bastardised semi opaque code. This development lark, It’s fun. Honest.

Hussein Chalayan is actually quite cool.

Saturday, September 26th, 2009

I went to his exhibition a while ago and thought his fashion design was definitely interesting. But what really caught my imagination was his 2003 video “Place to Passage”, which is a short film depicting a futuristic journey from London to Istanbul in a kind of pod car that hovers over land and sea.

I’ve recently become interested in abandoned dilapidated buildings and on a trip to Budapest found myself thinking about this video, the androgyny of the lead actress and the clinically neutral feel to the video aesthetics really create a wonderfully vivid picture of a cold dystopian perfect yet completely imperfect world.

The slick lines, colours and contrours of technology stand out against the harsh realities of the environment creating a contrast of old and new and it reminded me about how everyday we see this, old abandoned failed industrial monoliths standing, crumbling before our eyes, yet all we see is the shiny new Audi or ford parked near by. We never seem to be able to appreciate the contrast, because all we do is look forward, we miss the lessons learned, the stories hidden and how it relates/is is the precursor to the present because we have this tunnel vision that only lets us see forward.

Anyway, I found this clip:

and his website: Hussein Chalayan