3161
Commento:
|
3161
|
Le cancellazioni sono segnalate in questo modo. | Le aggiunte sono segnalate in questo modo. |
Linea 5: | Linea 5: |
||<tablestyle="text-align: justify; width:100%;" style="border:none;" 20%:><<Immagine(./wiki-mobile.png, 200)>>||<style="padding:0.5em; border:none;" 35%>Di recente il [[Documentazione|wiki]] è stato aggiornato per cercare di rendere ottimale la sua visualizzazione su smartphone :) <<BR>>(È possibile che sia necessario effettuare un refresh o ripulire la cache del browser per visualizzare la nuova grafica).<<BR>><<BR>>Al momento la modifica entra in funzione solo quando la larghezza della finestra è a misura di smartphone, nella cosiddetta modalità "portrait". In tal caso apparirà il nuovo header semplificato con il classico pulsante per il menù a scomparsa. Si noterà che in questa modalità non sono presenti i link di login/modifica/ecc..<<BR>>Ruotando lo smartphone (modalità "landscape"), si tornerà a visualizzare il sito come su desktop.|| | ||<tablestyle="text-align: justify; width:100%;" style="border:none;" 20%:><<Immagine(./wiki-mobile.png, 200)>>||<style="padding:0.5em; border:none;" 35%>Di recente il [[Documentazione|wiki]] è stato aggiornato per cercare di rendere ottimale la sua visualizzazione su smartphone :) <<BR>>(È possibile che sia necessario effettuare un refresh o ripulire la cache del browser per visualizzare la nuova grafica).<<BR>><<BR>>Al momento la modifica entra in funzione solo quando la larghezza della finestra è a misura di smartphone, nella cosiddetta modalità "portrait". In tal caso apparirà il nuovo header semplificato con il classico pulsante per il menù a scomparsa. Si noterà che in questa modalità non sono presenti i link di login/modifica/ecc.<<BR>>Ruotando lo smartphone (modalità "landscape"), si tornerà a visualizzare il sito come su desktop.|| |
Linea 7: | Linea 7: |
||<tablestyle="text-align: justify; width:100%;" style="border:none;" 35%>Questa impostazione è stata scelta perché il wiki fu a suo tempo impostato con grafiche a larghezza fissa e tabelle anche complesse che si adattano prevalentemente a una visualizzazione da desktop. È possibile quindi incappare in pagine con contenuti che mal si adattino alla larghezza dei piccoli schermi, pertanto ruotando il dispositivo si ha comunque la possibilità di visualizzare la grafica originaria.<<BR>><<BR>>Va comunque detto che al di la di alcune pagine che dovranno essere manualmente ritoccate e inevitabili piccoli ritocchi alle impostazioni del wiki, i risultati sono andati otre alle aspettative. Quindi non è escluso che più in la il responsive design possa essere esteso fino alla visualizzazione su desktop.||<:20% style="border:none;"><<Immagine(./wiki-menu.png, 200)>>|| | ||<tablestyle="text-align: justify; width:100%;" style="border:none;" 35%>Questa impostazione è stata scelta perché il wiki fu a suo tempo impostato con grafiche a larghezza fissa e tabelle anche complesse che si adattano prevalentemente a una visualizzazione da desktop. È possibile quindi incappare in pagine con contenuti che mal si adattino alla larghezza dei piccoli schermi, pertanto ruotando il dispositivo si ha comunque la possibilità di visualizzare la grafica originaria.<<BR>><<BR>>Va comunque detto che al di la di alcune pagine che dovranno essere manualmente ritoccate e inevitabili piccoli ritocchi alle impostazioni del wiki, i risultati sono andati otre alle aspettative. Quindi non è escluso che più in là il responsive design possa essere esteso fino alla visualizzazione su desktop.||<:20% style="border:none;"><<Immagine(./wiki-menu.png, 200)>>|| |
Il wiki su smartphone
Di recente il wiki è stato aggiornato per cercare di rendere ottimale la sua visualizzazione su smartphone |
Questa impostazione è stata scelta perché il wiki fu a suo tempo impostato con grafiche a larghezza fissa e tabelle anche complesse che si adattano prevalentemente a una visualizzazione da desktop. È possibile quindi incappare in pagine con contenuti che mal si adattino alla larghezza dei piccoli schermi, pertanto ruotando il dispositivo si ha comunque la possibilità di visualizzare la grafica originaria. |
Aspetti tecnici
Il wiki utilizza la piattaforma MoinMoin. Il suo aspetto grafico è dovuto all'introduzione del tema Light nell'ormai lontano 2011.
Per chi fosse interessato tecnicamente le modifiche sono state abbastanza minimali e hanno riguardato giusto tre file:
light.py: al suo interno, insieme al vecchio header è stato inserito il codice html e javascript per disegnare il nuovo header in stile mobile.
common.css - screen.css: sono questi i due principali file responsabili per l'aspetto stilistico del wiki. Al loro interno sono state inserite media queries per adattare gli elementi delle pagine e per rendere alternativamente visibile il nuovo o il vecchio header a seconda della larghezza dello schermo.
In definitiva, nonostante MoinMoin non si possa dire che sia una piattaforma all'ultimo grido, ha piacevolmente sorpreso mostrando un buon grado di adattabilità
A cura del Gruppo Doc
Vuoi contribuire al Wiki? Comincia subito!