La evolución de los sitios Web

  • El inicio de la época oscura del diseño

    El inicio de la época oscura del diseño
    Se basaba en pantallas negras con pixeles monocromáticos que le daban el toque de color.
    No existía el diseño web, ya que el texto dominaba la pantalla
  • Se pública la primera pagina web "World Wide Web"

    Se pública la primera pagina web "World Wide Web"
    Tim Berners-Lee considerado uno de los más grandes creadores de la Web, creo este sitio con el objetivo de informar que era la World Wide Web (o red informática global)
  • Diseño con Tablas

    Diseño con Tablas
    Una evolución del diseño de la web en sí mismo son los navegadores que permitían mostrar imágenes, las tablas llegaron para darle orden al contenido, diseños estáticos y fluidos, a través de tablas dentro de tablas.
  • JavaScript

    JavaScript
    Este llegó para resolver varias limitaciones del HTM, se mantiene fuerte tanto en front-end como en back-end.
    El font-end es lo relacionado a aquello que se ve en un sitio web. Mientras que el back-end garantiza que los datos correctos se envíen al navegador y crean la funcionalidad del sistema.
    Como punto en contra es que se hace más lenta la carga de la pagina.
  • La era del Flash, y la libertad del diseño.

    La era del Flash, y la libertad del diseño.
    Flash incrementó la posibilidad de efectos viduales. Una sola herramienta con un archivo que se envía al navegador para ser mostrado
  • Cascading Style Sheets-Hojas de estilo en Cascada

    Cascading Style Sheets-Hojas de estilo en Cascada
    Que separa el contenido de la forma de presentación. Es decir, que en HTML de trabaja contenido, mientras que en CSS se define el formato y la apariencia. Al comienzo la visualización variaba dependiendo el navegador, lo que dificultaba la actividad del desarrollador.
  • La web 2.0

    La web 2.0
    Información basada en los usuarios, y la web 2.0 se hace popular junto con las redes sociales y blogs.
    Interfaces visualmente más agradables, con alta usabilidad y diseño web, tanto en los usuarios como en los buscadores
  • Diseño de grilla y framework

    Diseño de grilla y framework
    El diseño web se vio en la necesidad de evolucionar con la llegada de los smartphones. Generar versiones del sitio basadas en el tamaño d el apantalla a través del uso de grillas y framework.
    La primer mejora fueron las columnas, hasta que se definió el sistema de rejilla con una división en 12 columnas como sistema que se utiliza hasta la actualidad.
  • Diseño responsivo

    Diseño responsivo
    El diseño responsivo o adaptable llegó para resolver el conflicto de tamaño de las diferentes pantallas de los dispositivos inteligentes.
    De esta manera es posible utilizar imágenes que ocupan el ancho completo de la pantalla, y se abre el camino hacia el diseño web minimalista con apariencia más sencilla y limpia.
    Privilegiado un diseño más plano, colocan al contenido en primer lugar, desde atrás los efectos de sombra y regresando a la fotografía, tipografía y los detalles de líneas.
  • Diseño responsivo-Parte 2

    Diseño responsivo-Parte 2
    La simplicidad de la mano de la practicidad. Pareciera de manera más evolucionada el ciclo vuelve a sus comienzos los cambios y la propia evolución de los dispositivos continuaran influyendo en el mundo del diseño, ya que dependemos de estos como medio para exponer los sitios.
  • Mobile First con el diseño responsivo.

    Mobile First con el diseño responsivo.
    Mejoran la experiencia de navegación en los diseños móviles, La creación del sitio web se piensa y realiza primero para dispositivos mobile, y después se adapta para desktop
  • Sitios web a la mano de todos

    Sitios web a la mano de todos
    No es necesario ser un experto para crear una pagina. Están en lata los creadores de sitios como herramientas practicas para construir sitios web desde plantillas y con la posibilidad de agregar componentes para personalizar el sitio web
  • Editor Gutenberg

    Editor Gutenberg
    Editor Guntenberg, compuesto de bloques, haciendo mucho más fácil el proceso de diseño y creación de sitios web. También el diseño 3D y el dominio de los gráficos vectoriales en un nivel más avanzado