FRAMWORKS-CSS

Que es Framework?
Es un esquema(un esqueleto,un patrón)para el desarrollo y/o implementacion de un aplicación.Pero también un framework sin ir mas lejos pude ser el paradigma MVC(Model-View-Controller) dice poco mas que "separa en tu aplicación la gestión de los datos,las operaciones, y la presentación".En el otro extremo,otros frameworks pueden llegar al detalle de definir los nombres de ficheros,su estructura,las convenciones de programacion.etc.

Responsive Desing:
Responsive Web Desing, es una técnica de diseño y desarrollo web que mediante el uso de estructura flexibles(contenedores flexibles,imágenes y vídeo flexible) y junto con los Media Queries especificados en CSS,logran adaptar un sitio web al entorno del dispositivo en el que se encuentre.

Ventajas y Desventajas de los Frameworks?

Ventajas

• Estructura y organización del código predeterminada.Los framewors proporcionan tanto un esqueleto como una forma de trabajar
• Reutilizacion del código. Evitar duplicidad de código. En el desarrollo de una aplicación existen ciertos apartados que suelen repetirse,como la conexión con la base de datos, validación de formularios, paginas de estilos , etc. Con utilización de un framework ahorraremos tiempo en desarrollar funcionalidades.
• Agilidad y rapidez en el desarrollo. Precisamente a la reutilizacion del código
• Menor coste en el desarrollo.El coste es un parámetro que esta directamente relacionado con la rapidez y agilidad.Acabar antes implica que el coste sera menor.
• Buenas practicas de desarrollo con el suso de patrones.La mayoría de frameworks están basados en patrones de diseños.
• Minimizar errores y mayor facilidad para solucionarlos.
• Facilidad el mantenimiento.

Desventajas

• Tiempo de aprendizaje.Antes de empezar a utilizar un framework debemos familiarizarnos con la forma en la que se comunican los componentes.
• Versiones inestables.El hecho de que los frameworks sean tan populares provocan que estén en contante actualización para cumplir con las nuevas tegnologias y las nuevas políticas de seguridad.
• Menor rendimiento.Los frameworks consumen,en general.mas recurso que una aplicación creada desde cero y orientada al rendimiento.En aplicaciones muy exigentes ,un frameworks puede resultar poco apropiado
• Código sin utilizar.Si la aplicación es pequeña o no requiere mucha funcionalidad,probablemente estaremos desaprovechando mucho código.
• Eleccion de framewors.Puede resultar complicado elegir cual es el framewokr en el que te vas a especializar,ya que existe una gran variedad.

Frameworks mas utilizados:

Frameworks	Descripcion y componentes necesarios	Ventajas	Desventajas
Bootstrap	Proporciona una gran cantidad de componentes y estilos preestablecidos,un grid responsive de 12 columnas	Es soportado por la mayoria de navegadores web,muchas pantillas y componentes desponibles estan creadas aqui,Buena documentación	Utiliza clases css no semanticas que "ensucian" tu HTML,tiene la necesidad de usar jQuery,Si no personalizas tu sitio lucirá igual que muchas
Foundation	Fue por mucho tiempo el rival de Bootstrap,actualmente la adopción de este framework no es tan alta como la de Bootstrap	Gran cantidad de componentes muy personalizables, extensa y detallada documentación con tutoriales en video en algunas secciones, las clases CSS utilizadas son semanticas,por lo que no ensucian tu HTML	La comunidad de Foundation no es tan grande como la de Bootstrap, no hay tantos recursos externos desponibles para Foundation, Es mas complejos que otros Frameworks
Bulma	Es relativamente nuevo,Bulma se centra en crear un framework CSS ligero y simple utilizando Flexbox para su sistema de rejilla	Una sintaxis semantica,hace que nuestro codigo sea mas comprensible, es un framework ligero por lo que sera facil de cargar, facil de usar, muy personalizable y modular y un grid responsive	Al ser relativamente nuevo la comunidad que lo apoya no es muy grande, Falta corregir algunos bugs,No es una buena opción para navegadores Internet Explorer
Milligram	Con estilo minimalista y limpio,dice tener solo 2kb,su objetivo es ofrecer un rendimiento alto debido a su tamaño,con alta productividad, al no tener que añadir muchas clases a los elementos HTML	Un diseño limpio y minimalista Tamaño de solamente 2kb	Falta de personalizacion en los elementos Comunidad pequeña
UlKit	Con un tamaño pequeño,modular,como lo es Bulma CSS y con un estilo minimalista y limpio.	Modular, Un tamaño ligero, Aspecto ccidado sin necesidad e añadir tu propio CSS , muy personalizable	La nomenclatura de las clases no es muy elegante,falta de un comunidad mas grande
Semantic UI	Esta enfocado en un código de programación legible para el programador,para los programadores que desean algo mas elegante por medio de un lenguaje natural	Carga solamente los elementos que necesitas, Amplia gama de elementos muy personalizables,Clases realmente semanticas,Diseño elegante	Un tamaño de archivos demasiados grade comparandolo a su competencia, Uso excesivo de JavaScript
Materialize	Si el proyecto con el cual estas involucrado,desea un diseño al estilo material desing como el que tiene Android, no hay ninguna duda de que tu eleccion debe ser framework CSS Materialize	Gran librearia de componentes con un diseño Material Desing, Facilidad de uso, Buena documentacion	Un tamaño de archivos grandes
Pure.css	Para diseños web simples una de las opciones disponibles es Pure.css. Todos sus componentes tiene como denomidador común la simplicidad.Si buscas una opción con un tamaño reducido y estilo sencillo .	Una facil personalización Un tamaño ligero	Documentación un poco confusa Falra de estilos en sus componentes,esto puede ser un aventaja o desventaja,depende del gusto de cada uno
Kube	No es muy usado,pero su estilo muy refinado	Los archivos CSS son de un tamaño reducido, proyecto estéticamente solido	La comunidad es relativamente pequeña,