Go 1990s – A Bookmarklet to Strip any Site of JavaScript and CSS

Curious as to how a site looks when you turn off JavaScript and CSS? It can be a valuable tool if you're serious about SEO and accessability. I mostly did it for the pure joy of having a button in my browser that will utterly destroy any design, leaving the bare-bones html in place.

So, go to this page to get it.

A Bookmarklet for Crudely Monitoring Web Runtime Performance

Having recently looked a little deeper at web site runtime performance, I needed a way to quickly asses the runtime performance of a given website. I'll probably end up wiring up some sort of automation using Big Rig, but I also needed a very simple gauge to look at when interacting with sites, in order to better understand what the difference between 40 fps and 60 fps feels like.

So, go to this page and get it.

What's the Best Shape and Size for a Button in a Mobile App?

Touch interaction as seen from the inside

Design is, thankfully, still a wonderfully crazy arena where new ideas aren't necessarily gunned down by the anti-aircraft-guns that are enterprise guidelines, industry best-practices or any number of more-or-less obscure standards. Design is, and should remain, a creative endeavour somewhere between an art and a craft. I take the stance that design is the single most important way to add value to your business if your business involves making your own software, be it a website or an operating system. Because the design is the tangiable bit of software – to users, for all intents and purposes, the design IS the software. No amount of great developers can save you from a poor design. I say that as a developer.

However. That doesn't mean all ideas or designers are created equal – that would leave no room for analysis, intelligence and experience in the field. And a quick look at some readily available data tells us that the ideal shape and size for a button on an interface for a touch-based device is a round button with a diameter of approximately 72 pixels. And I didn't just come up with that, I have data. Everybody loves data.

Why round? What's wrong with square buttons?

Square and round touch targets

Right, so there's nothing wrong with square buttons as such, but if you take a peek at the TouchEvents API – the most widely used programming API for handling touch-based interaction in browsers, you'll see that the base-object representing a finger in contact with a screen, called simply a “Touch”, represents the area of the contact not as a square, but as an ellipse – simply because that is the best approximation of the actual shape your fingertip makes when squashed against the glass of the screen. So, picking circles or ellipses as the premier button shape of your app lends a certain level of affordance to the button – if the button looks like it will fit your fleshy pointer ergonomically, you're more likely to use it correctly.

But where'd you get the 72 pixels from?

Smashing Magazine has a wonderful article about finger sizes as they relate to pixels. According to the article, the average male thumb-contact-area is about 1 inch, which translates into 72 css pixels. Ipso facto. If you want people to hit a target with their fingertip – it's not hard to make the case that the target should be at least the size of said fingertip – in fact, Paul Fitts made it for me all the way back in 1954.

Ad Blocking is the TiVo of Online News

If you are like me, then your childhood memories will be studded with images, jingles, slogans and products from ads you saw in magazines, in the cinema or on tv while growing up. Do you remember the Marlboro Man? The Gilette theme song? If I play you a few bars of Dinah Washington's version of “Mad About the Boy” can you tell me which brand used it in a now classic commercial? If you're about the same age as me, I bet you can. And that's just three off the top of my head, I probably remember hundreds.

I remember those ads because they were good. Not necessarily artistic or aesthetic, though some of them clearly were, but good in the sense that they showed a high level of mastery in the unforgiving medium of advertising. They were either beautifully made, funny or aspirational – sometimes all three – and even, occasionally, inspirational.

I remember being a little sad if was late for the cinema and missed the commercials as a consequence of my tardiness. Imagine that. Sad to miss the commercials.

But then I grew up in a world with virtually no outdoor advertising. Buses didn't have streamers on them, taxis were just cars with a light on top and train stations had art posters. Advertising was exotic! Raunchy even.

Fast-forward to today. We now inhabit a world, where marketing and advertising is so pervasive that we think nothing of our phones piezoelectrically massaging our thighs whenever we receive an email newsletter flogging some new product or service.

To say the supply of available advertising space and time has increased is a gross understatement. And as supply goes up, prices fall. When prices of running an ad or showing a commercial fall, a lot of new actors who could not previously afford advertising, suddenly can. But running the ad is only part of the equation, producing the ad or commercial is a creative endeavour where the correlation between price and quality is stronger. So when the price of advertising falls, so does the quality of the ads.

Look at what happened to American network television through the 90s: as the number of channels grew, commercial space supply soared, prices and quality dropped. To keep the margins up with these new, lower prices, networks made commercial breaks longer and more numerous. It happened gradually over many years – and everyone was doing it, so if you wanted to watch tv, you just had to endure the incessant commercial breaks. And everyone did.

Until TiVo arrived.

Suddenly, anyone could hook up a little box to their tv, record whatever program they wanted - and TiVo would edit out all of the commercials automatically. It was a little sliver og technological magic. What ensued was, if you've been following the media industry for the past twenty years, a predictable series of events. Lawsuits, countermeasures, name-calling and an appeal to a higher moral code. None of this actually works. Networks eventually had to concede that their one-size-fits-all business model wasn't up to muster in the face of disruptive technology.

The networks dug that hole on their own. Granted – there probably wasn't anything else they could have done at the time given the information they had on hand, but that does not make them any less responsible for the mess. They themselves made the tv-experience horrible to the point, where they opened a hole in the market for something like TiVo – and subsequently Netflix, Apple and Amazon – all of which are commercial-free.

Now lets look at a different medium which is facing a strikingly similar development: Online news. Reading the news in a web browser today is actually worse than watching network television has ever been. Even if we set aside all of the ethical discussions regarding tracking and the whole-sale invasion of privacy that is online advertising, then we've still got the absolutely horrendous user-experience of reading news through a letterbox-sixed rectangle of text completely surrounded by cheap, crappy, noisy ads for nasty products and services ranging from russian mail-order brides to off-brand viagra.

The news sites are slow, they're not aesthetically pleasing to look at when covered in advertising muck – and the ads actually detract from our ability to just read the damned articles. In other words, online news have dug themselves into the exact same hole: it happened gradually, everyone else was doing it.

Those few brave outlets who began charging for their product were accused of putting up “pay-walls”, as if charging money for a product had somehow suddenly become an elitist concept.

And now, along comes a slew of tools that will remove ads from a page – some will simply grab the article and reformat it entirely into a pleasant experience; some will just blank out the ads – I'll call them all “ad blockers” for simplicity's sake. They've been around since the mid-2000s, but they have been gaining in popularity.

This is the TiVo-moment for online news. Media outlets are so busy hoarding every conceivable data-point about their users and trying to make sense of it, meanwhile the rise of ad blockers is dealt with as a nuisance. I actually think it's today's most salient data point. What online news sites aree delivering clearly isn't what people want. They are fighting back against the dreadful user-experience.

Don't, however, take that as a sign that consumers are suddenly ready to pay for six different news subscriptions. It just means they're ready to pay for a good user experience – and that this is probably more important than any concept of brand loyalty.

The last point I'll make is this. The desktop/laptop computer as a news consumption platform is waning. Everyone knows mobile is where the future of media is, going forward. This makes perfect sense – news is something you keep up with in those pockets of time between other activities – it's no longer a seperate activity engaged over morning coffee.

And who controls mobile? In terms of the number of handsets it's clearly Google, but in terms of raw traffic, it's overwhelmingly an Apple world. And Apple has zero dollars hinging on advertising. They could pull the plug on online news' entire business model tomorrow if they wanted to. And they may have good reasons to do just that. I can think of three:

  1. It would hurt Google. Badly.
  2. It would improve the user experience of all Apple product owners immensely.
  3. They could justify the move as a way of protecting their customers' privacy. And they'd be right.

Maybe. Just maybe. It's time to think about what a post-advertising news landscape would look like.

If the past is anything to go by, it's very likely that the successor to the multitude of news websites of today, is something like Netflix or Spotify - a bazaar of news from various sources. How that business model is going to be structured I don't know. I can speculate, but it's clear that ad blockers aren't going away - and we should embrace the message in that. And move forward.