Marco CSS

La versión actual de la página aún no ha sido revisada por colaboradores experimentados y puede diferir significativamente de la versión revisada el 12 de mayo de 2016; las comprobaciones requieren 22 ediciones .

CSS framework  es un framework creado para simplificar el trabajo de un maquetador , acelerar el desarrollo y eliminar el máximo número posible de errores de maquetación ( problemas de compatibilidad entre distintas versiones de navegador , etc.). Al igual que las bibliotecas de lenguaje de secuencias de comandos , las bibliotecas CSS , generalmente en forma de un archivo css externo, están "conectadas" al proyecto (agregadas al encabezado de la página web). Los marcos más ricos en funciones también tienen más funciones y extras basados ​​​​en JavaScript, pero en su mayoría están orientados al diseño y se centran en patrones de interfaz de usuario interactivos. Este detalle distingue los marcos CSS de otros marcos JavaScript.

Beneficios

• Permite a un programador o diseñador sin experiencia en las complejidades del diseño crear correctamente un diseño HTML .
• Diseño basado en capas, no en tablas.
• Desarrollo más rápido.
• Compatibilidad entre navegadores .
• Habilidad para usar generadores de código [1] y editores visuales .
• La uniformidad del código cuando se trabaja en equipo permite reducir el número de discrepancias durante el desarrollo.

Desventajas

• Las bibliotecas pueden estar muy "infladas": puede haber mucho código adicional que no se usará en el proyecto.
• El diseño dependerá de la biblioteca css.
• La necesidad de agregar múltiples clases a un solo elemento viola el principio por el cual se creó CSS: la separación de descripciones de estructura y apariencia.

Diferencias

• Algunas bibliotecas [2] usan restablecimientos de estilo ( reset.css ) para hacer coincidir los estilos predeterminados en todos los navegadores, mientras que otras [3] usan la normalización ( Normalize.css ) para reducir la cantidad de código de biblioteca inicial.

Tipos de biblioteca CSS

Debido a las deficiencias mencionadas, el uso de bibliotecas CSS es controvertido en la comunidad profesional. También condujo a la aparición de varios tipos de bibliotecas CSS. Convencionalmente, se pueden distinguir dos tipos: Integrales y Limitados. Una tercera opción sería desarrollar su propia biblioteca [4] . La mayoría de los desarrolladores prefieren esta opción, ya que proporciona los beneficios de una solución personalizada y reduce los aspectos negativos de depender de bibliotecas de terceros.

Bibliotecas CSS completas

Este tipo de biblioteca intenta cubrir la mayoría de las cosas que un desarrollador podría necesitar. Este tipo incluye bibliotecas que incluyen CSS para diseño y reinicio (o algún tipo de marco).

Bibliotecas CSS limitadas

Como su nombre lo indica, este tipo de biblioteca cubre solo un rango limitado de necesidades o tiene un propósito específico.

Ejemplos de bibliotecas CSS

Integral

• Bootstrap  es una biblioteca creada por los desarrolladores de Twitter .
• W3.css : marco CSS de w3schools.
• Vuelo de Twitter
• Plano
• kit de interfaz de usuario
• Materialise es un framework CSS al estilo de Material Design .
• 960 Grid System  es una biblioteca para el desarrollo rápido de diseños.
• Yet Another Multicolumn Layout (YAML)  : tiene una herramienta de generación de código, la capacidad de crear interfaces adaptables .
• css-framework  es una biblioteca rusa para desarrollar interfaces web.
• Foundation  es una biblioteca avanzada para desarrollar interfaces receptivas .
• Golden Grid System  es una biblioteca para desarrollar interfaces adaptativas basadas en la sección dorada .
• marco gomoso
• Topcoat  es una pequeña biblioteca de Adobe distribuida bajo la licencia Apache 2.0.
• Compass es un marco CSS independiente de Rails.
• Resto Marco CSS

Limitado

• Marco CSS de interfaz de usuario de jQuery
• El sistema de presentación de diapositivas basado en CSS  es una biblioteca para crear presentaciones.

Notas

1. ↑ Constructor YAML . Fecha de acceso: 20 de agosto de 2012. Archivado desde el original el 23 de agosto de 2012. (indefinido)
2. ↑ El "restablecimiento de meyerweb" original encontró su camino en Blueprint . Fecha de acceso: 20 de agosto de 2012. Archivado desde el original el 22 de agosto de 2012. (indefinido)
3. ↑ Normalize.css se usa en Twitter Bootstrap, HTML5 Boilerplate, NASA, etc. Consultado el 28 de septiembre de 2017. Archivado desde el original el 3 de abril de 2013. (indefinido)
4. ↑ Pautas para desarrollar su propio marco CSS Archivado el 15 de agosto de 2012.

Enlaces

•  Comparación de marcos CSS
• Marcos para  diseñadores
• Lista definitiva de frameworks CSS - Elige tu  estilo
•  Biblioteca CSS del sistema de cuadrícula 960
•  Biblioteca Bootstrap CSS en Github
• Todo sobre 960gs - una descripción casi exhaustiva  (ruso)