WILFREDO SALAS G. - Responsive Web Design - Webuda
WILFREDO SALAS G. - Responsive Web Design - Webuda
WILFREDO SALAS G. - Responsive Web Design - Webuda
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