WILFREDO SALAS G. - Responsive Web Design - Webuda

Recommendations

Info

TIPOGRAFÍA FLEXIBLE Para esta parte vamos a tomar el ejemplo más cercano que se pudo encontrar en el manual, el cual justo es la página web en donde descargaste el manual, de ahí nos vamos a enfocar en el título de la página. Este título viene con el siguiente código: Responsive Web Design Todo lo que necesitas saber para hacer diseños web sensibles Acá tendrás el manual en español, hecho por y para diseñadores sobre responsive web design. ¿Crees que puedes manejar ser tan cool?. Bonito ¿no?, pero aún así lo que sale acá es sólo texto plano (FIG.4). Para darle estilo y diseño hay que utilizar código CSS, que en este caso sería algo como esto: FIG4. Con código de HTML5 sólo aparecerá esto, un estilo de nada. #titulo h1{ } font-family:helvetica_med_con, helvetica, sans-serif; font-size:72px; margin-top:40px; margin-bottom:0; 10 RESPONSIVE WEB DESIGN — Capítulo 2: La grilla felxible
#titulo h2{ } font-family:meta_serif_book, georgia, serif; font-size:24px; margin-top:0; #titulo h3{ } font-family:meta_serif_book_ita, georgia, serif; font-size:16px; Y gracias a la maravilla de CSS, logramos convertir a este adefecio visual en... FIG5. ... ¡Esto!. 11 RESPONSIVE WEB DESIGN — Capítulo 2: La grilla felxible
Page 1 and 2: WILFREDO SALAS G. Responsive Web De
Page 3 and 4: CAPÍTULO 1 Nuestro Mundo Sensible
Page 5 and 6: FIG.2 FIG.1 FIG.1 es el link que se
Page 7 and 8: Desde que este proyecto empezó a e
Page 9: FIG.3 Un ejemplo de la página web
Page 13 and 14: #titulo h2{ } font-family:meta_seri
Page 15 and 16: Paso 2 Escribe el código: Aunque e
Page 17 and 18: Paso 4 Aplicar la fórmula: La fór
Page 19 and 20: CAPÍTULO 3 Imágenes flexibles HAS
Page 21 and 22: FIG.9 Y dio problema. A pesar de qu
Page 23 and 24: EL PLACER DE ESTAR “OCULTO” Com
Page 25 and 26: @media screen and (min-width: 1024p
Page 27 and 28: 600 px Tablets pequeños, como el A
Page 29 and 30: 1200 px Pantallas anchas (widescree
Page 31 and 32: REPASA LA “MEJORA PROGRESIVA” L

WILFREDO SALAS G. - Responsive Web Design - Webuda

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?