TEMA DE DICIEMBRE

-

 TEMA FINAL DEL AÑO





"Menú Hamburguesa"


Descripción: Este último tema consiste en darle un mejor diseño al menú de navegación en dispositivos más pequeños, ya que a veces suele ser algo incomodo manejar dicho menú en celulares y sobre todo más si son menús con bastantes opciones. Se dice Menú Hamburguesa ya que las opciones están "encerradas" en un icono muy famoso de tres barras con forma de hamburguesa.



Este menú ayuda a que sobre todo el encabezado de la página no se vea tan amontonado en celulares y a la vez lo hace ver más estético, aunque también se puede hacer para pantallas grandes, no es lo común ya que en realidad no es tan necesario. Con este tema se cierra el conocimiento BASICO de Responsive Web Design y a su vez, abre la puerta a conocimiento mas avanzado que veré en el próximo año (que igual faltan 2 semanas) como los Frameworks (como Bootsrap).

Comentarios

Publicar un comentario

Entradas más populares de este blog

TEMAS MES DE OCTUBRE

-
Imagen
TEMAS DE INTRODUCCION   "¿Qué es el responsive web design?" Descripción: Este fue mi primer trabajo, consistió en un trabajo de investigación sobre RWD (Responsive Web Design), fue un documento con Normas APA en el que se hizo una redacción mediante libros virtuales para poner información sobre el tema. También, se hizo un producto audiovisual (en mi caso, presentación) para exponer la información recolectada. Este primer trabajo fue una muy buena manera de introducción hacía el tema general del trimestre, ya que tuve que investigar por mi cuenta el concepto a fondo del tema, lo cual fue bastante útil a la hora de llegar a la práctica. "Unidades de medida relativas" Descripción: Este subtema es sobre las dos principales unidades de medidas principales en CSS5 . Primero vi las relativas, son aquellas que definen un tamaño en función de otro valor de referencia. Permitiendo diseños flexibles y responsivos que se adaptan a diferentes contextos y resoluciones de pan...
Leer más

TEMAS MES DE NOVIEMBRE

-
Imagen
  TEMAS DE PRÁCTICA "MockUp 1 - Desktop-First" Descripción: Este es el primer taller que hicimos de Responsive Web Design, se trató de un Mockup bastante sencillo ya que había poco texto (solo en el menú de navegación y un párrafo), el resto consto de solo imágenes. Este taller se hizo de dos maneras, primero la Desktop y luego la Mobile.  Al tener casi en su totalidad solo imágenes, fue bastante fácil hacer este taller. Solo era saber organizar las imágenes y solo había una pantalla donde se veía un cambio, la más pequeña. "MockUp 1 - Mobile-First" Descripción: Como dije anteriormente, la única pantalla donde se veía un cambio significativo era en la más pequeña, ya que como se puede ver en la imagen de desktop, las imágenes van divididas en bloques y organizadas en fila, pero en la más pequeña todo pasa a estar en columna, es decir, las imágenes debajo de otras. Lo cual fue de hecho bastante fácil ya que lo pude ordenar con una sola etiqueta. Obviamente al ser M...
Leer más