Your website is (almost) an app

14. dec 2010 I must admit, it’s (still) cool to have my icon right there on the iPad screen. As an app, yes, but a website can also do the trick. And website based app may sometimes even be a better solution than a native app.

5

Also on an Android phone

Bookmark the web page and return to your home screen. Press and hold to get the menu, where you click "shortcut" and pick the bookmark you want.
Great fuzz (and a lot of buzz) since the iPad hit planet Earth. It makes sense that companies want to be present on the device that alone will ensure future growth and offer the marketing guys new fields to harvest. And as always with miracles, we soon suffer from tunnel vision.
The iPad (as well as the iPhone and some other smartphones) is neat, no question about that. If I could, I’d choose the touch gestures, swipe, tap, pinch, tap, tap, swipe to interact with my personal computer, whether it’s a laptop, phone or my dinner table. As consumer, that is.
As professional, for the moment, it’s quite a different matter. Input works for simple tasks, but writing text is still awkward without an external keyboard. Exchange of data between applications is mostly missing, not to mention the applications that I actually need. The iPad is a device you need a computer to work with.
Anyway the iPad is embraced even almost clinged to. There’s plenty of reasons to be present on the mobile devices. Touch screen, mobile internet access and an intuitive interface are just a few things that makes it worth having one (or more). And since people actually gets them in increasing number partly because of that, there’s even more reasons. It’s exponential. And so is the increase in the number of apps.
But there are also questions beyond the companies’ enthusiastic app strategy that need to be addressed:
How is the app found in the App Store between millions of other apps – without heavy advertisement? The extraordinary always finds it’s way, but it’s very hard to become that special, despite all the plans and serious try. The app most likely will end up in the big blurry mean, not necessarily bad, but you need to make customers know what, where and how to find it.
How do the app interact with the internet? You may link from the app to a website, but you can’t link back. And how about dynamic content?
There’s no simple answer, but the short one could be, if it’s just for marketing and sales strategies, the money probably were spent better elsewhere.

Still: what is there to choose, apart from the app?

In the narrow focus on apps the website has been hidden. The main websites are still shown on the small screens in the large computer screen version, but that’s another discussion. When it comes to an app, it might just as well be a web application - faster and probably a lot less expensive to develop and more flexible to maintain. A web app is not distributed through the App Store, so fixes and updates are instantly implemented and users don’t have to select the update. The web browsers on the mobiles are modern as oppose to the average computer, they are stuffed with opportunities ready to use, freely available, and without restrictions.
Think of it this way: if you, before the iPad came, would have build the thing you want to make, as a website, then it’ll most likely work fine as a web based app. Even if you think, it’s not really a website, it might be build as such anyway. Google for instance, the search site is hardly what we call a site, rather than a web based search application. And you may also have the app save an icon on the iPad’s homescreen, by the user’s interaction, yes, but if he or she wants to use the app, its hardly a problem. If it’s worth using, is a different issue still to be met, though.

Get started with the webbed app

The book "Building iPhone Apps with HTML, CSS, and JavaScript" from O'Reilly has been out for a year, which for a web reference book is a very long time, yet it works great as a startup.
The book is also available as an app, btw, ha ha.
Set viewport. There are several combinations, one of these, for instance:
<meta name="viewport" content="width=320,initial-scale=2.3,user-scalable=no" />
<meta name="viewport" content="width=device-width" />
Tell the browser that this site works as web app:
<meta name="apple-mobile-web-app-capable" content="yes" />
Add icons for the home screen:
<link href="icon_57.png" rel="apple-touch-icon"/>
<link href="icon_72.png" sizes="72x72" rel="apple-touch-icon"/>
<link href="icon_114.png" sizes="114x114" rel="apple-touch-icon"/>
Use @font-face css to use other fonts than those available on the system.
And finally the internal links should ajaxfied. webapplinks.js may work as an example on how to do that.
That's all to start with.

Don’t buy a train ticket with this app

25. JUL 2011 // reklame /offentligt rum /apps /dsb
Unfinished, ill-considered apps or apps that serve the market better than the use off it. If Apple has a sometimes paranoid restrictive approach to the formalities regarding an app you want to get into the App Store, they may have a comparable little interest in that the app works well. Fortunately, one could say, that should be […]
Big Letters Light

Big Letters Light

Buchstabenmuseum Berlin. Why are these letters so attractive? I don't get an answer at Buchstabenmuseum, but I most certainly get a wish to look after all these servants of the announcements, sofisticated as well as monumental.
Vesterport st

Vesterport st

27. MAR 2010 // reklame /offentligt rum /dsb
Claim the real mayonnaise. Use Tungsram lightbulbs. Political incorrect ads are being revealed at Vesterport st.
Vesterport st (copenhagen - and I know it may not be a station, see “Jyllingevej is no station”) is being cleaned up. And these old ads are reveiled.
iSticks and iSkins

iSticks and iSkins

13. DEC 2010 // ipad /mobilt web /offentligt rum
The danish boulevard newspaper, Ekstra Bladet, has decided to campaign for the freedom of speech – seen as the freedom of nudity. The danish MEP, Morten Messerschmidt is supporting by taking the discussion into the European Parliament.
Seven clicks towards Mobile First

Seven clicks towards Mobile First

The net is flooded with apps - for smartphones and tablets. But web sites are still better viewed on a computer, right? So the marketing department is happy and web design is business as usual. Maybe because apps and web sites are considered as two different things, rather than two versions of the same.
You may create coherence […]
Fingerpainted fontdesign

Fingerpainted fontdesign

12. MAJ 2011 // typografi /ipad
Take a few hours with iFontMaker on the iPad and tap, tap, draw, drag, pinch through the alphabet. And you may end up with a truetype font that you can write with on any computer, whenever the font is installed.

More web sites for the danish authorities are using webfonts

5. DEC 2013 //
But far the most of them still don’t! Only 22 out of 122 web sites for the danish authorities. And the majority of those are prefering free fonts. On the other hand is the number more than doubled in a year, since November 2012 when the number was 9 out of 115.
The study is a snapshot that I took November 6, 2013 and covers the […]
It looks like a mail from the agriculture association, but it might as well be phishing

It looks like a mail from the agriculture association, but it might as well be phishing

If I buy something on, say, sales.com, the response mail should come from sales.com and all links within the mail should be to sales.com. Anything else looks as a phishing attempt, and it might as well be.

Technical enthusiasm, please

1. SEP 2000 // web
Usability and accessibility on the net becomes more and more equal to unlimited choices and professionalizing of the user, who thus will be the responsible to be able to get the information from the websites.
You may say I am puritan. On the other hand, when I shuffle the web, I may too say that I have the right to be puritan. […]

The user rules

1. MAJ 2000 // design /web
Usability and accessibilty on the web becomes synonymous with free choice and professionalizing of the user. Thus, she is more and less self responsible for being able to recieve the information of the websites.
The computer is putting still greater demands to the user, but despite of that it is easier to use today than ever. […]

Typesetting the net - font embedding

23. SEP 2000 // typografi /web
For a very low cost of 5-10 k fontembedding gives the possibility of getting typographic identity for a whole website – allthough with a litte trouble.
The frustration about missing typographic tools for web design might be well aknowledged. How do I make typography in a graphically sense for the web. Cascading stylesheets offers […]

Freedom through constraint

10. OKT 2001 // web
The postman is somewhat special. He brings all sorts of things. Postcards from Jamaica. Bills, too, unfortunately, but it’s not his fault, after all.
home.pages - preface - june 1997 The postman is somewhat special. He brings all sorts of things. Postcards from Jamaica. Bills, too, unfortunately, but it’s not his fault, […]
Web design, home pages for starters

Web design, home pages for starters

1. SEP 2001 // design /web
To the puritan any design that make any demands, will be noise. But you may as well take the opposite stand, that the purely textbased information is reserved for the skillede readers.
Torben Wilhelmsen, Thomas Green and Geert Sander Published first time in 1997. The book was one the selected Books of the Year in 1998 in Denmark. […]
Type, design and automated layout, Atypi 2011

Type, design and automated layout, Atypi 2011

Saturday morning at the ATypI conference in Reykjavík Torben Wilhelmsen was on stage to talk about integrating type and design through templates into automated page layout for multi platform publishing such as magazines and blogs on computer, ipad and other mobiles.
Is the QR bubble losing air

Is the QR bubble losing air

In 2011 the use of QR code seemed to explode. It was a magic spell, a funnel to more visitors to the web site - Accio Visitors. Or was it just that cool that the lemmings started to move again.