FRAMEWORK CSS

¿Qué es un Framework?

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

En el Desarrollo de Software, un entorno de trabajo es una estructura conceptual y tecnología de asistencia definida, normalmente, con artefactos o módulos concretos de software, que puede servir de base para la organización y desarrollo de software. Tipicamente, puede incluir soporte de programas, bibliotecas, y un lenguaje interpretado, entre otras herramientas, para así ayudar a desarrollar y unir los diferentes componentes de un proyecto.

Representa una arquitectura de software que modela las relaciones generales de las entidades del dominio, y provee una estructura y una especial metodología de trabajo, la cual extiende o utiliza las aplicaciones del dominio. 

¿Qué es responsive design?

El diseño web adaptable(También diseño web adaptativo o responsivo; este ultimo calco del inglés responsive web design), es una filosofia de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las paginas web al dispositivo que se este utilizando para visitarlas. Hoy dia las paginas web se ven en multitud de dispositivos como tabletas, telefonos inteligentes, libros electronicos, portatiles, PC, etc., ademas, aun dentro de cada tipo , cada dispositivo tiene sus caracteristicas: tamaño de pantalla, resolucion, potencia de CPU, sitemea opertativo o capacidad de memoria entre otras. Esta tecnologia pretende que con un unico diseño web, todo se vea correctamente en cualquier dispositivo.

Ventajas y desventajas de un Framework

Ventajas de utilizar una framework CSS

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.

Desventajas de utilizar una framework CSS

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.

 ¿Cuáles son los Framework css más utilizados?

1 Bootstrap

Sin duda alguna el más utilizado en la actualidad. Creado originalmente por Twitter con el nombre de Twitter Blueprint, ha crecido y se ha independizado gracias a una fuerte comunidad Opensource.

Incluye multitud componentes como menús adaptables, alertas, paneles, plugins JQuery... todo ello con la última tecnología para el diseño responsive design.

2 Foundation

Si Bootstrap es el rey, Foundation es el principe. Con más de 4 años de experiencia, ha sabido adaptarse a las tendencias actuales con 3 versiones: Webs, Emails y Apps. Contiene ideas muy interesantes y muy bien implementadas. Perfecto para dar dinamismo a una web.

3 Skeleton

Sencillez y funcionalidad a partes iguales. A pesar de no contener tantos componentes como sus hermanos mayores, es sin duda el más rápido de aplicar. Solo debes poner sus clases, y punto. Ni una estructura extraña de HTML ni plugins en Javascript.

4 Pure

Pequeño pero matón. Una alternativa interesante. Puede usarse por separado o incorporardolo a Bootstrap para aumentar sus funcionalidades.

No busca que te adaptes a su forma de trabajar, sino que él se amolde a tu trabajo. Además, que su curva de aprendizaje es tan sencilla que solo por curiosidad podrás empezar a usarlo en cualquier sitio.