Trabajo de Investigación I - 1er BIM

Diseño web responsivo.

El diseño web responsive o adaptativo es una técnica de diseño web que busca la
correcta visualización de una misma página en distintos dispositivos. Desde
ordenadores de escritorio a tablets y móviles.

Hoy en día accedemos a sitios web desde todo tipo de dispositivos; ordenador, tablet,
smartphone… por lo que, cada vez más, nos surge la necesidad de que nuestra web se
adapte a los diferentes tamaños de los mismos.

Tipos de frame  work para diseño web

Hay multitud de frameworks basados en diferentes sistemas, aunque todos suelen acabar
funcionando por un sistema de doce columnas y cuatro tamaños de pantalla.

Bootstrap
Este framework es el más importante a nivel de uso, ya que detrás está nada más y nada
menos que Twitter. Recientemente ha aparecido la versión 4, aunque la 3 sigue estando
muy extendida. Se puede utilizar tanto integrando el framework en la web como enlazándolo
a través de CDN. La ventaja que tiene es que al estar tan extendido es prácticamente un
estándar y además es muy sencillo de utilizar.

Materialize
Materialize es un framework que se inspira en Material Design de Google, lo que permite
dar un aspecto muy similar a lo que podemos ver en Android o en las páginas de esta
compañía. No es tan completo como Bootstrap pero visualmente es muy potente y está muy
orientado hacia los móviles.

jQuery Mobile
jQuery Mobile es un veterano entre los frameworks en diseño web, prácticamente de los
primeros en aparecer orientados principalmente al uso de páginas en dispositivos móviles.
Tiene una alta integración con efectos en jQuery y en su web proporciona un personalizador
de temas, lo que ayuda a tener el trabajo un poco más avanzado.
ZURB Foundation
Zurb nació con la idea de conseguir un framework para diseño responsive en el que diseñar
lo más rápido posible, siendo el primero en integrar Sass/ SCSS, como más tarde han ido
implementando otros, como en la última versión de Bootstrap.

Pure.CSS
Éste es el framework de Yahoo, que surgió buscando una alternativa más liviana a los
demás frameworks, ya que la carga de las bibliotecas de CSS y JS suelen ser el mayor
lastre a la hora de cargar una web. Se caracteriza por ser sencillo, aunque tiene la
capacidad de poder extenderse, incluso con Bootstrap.

Otros frameworks en diseño web

Si buscas por Internet puedes encontrar muchísimos más frameworks, algunos más
específicos que otros. Alternativas que puedes explorar son Semantic UI, Ulkit, LumX o
Angular Material, aunque al final los más usados tienen la gran ventaja de tener una mayor
comunidad detrás soportándolos y son más estables.

Investigar sobre Angular

que es?

Angular es un framework opensource desarrollado por Google  para facilitar la

creación y programación de aplicaciones web de una sola página, las webs
SPA (Single Page Application).

Porque se utiliza?
Su objetivo es aumentar las aplicaciones basadas en navegador con capacidad de Modelo
Vista Controlador (MVC), en un esfuerzo para hacer que el desarrollo y las pruebas sean
más fáciles.
Angular se basa en clases tipo "Componentes", cuyas propiedades son las usadas para
hacer el binding de los datos. En dichas clases tenemos propiedades (variables) y métodos
(funciones a llamar).

como se utiliza?

La biblioteca lee el HTML que contiene atributos de las etiquetas personalizadas

adicionales, entonces obedece a las directivas de los atributos personalizados, y une las
piezas de entrada o salida de la página a un modelo representado por las variables
estándar de JavaScript.