Responsive Web Design – Guida tecniche avanzate

13 maggio 2013

Il seguito naturale della guida al Responsive Web Design, in cui approfondire temi solo accennati in quella sede e allargare l'orizzonte proponendo un'idea di Responsive Design che non si esaurisce nella realizzazione di layout adattabili; presenteremo tecniche e strumenti da usare in contesti reali e in grado di dare risposte alle principali problematiche di sviluppo

  1. 1. Design responsivo e... responsabile
    Qual è il quadro di riferimento in cui ci muoviamo in questa guida
  2. 2. Il progetto guida
    Un progetto completo in cui abbiamo implementato le tecniche che...

Caricamento condizionale dei contenuti

  1. 3. Caricamento condizionale delle immagini di sfondo nei CSS
  2. 4. Caricamento delle immagini con lo script Conditional CSS
  3. 5. Caricamento condizionale delle immagini con breakpoints.js
  4. 6. Immagini responsive con Picturefill
  5. 7. Caricamento condizionale dei contenuti con matchMedia
  6. 8. Caricamento condizionale dei contenuti con ajaxInclude

Costruire il layout

  1. 9. Le basi del framework inuit.css
  2. 10. Layout a griglia con inuit.css
  3. 11. Layout a griglia responsivi con inuit.css
  4. 12. Impostare correttamente i breakpoint
    Capire quanti breakpoint servono e come utilizzarli

Navigazione

  1. 13. Navigazione: mostra e nascondi con JavaScript
  2. 14. Navigazione: un menu auto-adattante
  3. 15. Navigazione in basso
  4. 16. Navigazione off-canvas

Risorse

  1. 17. Strumenti per i test, siti di riferimento
Se vuoi aggiornamenti su Responsive Web Design - Guida tecniche avanzate inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Responsive Web Design - Guida tecniche avanzate

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy