DOMANDA Ottimizzare Sito per dispositivi mobile

[Raffaele Montelli]

Salve,
come da titolo ho bisogno del vostro aiuto per l'ottimizzazione di un mio sito web su vari dispostivi, cioè, dopo aver acquistato il servizio web su cui ho caricato il mio primo web site ho subito notato differenze di visualizzazione su vari dispositivi, perciò ho provato ad inserire questi meta tag:

<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="176" />
<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />

ma visualizzando il sito web dal mio smartphone e dal tablet si evince che ci sono alcuni problemi di adattamento del layout (più sul nokia lumia 710 che su tablet samsung galaxy tab s) ,
quale metodo mi consigliate per ottimizzare questo mio sito web? : https://www.rootstudio.it/Index.html
In attesa di una vostra risposta,
Grazie

 

[Skills07]

ciao devi usare le media queries per modificare i tuoi contenuti in base alle risoluzioni su cui il sito verrà riprodotto

ecco qui una guida semplice

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

 

[Raffaele Montelli]

Ciao,
leggendo un po il link che mi hai passato mi sembra di aver capito che dovrei rifare il sito da zero, cioè come è possibile ottenere lo stesso layout che ho creato con le immagini che si illuminano e i script per la gallery etc? (non so se hai dato un'occhiata al sito questo qui è:https://www.rootstudio.it/Index.html)

 

[Raffaele Montelli]

Up

 

[Skills07]

non devi rifare il sito da zero...

ma adattarlo con le media queries ai vari device che lo riproducono

ad esempio un iphone 5 ha risolzione 320px quindi dovrai adattare i tuoi div/img etc a una dimensione tale da stare nello schermo che visualizza il sito...

cosi via per altri device

 

[enricovela]

non devi rifare il sito da zero...

ma adattarlo con le media queries ai vari device che lo riproducono

ad esempio un iphone 5 ha risolzione 320px quindi dovrai adattare i tuoi div/img etc a una dimensione tale da stare nello schermo che visualizza il sito...

cosi via per altri device

così facendo però, se restringo la finestra da pc. Oltre un certo numero di px questa poi mi mostra la pagina mobile anche se sono da computer. C'è un modo per riconoscere il tipo di dispositivo a prescindere dalla dimensione della finestra?

 

[Skills07]

c'è una funzione javascript basta googlare che ti dice al body onload della pagina che device la sta eseguendo, ma è giusto usare i media queries.
se tu riduci la finestra del browser del pc a 320px è giusto che il sito lo vedi in modalità mobile.

 

[Skills07]

questa tecnica si chiama layout responsive.

 

[enricovela]

c'è una funzione javascript basta googlare che ti dice al body onload della pagina che device la sta eseguendo, ma è giusto usare i media queries.
se tu riduci la finestra del browser del pc a 320px è giusto che il sito lo vedi in modalità mobile.

Grazie, sto muovendo i primi passi ma sto usando flask

 

[Skills07]

non conosco, io i website che faccio li scrivo totalmente a mano.

 

[enricovela]

no io in genere uso un computer

 

[Skills07]

ahahah io intendo a mano con editor di testo su pc come notepad++

ahaha ti pare che scrivo su carta???

era questo il senso...

comunque il miglior modo per apprendere e scrivere il codice in un editor, senza avere suggerimenti e ne niente(senza usare ide intendo)
per apprendere in modo piu facile e veloce la sintassi

 

[enricovela]

ahah lo avevo capito, comunque non ti credere. L'esame di c++ me l'hanno fatto fare veramente con carta e penna.

Ma io uso editor abbastanza minimal. Sublime Text è quello che uso di più. Poi ogni tanto spyder ed atom a seconda dei casi. Flask è un framework non un editor.

 

[Skills07]

sisi ho visto è un framework python.

tranquillo che in uni io facevo gli esami di programmazione concorrente e distribuita in carta e penna...
scrivere una struttura stub/skeleton in Java a penna

 

[Mursey]

Si ma non occupiamo la discussione di @Raffaele Montelli