Esiste qualche tutorial su come rendere il layout reattivo simile a this one? Sto cercando su Internet intero, ma non riesco a trovare tutorial normali, poiché tutti gli altri ridimensionano la finestra, e puoi zoomare/zoomare tramite iphone.Tutorial di layout reattivo?
Qui ci sono diversi blog messaggi su responsive design:
Grazie! Grandi tutorial! –
Ilya Knaup, grande condivisione !!! Ho cercato informazioni utili su come iniziare a lavorare con layout di progettazione reattivi. Sto lavorando al mio progetto ora, usando twitter bootstrap. Ho marcato i file dell'intero tema utilizzando una larghezza fissa di 940 px. E poi ultimamente, ho pensato di convertire questo tema in uno reattivo. Ma non ho idea da dove cominciare. Sono confuso riguardo alle query @media rispetto al codice. Ma quello che hai postato è un buon inizio per me per imparare cose sui layout di progettazione reattivi. –
@GaryDapogi Nessun problema;) è per questo che siamo qui per aiutarci l'un l'altro;)) dimmi se rimani bloccato o qualcosa del genere, ho appreso un po 'di roba reattiva di layout da quando ho postato questa risposta, quindi sarò lieto di aiutarti)) – Ilja
La "casa sull'albero" ha una rotta. Ho fatto questo uno (Beginners Guide to RWD) e, onestamente, non ne ho ricavato molto. Semplicemente non era così pratico.
Il sito thinkvitamin sembra tutto bello e carino ma preferisco di gran lunga www.lynda.com. Nel dire questo, lynda non ha così tanto in termini di materiale più nuovo e all'avanguardia. Potresti provare questo (CSS Page Layouts) Non ho ancora avuto modo di farlo da solo, ma la profondità delle cose su Lynda è buona, quindi se hai bisogno di un corso di ripetizioni a lungo termine, iscriviti vale $ 30 al mese o qualsiasi altra cosa.
Inoltre, so che la casa sull'albero ha subito un bel restyling (aggancio con trucchi CSS e quant'altro) sia che si tratti di un rifacimento estetico (forse ispirato a Chris Coyier) o che i corsi siano migliorati, non ho potuto Dite come ho cancellato il mio abbonamento dopo il deludente tutorial sul responsive web design. Penso di averlo fatto solo l'uno e l'altro, quindi è un campione piuttosto piccolo.
Fondamentalmente, tutto ciò che serve sono le query multimediali nel tuo css per replicare il comportamento del sito che hai fornito. Quindi basta applicare il css giusto per la larghezza dello schermo/dispositivo giusto ... Non sei sicuro di cosa intendi per "dato che tutti gli altri ridimensionano la finestra" - l'utente non ridimensiona la finestra e non il disegno? Non sei sicuro di quello che stai ricevendo in là ...
C'è qualcosa anche qui: http://stackoverflow.com/questions/6844020/way-to-do-content-adaptation-to-mobile –