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

Naviga le tue risposte
9

Questa potrebbe sembrare più una questione di progettazione grafica che una domanda di programmazione, ma penso che abbia molto più valore tecnico / di programmazione che una vera e propria progettazione grafica.

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

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

    
posta Nic 26.07.2011 - 23:06
fonte

3 risposte

9

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 da ad es. iPhone.

Risulta che gli sviluppatori di browser telefonici presuppongono che le persone non prenderanno in considerazione gli schermi di piccole dimensioni in modo da mentire al motore di rendering (ad esempio, iPhone afferma di avere una larghezza superiore a 900 px) a meno che non si inserisca un metatag extra in digli di non mentire. Quando arriva al punto che stai combattendo con gli implementatori di browser, inizi a chiedermi se vale la pena.

    
risposta data 17.08.2011 - 16:02
fonte
4

Non posso parlare per tutti, ma dalla mia esperienza, tempo e denaro sono stati il fattore decisivo. I miei colleghi e io guardiamo sempre alle ultime novità, ma progettare e implementare diversi layout per dispositivi di dimensioni diverse è un grosso problema. Soprattutto considerando che sul mio nokia 5800 vecchio 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 persone che lavorano autonomamente.

Un altro motivo che può essere valido è quello di pubblicare un sito Web completamente separato per le versioni mobili, con una propria Sitemap separata ( link ), è un modo semplice e di base per mantenere il sito.

    
risposta data 15.08.2011 - 17:46
fonte
2

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

Ma immagina, qualcuno carica una pagina web in un browser con finestra di un computer desktop. Li costringi ad aprire a schermo intero per leggere tutto, o ti accontenti delle 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 modalità orizzontale / verticale mentre ruoti il telefono? Che dire di un browser che ha semplicemente una risoluzione troppo bassa e le persone usano normalmente lo zoom in avanti, ma hai già adattato la risoluzione riportata, troppo piccola e la pagina diventa illeggibile?

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

    
risposta data 26.07.2011 - 23:14
fonte

Leggi altre domande sui tag

Equivalente della corrispondenza del modello idiomatico in Java Sto rendendo le mie lezioni troppo granulari? Come dovrebbe essere applicato il principio di responsabilità individuale?