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
S CREAZIONE DI SITO PER CORSI DI FORMAZIONE WordPress 0
I [cerchiamo][retribuito] Grafico/a per stickers Offerte e Richieste di Lavoro e/o Collaborazione 0
R Cercarsi programmatore per GDR PBC Offerte e Richieste di Lavoro e/o Collaborazione 0
L Sessione e array per utenti PHP 0
A Sottoquery con group by per mese MySQL 0
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
V [Cerco] Socio e Sviluppatore per App PlacesFinder Offerte e Richieste di Lavoro e/o Collaborazione 0
Tuttoinformatico [Cerco] Cerco Staff per Blog Professionale dedicato alla Tecnologia! Offerte e Richieste di Lavoro e/o Collaborazione 0
M user agent per il download di api PHP 0
B Stringa sql per ricerca su più campi Database 1
Cosina Upload multiplo con invio allegati per email PHP 0
P Editor per la realizzazione di siti HTML e CSS 0
M Versione nativa per M1. Photoshop 1
A Aiuto per pagina php PHP 0
M [Cerco] aiutanti per creare sito Offerte e Richieste di Lavoro e/o Collaborazione 4
T [cerco] scrittore/scrittrice per articoli web Offerte e Richieste di Lavoro e/o Collaborazione 3
L Interfaccia grafica per gestire sql server .NET Framework 1
B javascript per problemi con pdf e Safari Javascript 0
R Plugin per Gestire videocorsi a pagamento WordPress 3
Y Vorrei selezionare un colore di sfondo per una pagina web Javascript 0
C media per riga MySQL 1
I Cerca: blogger IT per articoli di prova Offerte e Richieste di Lavoro e/o Collaborazione 0
R Plugin per Registrazione Utente e Pagamento prodotto WordPress 2
M Quando ha l'immagine ingrandita è possibile fare rotazione per ritagliare? Photoshop 0
D modificare questo codice per inserimento in text e non in tabella jQuery 1
U [Cerco ] incremento traffico per il mio sito Vendere e Acquistare pubblicita' online 0
E Monitor per Photoshop Photoshop 0
S Libreria PHP per creare file dwg o dxf PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
A [cerco - retribuito] Sviluppatore Php freelance per progetti vari Offerte e Richieste di Lavoro e/o Collaborazione 2
G un tool che trova nuovi clienti per web agency e web developer Offerte e Richieste di Lavoro e/o Collaborazione 2
A Mostrare dati database per pagine PHP 2
R cammino minimo per lista di picking: nodi "imposti" da visitare Programmazione 1
A [Vendo] Articoli per blog e siti ecommerce in ottica seo Offerte e Richieste di Lavoro e/o Collaborazione 0
N Mysql_result per PHP 7 PHP 2
elpirata Query per leggere dati da una tabella mysql e mostrarli a video in base a parametri passati tramite GET PHP 5
E Cambiare lingua in Elements per Mac Mac e Software 2
S WEB APP PER AUTOMATIZZARE TASK INSTAGRAM Annunci servizi di Social Media Marketing 0
G Nuova Idea su come trovare clienti per sviluppo web Discussioni Varie 6
L Aiuto per programma web php/mySQL PHP 2
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 0
C Domini .It per estero Domini 0
A attributo "min" per input gestione date PHP 8
H Hosting per Wordpress 2020 Hosting 5
R [VENDO][DOMINI] .com per mercati diversi Compravendita siti e domini 0
D un pulsante salva per ogni ID jQuery 10
Tommy03 Select in ordine per numero di record MySQL 7
E Creazione URL per chat whatsapp WordPress 1
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
S Software windows10 per controllo contenuti web Windows e Software 6

Discussioni simili