Strumenti e soluzioni per realizzare un sito mobile efficace,anche con Contao

Nel 2013 gli Smartphone supereranno il numero di computer desktop

+ 224% delle ricerche effettuate da dispositivi mobili rispetto al 2010

Il traffico dati mobile aumenterà di 26 volte nei prossimi 5 anni

Il 21% degli utenti mobile ha effettuato un acquisto sul web

Un utente mobile consulta in media 24 siti al giorno

Amazon: più di 1 miliardo di dollari spesi tramite dispositivi mobilinegli ultimi 12 mesi

A febbraio 2012 Facebook aveva 850 millioni di utenti di cui il 55% mobileil 43% dei post viene inviato tramite via dispositivi mobile

Il 40% dei tweets viene inviato attravero dispositiviil 16% dei nuovi utenti si iscrive attraverso uno smartphone o un tablet

Utilizzo di css sprites

Raggruppare i fogli di stile e gli scripts in un solo file

Ridurre le dipendenze da librerie esterne

Minimizzare il codice html

Utilizziamo correttamente gli header httpper impostare la cache

Sfruttiamo l'application cache di HTML5

Dove è possibile utilizziamo CSS3per semplici effetti grafici

Desktop Tablet Smartphone

<link href="large.css"media="screen and (min-width: 1400px)" rel="stylesheet" type="text/css" >

<link href="desktop.css"media="screen and (min-width: 980px) and (max-width:1399px)"rel="stylesheet" type="text/css" >

<link href="tablet.css"media="screen and (min-width: 481px) and (max-width:979px)" rel="stylesheet" type="text/css" >

<link href="mobile.css"media="screen and (max-width:480px)" rel="stylesheet" type="text/css" >

Adapt.js - Adaptive CSS per Contao

Contaogrid - The 1140 grid in Contao

Lebens-kultur.de un sito Contao responsive

Bootstrap for Contao