Problema risoluzioni

Problema risoluzioni postato il 30/06/2014 17:36:46 nel forum programmazione, gdrcd, open source, hosting

OS: GDR-CD 5.2
Server: Altervista


Allora ho un problema non da poco con le risoluzioni. Mi spiego meglio.
Praticamente vorrei adattare la schermata del gdr a ogni risoluzione possibile in modo che le immagini e tutto il contesto in generale non risulti più grande o più piccolo della schermata ove l'utente visualizza la pagina (schermo/monitor).

E' possibile?
Con quali mezzi posso vincere questa battagli che mi sta rapidamente logorando la psiche?

Grazie in anticipo.

Seconda Era ↗
Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

quota

30/06/2014 18:55:11

eheheheh. Credo che questo sia il più grande problema per tutti i web designer.

Non c'è una risposta unica nè una soluzione semplice.
Prima di tutto ti serve una certa esperienza con css (e con questo intendo conoscere bene il box model e come manipolarlo) e javascript; poi prova a documentarti su questi due argomenti:
_Layout Fluidi
_Layout Responsive

I layout fluidi sono quei modi di usare css per fare pagine che si adattano alla grandezza dello schermo, usando dimensioni relative e in percentuale. In pratica dimenticati l'esistenza delle dimensioni specificate in pixel; se è dimensionato il pixel è sbagliato. Inoltre l'uso di immagini (cosa di cui di solito i gdr sono estremamente ricchi) rende molto difficoltosa questa tecnica dato che un'immagine non può essere scalata oltre la sua dimensione senza farla sgranare (dovresti usare solo immagini vettoriali, in pratica scordati delle immagini png, jpg, gif e tutto il resto. Ma la maggior parte delle volte è un'impresa impossibile).

I layout responsive si basano sulle media query di CSS3 (quindi non sono compatibili con i browser vecchi) e sono una tecnica per creare pagine che si adattino a schermi con diversi fattori di forma (c'è una bella differenza tra fare una pagina per uno schermo orizzontale e farne una per uno smartphone verticale)

Sono comunque tecniche non semplici, con molte difficoltà perchè le tecnologie attuali non le supportano completamente (per esempio non c'è un modo nativo per far scalare le dimensioni dei font, a meno di non mettersi a usare del codice javascript fatto apposta).

quota