guida al versione mobile css

Da quando ho letto in giro e cercato tanto per cercar di capire come estendere il codice di un sito per versione mobile ho capito che dato che la miglior soluzione è creare un codice per il desktop e uno per il mobile avete una guida facile per ottemperare a questa esigenza?

[dreadnaut]

Direi l'opposto: se hai due versioni diverse è più difficile tenerle aggiornate. La pratica corrente (fai dal 2010) è costruire il CSS in modo che supporti tutte le risoluzioni: responsive web design, o a volte in italiano web design reattivo.

Qua una guida recente: https://web.dev/responsive-web-design-basics/

[albenessereblog]

Da quando ho letto in giro e cercato tanto per cercar di capire come estendere il codice di un sito per versione mobile ho capito che dato che la miglior soluzione è creare un codice per il desktop e uno per il mobile avete una guida facile per ottemperare a questa esigenza?

Perché vuoi farlo te quando ci sono in rete molti temi gratuiti già pronti?

Perché vuoi farlo te quando ci sono in rete molti temi gratuiti già pronti?

Mi sapresti indicare alcuni i temi che trovo sono tutti a pagamento ho bisogno comunque di fare un sito responsive

[albenessereblog]

Mi sapresti indicare alcuni i temi che trovo sono tutti a pagamento ho bisogno comunque di fare un sito responsive

Vai nella bacheca del tuo sito di Wordpress, clicca Aspetto + Aggiungi nuovo e scegli quello che vuoi.

Vai nella bacheca del tuo sito di Wordpress, clicca Aspetto + Aggiungi nuovo e scegli quello che vuoi.

Ma io non ho wordpress il mio loyut è per un sito con algortmo

[dreadnaut]

Premetto: la "versione mobile" di un sito, che sia responsive o separata, richiede tempo e fatica. Purtroppo non c'è un facile settaggio da premere.

La pratica è di solito quella "mobile first", cioé preparare le pagine in modo che funzionino bene su un telefono, e poi aggiungere CSS in modo che i contenuti si "espandano" quando c'è più spazio sullo schermo. Su telefono è essenziale l'ordine dei contenuti: le cose più importanti all'inizio della pagina, il resto più in basso.

Il punto di partenza è un tag <meta> che dice al browser: OK, questo sito è capace di adattarsi alla dimensione dello schermo, non fare zoom strani:

  <meta name="viewport" content="width=device-width, initial-scale=1" />

La guida che ho menzionato all'inizio di questa discussione copre tutte queste cose, passo per passo. Se la lingua è un problema —ahime non ne conosco di equivalenti in italiano— magari prova via Google Translate.

[GraphOGLRisorse]

salve,
questi sono 2 esempi non particolarmente complessi di pagine con struttura di tipo responsive:

EsempioResponsive2.html
EsempioSito00.html

Se preferisce, può fare riferimento a uno di questi per implementare il responsive nel suo sito.

Cordiali saluti.

Premetto: la "versione mobile" di un sito, che sia responsive o separata, richiede tempo e fatica. Purtroppo non c'è un facile settaggio da premere.

La pratica è di solito quella "mobile first", cioé preparare le pagine in modo che funzionino bene su un telefono, e poi aggiungere CSS in modo che i contenuti si "espandano" quando c'è più spazio sullo schermo. Su telefono è essenziale l'ordine dei contenuti: le cose più importanti all'inizio della pagina, il resto più in basso.

Il punto di partenza è un tag <meta> che dice al browser: OK, questo sito è capace di adattarsi alla dimensione dello schermo, non fare zoom strani:

  <meta name="viewport" content="width=device-width, initial-scale=1" />

La guida che ho menzionato all'inizio di questa discussione copre tutte queste cose, passo per passo. Se la lingua è un problema —ahime non ne conosco di equivalenti in italiano— magari prova via Google Translate.

Infatti sto cercando in tutti i modi di fare un buon lavoro ma sembra che sia all'incontrario cioè invece che il sito si adatti a me con la versione mobile sembra tanto che io devo adattarmi al sito

salve,
questi sono 2 esempi non particolarmente complessi di pagine con struttura di tipo responsive:

EsempioResponsive2.html
EsempioSito00.html

Se preferisce, può fare riferimento a uno di questi per implementare il responsive nel suo sito.

Cordiali saluti.

Grazie