Media Queries en HTML5

Tijdens de mobile-workshop die ik kortgeleden mocht bezoeken, kreeg ik de indruk dat een echt goede mobiele app eigenlijk per definitie ‘native’ is. Dat betekent dat de App is geschreven in een ‘echte’ programmeertaal zoals bijvoorbeeld Objective C. Het nadeel van hybride apps zou zijn dat ze niet altijd voldoende snel zijn, en het nadeel van webapps was dat ze niet van alle sensoren in je device gebruik kunnen maken.

In deze blogpost wil ik een lans breken voor de webapp! Het is namelijk mijn stellige overtuiging dat het gros van de applicaties prima in HTML5 met CSS3 geschreven kan worden. Tijdens de workshop werd er nogal schamper gelachen over het feit dat HTML5 nog geen standaard is maar ik zie het juist als een voordeel dat HTML5 een zogenoemde ‘levende standaard’ is.

Het grootste voordeel van HTML5 vind ik echter de schaalbaarheid. Door te ontwikkelen op basis van HTML5 en gebruik te maken van css3 mediaqueries voor  afmetingen en opmaak, kan je met 1 applicatie je gehele doelgroep bedienen, ongeacht welk device ze willen gebruiken! Dit blog maakt ook gebruik van mediaqueries en ziet er op een iPhone of tablet beduidend anders uit dan op een 24″ breedbeeldscherm.

 

Voor een grote organisatie is dit een handige aanpak, maar het kan nog praktischer! Wanneer door middel van een instellings-API of Enterprise Service Bus alle informatie en processen beschikbaar zijn, kunnen we het ontwikkelen overlaten aan de crowd. Bij de opleiding CMD van de Hogesachool van Amsterdam heb ik een dergelijk voorbeeld in de praktijk meegemaakt. Een student heeft z’n eigen iPhone app ontwikkeld die alle informatie uit het intranet van de opleiding ontsluit op basis van een beperkte API (rss).