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.

#titulo h2{<br />

}<br />

font-family:meta_serif_book, georgia, serif;<br />

font-size:1.5em; /* 24px / 16px */<br />

margin-top:0;<br />

#titulo h3{<br />

}<br />

font-family:meta_serif_book_ita, georgia, serif;<br />

font-size:1em; /* 16px / 16px */<br />

Y… ¡listo!, nuestros títulos están listos y encajan en nuestro diseño flexible gracias a ems remedibles y<br />

escalables.<br />

CREANDO LA GRILLA FLEXIBLE<br />

La clave de transformar el contenido fijo a flexible no es algo que queda sólo para las fuentes, tiene que<br />

ser aplicado a todos los elementos dentro de la una página web. Al flexibilizar la grilla nos generamos uno<br />

de las características más importantes dentro de un diseño web responsive, el cual es que el contenido<br />

de la página se pueda redimensionar dependiendo del tamaño en donde se esté viendo. Para esto es<br />

necesario transformar los valores fijos por valores relativos, que en este caso son porcentajes.<br />

Modificar tu grilla a flexible puede ser algo tan fácil que se puede hacer en cinco pasos:<br />

13 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!