Framework

FRAMEWORK

        ¿Qué es un Framework?

   Un framework, entorno de trabajo​ o marco de trabajo​ es un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar.

        

Desventajas de usar Framework

     1. Limita tu libertad

En general, sólo se utiliza una framework CSS para todos tus proyectos ya que aprender una tras otra realmente no es muy práctico. Ya que una framework CSS tiene una serie de retículas, selectores y otro tipo de código limita tu diseño en cuanto al tamaño de los elementos y el estilo.

2. Añade código extra

Es poco probable que emplees todas las características de una framework CSS por lo que definitivamente tus aplicaciones tendrán código que no necesitas. Esto podría ser un problema si deseas que tu aplicación sea súper ligera y cada byte cuenta.

3. Te fuerza a usar la semántica propia de la framework

Al usar una framework CSS tienes que acostumbrarte a trabajar con la semántica de ésta. En general, esto no suele ser un problema para muchos desarrolladores que trabajan solos. Sin embargo, si estás colaborando con varias personas deberás asegurarte que todos tengan el mismo nivel de conocimiento sobre la framework, lo que es un escenario ideal, por supuesto. Así que debes esperar que tus compañeros se familiaricen con la framework primero.

4. Podría ser una pérdida de tiempo

Si ya estás acostumbrado a trabajar y ordenar tu código de cierta manera y debido a una petición de cliente o a un proyecto en equipo te ves obligado a trabajar con cierta framework CSS, obviamente primero debes aprender cómo funciona. Esto podría ser tiempo valioso que podrías haber invertido en comenzar a codificar sin el uso de una framework CSS.

Ventajas de usar Framework

    1. Agilización del proceso de desarrollo

Una framework CSS te permite desarrollar más rápido mediante el uso de código base y tareas comunes, de modo que no tienes que empezar desde cero. Si estás trabajando con un equipo, todos tendrán el mismo código, así que la colaboración en equipo también se beneficia de una framework CSS.

2. Facilita la funcionalidad en diversos navegadores

Una framework CSS ya viene programada para que el resultado (es decir, tu aplicación o sitio web) final luzca similar en todos los navegadores, de modo que puedes concentrarte en personalizar y crear contenido en vez de preocuparte en modificar la apariencia base.

3. Te permite trabajar con layout simétrica

Una framework CSS con sistemas de cuadrículas asigna columnas con anchos predefinidos, de modo que puedes concentrarte en la creación de contenido en vez de la alineación de bloques de texto.

4. Refuerza buenos hábitos de diseño

Una framework CSS te provee una serie de selectores que puedes utilizar para tus sitios web y aplicaciones, de este modo el diseño se hace congruente ya que no debes adivinar ni acordarte que hiciste en proyectos pasados.

Framework Css mas utilizados:

-Boostrap:

 Bootstrap, es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de diseño y desarrollo se conoce como “responsive design” o diseño adaptativo.

El beneficio de usar responsive design en un sitio web, es principalmente que el sitio web se adapta automáticamente al dispositivo desde donde se acceda. 

-Materialize:

 Material design es un concepto, una filosofía, un lenguaje de diseño con pautas enfocadas al diseño utilizado en la UI de Android, pero también para la web y en cualquier plataforma ,  se trata de un diseño más limpio en el que predominan animaciones y transiciones de respuesta, el relleno y los efectos de profundidad tales como la iluminación y las sombras.

Existen otros lenguajes de diseño como flat design, metro design, realism design, mobile first etc. 

Material  se puede ampliar y redimensionar de manera inteligente. Material Design tiene superficies físicas y bordes. Las escenas y sombras proporcionan significado sobre lo que se puede tocar y cómo se va a mover.

El “material”  es el único elemento en el  lenguaje de diseño que añade movimiento y profundidad a medida que el usuario interactua con el diseño ,  el diseño se transforma y se reorganiza el mismo con una continuada muy atractiva.

-Pure.css:

 Pure CSS es un conjunto de módulos CSS pequeños y receptivos que puede usar en cada proyecto web.

     

        características:

• menús verticales y horizontales integrados, incluidos menús desplegables
• botones que funcionan con los elementos <a> y <button>
• alineamientos flexibles de formularios
• estilos comunes de tabla
• una apariencia limpia y minimista que se puede extender fácilmente