Verfiche per grafica responsive

Cirox

Nuovo Utente
11 Gen 2013
19
0
0
Ciao, so che l'argomento è stato trattato più volte, ho cercato nel forum ma non ho trovato una risposta e quindi ho deciso di creare una nuova discussione.
Abbiamo quasi terminato il nostro sito. Io conosco abbastanza l'html ed il css, perciò vorrei alleggerire lo sviluppatore (io non lo sono) nel rush finale, occupandomi della parte responsive del sito. Ovviamente mi sa che dovrò modificare la maggior parte dei css...
Il problema è questo: Firefox permette tramite la parte Web Developer di vedere la pagina in varie dimensioni per verificarne la "responsività". Ho inserito le dimensioni di un device mobile, ma non lo vedo assolutamente come sul mio telefonino. In particolare riduce solo la finestra del browser ma non adatta la pagina alla finestra (cosa che invece fanno Safari su iOS ed il browser di Android).
Come posso fare a vericare la "responsività" da pc?
Mi date qualche consiglio sugli strumenti giusti da utilizzare?
Grazie!!
 

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
Stai parlando di responsività o di versioni mobile?

Un sito responsivo solitamente si adatta alla risoluzione dello schermo senza curarsi del sistema operativo in uso, (esempio tekhy.net).
Un sito con la versione mobile invece rileva il dispositivo e carica la versione adatta.

Quale dei due è?
 

Cirox

Nuovo Utente
11 Gen 2013
19
0
0
Ciao e grazie delle risposte.
Io vorrei uno strumento che mi faccia vedere su pc come sarà il mio sito visto da un iPhone (per esempio).
Invece i servizi di Firefox e quelli citati da nuovecode non lo fanno. Mi fanno vedere il sito con grandezza uguale a quella che ho sul computer ma su una porzione di schermo ridotta (in base allo schermo che scelgo), bisogna quindi usare le scroll -bar.
@Fez Vrasta: in realtà io vorrei ottenere un buon risultato nel modo più semplice. Con che criterio scelgo?
 

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
Il sistema più semplice è utilizzare un layout responsivo con css media query, utilizzando magari bootstrap come framework.

Il sistema più efficiente è utilizzare un layout responsivo con css media query che però sia anche device-responsive, in modo da offrire contenuti adatti anche al tipo di schermo, dimensione in pollici e sistema operativo.

Il sistema meno efficiente e più semplice è creare una versione mobile del sito che andrà aggiornata parallelamente e che sarà del tutto inutile sulla maggior parte dei device diversi da quello usato per testarla.
 

Cirox

Nuovo Utente
11 Gen 2013
19
0
0
Ok, la nebbia si dirada... eheh
Tornando a bomba, nel caso di un sito responsive, come testare al meglio ciò che sto producendo?
C'è chi ad esempio installa iOS simulator che è una parte del pacchetto sviluppatori di Apple e per Android viene installato l'SDK....
Ma non è un po' eccessivo??
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Premesso che non ho mai fatto lavori "responsive"...
Ma non sarebbe meglio scaricarsi degli emulatori di browser di telefonini?
So che ce ne sono a palate su internet anche se non li ho mai usati, ma credo proprio che la loro utilità se non è quella che serve a te allora è nulla.
Secondo me in questo modo, risparmi tempo, energie ed hai un risultato quasi assicurato.
Altrimenti, oltre al computer ti compri un 4 o 5 tablet, 4 o 5 telefonini con risoluzioni diverse ahah!
Comunque apparte gli scherzi, secondo me come ti ho detto, con i simulatori risolvi senza problemi.
Ciau
 

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
Ok, la nebbia si dirada... eheh
Tornando a bomba, nel caso di un sito responsive, come testare al meglio ciò che sto producendo?
C'è chi ad esempio installa iOS simulator che è una parte del pacchetto sviluppatori di Apple e per Android viene installato l'SDK....
Ma non è un po' eccessivo??

Se sviluppi usando il primo metodo che ti ho indicato ti basta testare ridimensionando il browser, e prima del rilascio fare qualche prova su device fisici possibilmente.
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
felino Lubuntu 18.04 Requisiti per applicazione console .net core 7.0 Linux e Software 0
M pulsante per aprire una maschera che contiene controllo schede MS Access 0
E Aiuto per query PHP 8
E Il punto di riferimento italiano per Trailers cavalli Discussioni Varie 0
F CERCO Servizi SEO di Qualità per Agenzie di Servizi SEO e Posizionamento 3
D Miglior modo per estrarre le occorrenze di un elemento in un set di più file xml e quindi scrivere il risultato in una tabella Excel o magari in JSON XML 0
A Cerco programmatore/sviluppatore per creare forum Offerte e Richieste di Lavoro e/o Collaborazione 2
R Plugin di base per WordPress WordPress 0
D [COMPRO/CERCO] GUEST POST o scambio link per sito di Spiritualità ed Esoterismo. Vendere e Acquistare pubblicita' online 0
L Suggerimento Pagespeed per non vedenti HTML e CSS 0
M Analisi sito per pulire codice inutile HTML e CSS 1
Paolo69 Risolto reCAPTCHA v2 per ASP Classic ASP 0
M Hosting VPS per server di gioco Minecraft Hosting 0
N Grazie per il benvenuto Presentati al Forum 0
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
R Filtri e plugin per photoshop Photoshop 0
AkTaRuS DIsabilitare il tasto destro tranne che per code e pre Javascript 1
0 [Retribuito] Cercasi programmatore per GdR PbC Offerte e Richieste di Lavoro e/o Collaborazione 0
A Adempimenti per magazine on line Leggi, Normative e Fisco 0
R Recupero di permalink di un sito che è stato eliminato per errore WordPress 5
I aiuto urgente per thunderbird Posta Elettronica 0
A Web master per semplice sito web Offerte e Richieste di Lavoro e/o Collaborazione 2
M [Cerco][Gratuito] Artista/designer per creazione grafica gioco di società Offerte e Richieste di Lavoro e/o Collaborazione 0
M Un saluto per cominciare Presentati al Forum 1
N MAX() + ADD_DATE - per update su Mysql MySQL 0
G Qualcuno conosce questo software per gestire le telecamere IP Cam e Videosorveglianza 0
A [CERCO] Articolista per siti a tema eventi e feste private Offerte e Richieste di Lavoro e/o Collaborazione 0
F Applicazione PHP/MySQL per prenotazioni: limitare il numero massimo di posti prenotabili PHP 20
I aiuto per outlook Posta Elettronica 0
L Script per convertire numeri in parole Javascript 2
J [Cerco] [Collaborazione gratuita] Grafico per piccoli lavori di grafica Offerte e Richieste di Lavoro e/o Collaborazione 0
M Memorizzazione temi per le diverse pagine del sito Javascript 1
otto9due Proteggere file caricati dall'esterno ma renderli accessibili per gli utenti loggati. PHP 4
E Consigli per hosting reseller Hosting 0
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
F Cerco fotografo per sito abiti da sposa Discussioni Varie 2
R [cerco][retribuito] Collaborazione per creazioni loghi ed altro Offerte e Richieste di Lavoro e/o Collaborazione 0
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
seranto Blocco preventivo e Registro dei Consensi per Cookie tecnici? Leggi, Normative e Fisco 2
D Come estendere la tariffa per Wordpress con Visa? Hosting 1
M Fullcalendar in Codeigniter, un aiuto per la chiamata $ajax ? jQuery 0
N Consigli SEO per il mio sito di web design SEO e Posizionamento 0
P Proiezione di Gauss per grafica su sfera in PVC Photoshop 0
M Sintassi "personalizzata" per mysql workbench? MySQL 0
MarcoGrazia Categorie per settore merceologico di Google SEO e Posizionamento 0
Z PHP.INI - STMP per invio email con PHP Server Dedicati e VPS 0
matteoraggi Local seo per un B&B di Forli SEO e Posizionamento 3
D Ical: Sto realizzando un gestionale per i miei appartamenti di casa vacanza PHP 0
S Teams software per i meeting Windows e Software 0
N Non Autorizzato. Dovresti rimuovere il parametro customize_messenger_channel per visualizzare l'anteprima in frontend. WordPress 1

Discussioni simili