Responsive layout

Solo disponible en BuenasTareas
  • Páginas : 5 (1018 palabras )
  • Descarga(s) : 0
  • Publicado : 29 de agosto de 2012
Leer documento completo
Vista previa del texto
U n iv e r s id a d T é c n ic a N a c io n a l S e d e S a n C a r lo s
Lu n e s 2 1 de m ay o de l 2 0 1 2 IV ( d is e ñ o w e b )

C la s e : P ro g ra m a c ió n

R o la n d o

A lv a r a d o M e n a

E m a il: R o la n d o .ja .v e n e cia @ g m a il.c o m T e l: 8 6 2 6 - 9 6 - 5 9

Te m a

|

R e s p o n s iv e

la y a u t

P o r : R o la n d o A lv a r a d o M e n a 2 1 -0 5 -2 0 1 2

D is e ñ o

S e n s ib le
n o s p e rm it e d e s a rro lla r p á g in a s q u e re so lu c ió n . L a s p á g in a s s e se

E l d is e ñ o s e n s ib le ( re s p o n s iv e la y a u t ) e s u n e s t ilo q u e v is u a lic e n d e fo rm a c o rre c t a e n c u a lq u ie r d is p o s it iv o y im á g e n e s y s e

re d im e n s ion a n , a ju s t a n , c a m b ia n d e d is p o s it iv o e n e l qu e s e v is u a liz a .

a c o p la n la re s o lu c ió n d is p o n ib le e n e l

V e n ta ja s :

1 -

N o h ay

q u e re d is e ñ a r la m is m a p á g in a

p a ra c ad a d is p o s it iv o : p c , T a b le t , S m a rt p h o n e .

2 - N o h ay

q u e c re a r v e rs io n e s a ju s t a b le s a lo s p o rc e n t a je s d e

re s o lu c ió n ( d is e ñ o flu id o ) .

3 - M e jo r a d a p t a c ió n a l d isp o s it iv o fin a l y

a l u s u a rio .

4 - S it io s m á s e s c a la b le s y

fá c ile s d e

m a n te n e r.

T é c n ic a s G r id flu id o s : t a b la s q u e m a n t ie n e n s u s p o rc e n t a je s d e an ch o e n d ife re n t es re s o lu c io n e s .

I m á g e n e s fle x ib le s : im á g e n e s e n c a p a s m ó v ile s , q u e e s c a la b le .

se

re c o rta n o

im á g e n e s c o n fo n d o

C S S 3 m e d ia q u e ry s : c a p a s e s d e o rie n t a c ió n.

o b t e n e r la a n c h u ra d e l d is p o s it iv o , s u re s o lu c ió n u

C a m b io s d e

c o n t e n id o : m o s tra r u

o c u lt a r im á g e n e s , c o lu m n a s u la p ro p ie d a d “ d is p la y : n o n e ” .

o t ro s o bje t o s d e p e n d ie n d o

d e l e s p a c io e n p a n t a lla a t ra v é s d e

W e b - g ra fía : h t t p : / / a u r e a . e s / 2 0 1 2 / 0 4 / 2 0 / d i s e n o - s e n s ib l e - v s - v e r s i o n - m o v i l/ h t t p : / / w w w . g en b e t a d e v . c o m / d e s a r r o l l o - w e b / d i f e r e n c ia - e n t r e - la y o u t - f lu id - y - r e s p o n s i v e h t t p : / / b lo g .k o a lit e .c o m /2 0 1 2 /0 1 /d is e n o - w e b - s e n sib le -y - g rid s -c s s/

tracking img