14.04.2013 Views

WILFREDO SALAS G. - Responsive Web Design - Webuda

WILFREDO SALAS G. - Responsive Web Design - Webuda

WILFREDO SALAS G. - Responsive Web Design - Webuda

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

CAPÍTULO 2<br />

La grilla sensible<br />

UNA DE LAS IDEAS que llevaron a cabo el concepto de <strong>Responsive</strong> <strong>Web</strong> <strong>Design</strong> fue la de tomar la estructura<br />

rígida de las páginas web y llevarlas a un plano flexible y adaptable, como si se pudiera hacer con la<br />

mente. Este pensamiento fue bastante innovador en su tiempo, pero sólo se pudo llevar a cabo como Dios<br />

manda cuando aparecieron dos actores en el diseño web: HTML5 y CSS3.<br />

Lamentablemente el propósito de este manual no es instruir en estos dos temas, así que la persona que<br />

está leyendo esto debería tener por lo menos conocimientos básicos de estos dos lenguajes de maquetación<br />

web. Para los que se saltaron ese párrafo, puedo decir que gracias a las nuevas etiquetas, semántica<br />

y características de estos dos lenguajes se hizo posible transformas las grillas estáticas en forma de<br />

pixeles, a grillas flexibles adaptables a cualquier dispositivo, o sea, hacer las páginas responsive.<br />

A “SANAR EL CONTEXTO”<br />

Sería bastante raro que al leer este título venga uno vestido como chamán a hacerle una «curación» a la<br />

página, manual y todo lo demás. El verdadero sentido del título es sobre la transformación de un estado<br />

rígido a uno flexible de todos los elementos de una página web. Para hacer eso, es necesario transformar<br />

la gráfica que se hizo para la página web en Photoshop o Illustrator, In<strong>Design</strong> (en este caso fue In<strong>Design</strong>)<br />

(FIG.3.) en algo más fluido y proporcional.<br />

8 RESPONSIVE WEB DESIGN — Capítulo 2: La grilla felxible

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!