Perché il web design "reattivo" non dovrebbe essere considerato?

Questo potrebbe sembrare più una domanda di progettazione grafica che una domanda di programmazione, ma penso che abbia un valore molto più tecnico / di programmazione rispetto alla progettazione grafica effettiva.

Il concetto di web design "reattivo" ruota attorno all'uso di media query in CSS3 per rilevare le dimensioni del dispositivo di visualizzazione e regolare le regole CSS di conseguenza - essenzialmente, CSS dinamico. Ciò riempie il vuoto in molti casi di distribuzione, in particolare mobili.

Penso che l'uso di media query stia emergendo lentamente (ho scoperto che molte persone non lo sanno davvero), ma mi chiedo se ci sia una ragione per l'adozione lenta. È poco pratico per le applicazioni web? C'è qualcosa che mi manca che potrebbe essere una trappola fondamentale?

Devi saltare attraverso i cerchi per farlo funzionare davvero. Per un sito che sto sviluppando ho usato @media (max-width:800px)per definire un foglio di stile per telefoni e altri schermi più piccoli. Ma non è stato utilizzato ad esempio da iPhone.

Si scopre che gli sviluppatori del browser del telefono presumono che le persone non prenderanno in considerazione i piccoli schermi in modo da mentire al motore di rendering (ad esempio iPhone afferma di avere una larghezza di oltre 900 px) a meno che non si inserisca un metatag aggiuntivo per non dirlo mentire. Quando arrivate al punto in cui state combattendo gli implementatori del browser, iniziate a chiedervi se valga la pena.

Non posso parlare per tutti, ma dalla mia esperienza il tempo e il denaro sono stati il ​​fattore decisivo. Io e i miei colleghi siamo sempre alla ricerca delle ultime novità, ma progettare e implementare layout diversi per dispositivi di dimensioni diverse è un grosso problema. Soprattutto se si considera che sul mio Nokia 5800 di 3 anni tutti i nostri siti Web sembrano a posto - barra che devo scorrere per ottenere il contenuto della barra laterale. Progettiamo e realizziamo siti Web per piccole aziende e lavoratori autonomi.

Un altro motivo che può essere valido è che la pubblicazione di un sito Web completamente separato per le versioni mobili, con una propria sitemap separata ( http://www.google.com/support/webmasters/bin/answer.py?hl=it&answer=34648 ), è un modo semplice e entry-level per mantenere il sito.

Se puoi garantire il recupero affidabile dei dati, va tutto bene.

Ma immagina, qualcuno carica una pagina web in un browser con finestre di un computer desktop. Li costringi ad aprire a schermo intero per leggere tutto o accetti le dimensioni della finestra ridotta e presenti un sacco di spazio vuoto mentre lo massimizzano? Servi il CSS una volta, al caricamento della pagina!

Che dire di un browser del telefono che cambia le modalità orizzontale / verticale mentre si ruota il telefono? Che dire di un browser che ha semplicemente una risoluzione troppo piccola e le persone normalmente usano lo zoom-in, ma ti sei già adattato alla risoluzione segnalata, troppo piccola e la pagina diventa illeggibile?

Segui le linee guida standard per creare un decente CSS universale e scalabile e lascia che il browser gestisca il ridimensionamento della pagina alla giusta risoluzione.