Introducció al disseny responsiu: un format per a tots els dispositius

Fragmento de texto original de la fuente:

L’ús de dispositius mòbils és ja universal (tauletes, telèfons intel·ligents i rellotges)… i la navegació a Internet mitjançant aquests dispositius és cada cop més comú. El disseny responsiu és una tècnica que proporciona una solució web que pot gestionar tant la visualització des de l’escriptori de l’ordinador com des de dispositius mòbils. D’aquesta manera es redueixen les despeses de creació i manteniment ja que el disseny de les pantalles és similar entre dispositius de diferents mides.

Aprèn què és el disseny responsiu i com utilitzar-lo en el teu lloc web: avantatges i desavantatges enfront d’altres formats i frameworks més utilitzats basats en aquest tipus de disseny.

OBJECTIUS

Entendre com funciona el disseny responsiu i com aconseguir amb una sola versió dHTML i CSS cobrir totes les resolucions de pantalla i tot tipus de dispositius:

– com adaptar un lloc web a l’entorn de l’usuari (escriptori i dispositius mòbils).
– diferències entre disseny responsiu, líquid i adaptable.
– què és un framework i quins són els més populars dins de l’entorn del desenvolupament web responsiu.
– conceptes actuals de desenvolupament web: imatges de retina, filosofia mobile-first…

TEMARI

– Els orígens, disseny líquid i disseny fix.
– Què és el disseny responsiu?
– És millor crear un disseny responsiu o fer diferents versions?
– Avantatges i desavantatges d’ambdós sistemes
– Responsiu no és el mateix que adaptable
– I va arribar Retina i ara un píxel ja no és un píxel
– Els media Queries i el patró «mobile-first»
– Graelles de disseny responsiu: Foundation / Bootstrap / Skeleton

Activitat impartida per:
PISA SOLANS, ENRIQUE