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 el daban el toque de color. En pocas palabras, no existía el diseño web, ya que el texto dominaba la pantalla.
  • Creación de la primera página web Word Wibe web.

    Creación de la primera página web Word Wibe web.
    Se publico la primera página web “World Wilde Web”, de Tim Bernés - Lee quien es considerado uno de los grandes creadores de la web. Su objetivo era informar que era la World Wide Web (o red informática global)
  • Diseño con tablas

    Diseño con tablas
    Los navegadores que permitían mostrar imágenes representan el primer paso en la evolución del diseño web en si mismo. Las tablas llegaron para otorgarles orden al contenido, diseños estáticos y fluidos, a través de tablas dentro de tablas.
  • JavaScript

    JavaScript
    Como punto en contra es que hace más lenta la carga. Muchos evitan Javascript, aún se mantiene fuerte tanto en front – end como en back – end. El front – end 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.
  • La era de Flash y la libertad del diseño.

    La era de Flash y la libertad del diseño.
    Llegó Flash y impresionó la posibilidad de efectos visuales, era el sueño cumplido a través de 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.
    Este lenguaje separa el contenido de la forma de presentación. Es decir, que en HTML se trabaja el contenido, mientras que en CSS se define el formato y la apariencia.
    Al comienzo la visualización variaba dependiente el navegador, lo que dificulta la actividad del desarrollador.
  • La web 2.0

    La web 2.0
    La era de la información basada en los usuarios y la web 2.0 se hace popular junto con las redes sociales y blogs.
    Con interfaces visualmente más agradables y con alta usabilidad, diseño web, tanto en los usuarios como en los buscadores.
  • La llegada del diseño para móviles.

    La llegada del diseño para móviles.
    El diseño web se vio en la necesidad de evolucionar con la llegada de los smartphones. Era necesario generar versiones del sitio basadas en el tamaño de la pantalla a través del uso de grillas y framework.
    La primer mejora fue con la idea de 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.
    Es posible utilizar imágenes que ocupan el ancho completo de pantalla, y se abre el camino hacia el diseño web minimalista con apariencia más sencilla y limpia.
    Se ha privilegiado un diseño plano que colocan al contenido en primer lugar, dejando 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
    Parecerá que 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

    Mobile First
    Mobile First con el diseño responsivo, el objetivo es mejorar la experiencia de navegación en los dispositivos móviles.
    Es 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 página. Están en alta 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
    Lanzó el nuevo editor Gutenberg, 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.