Un framework CSS es una biblioteca de software que facilita el diseño web y lo hace más compatible con los estándares mediante hojas de estilo en cascada ( CSS ). La mayoría de estos frameworks incluyen al menos una cuadrícula . Los frameworks más funcionales también ofrecen más características y funciones adicionales basadas en JavaScript , pero suelen estar orientados al diseño y se centran en patrones de interfaz de usuario interactivos. Este detalle diferencia a los frameworks CSS de otros frameworks de JavaScript .
Dos ejemplos notables y ampliamente utilizados son Bootstrap y Foundation .
Los módulos y herramientas que ofrecen los frameworks CSS incluyen:
- restablecer hoja de estilo
- cuadrícula , especialmente para diseño web responsivo
- tipografía web
- conjunto de iconos en sprites o fuentes de iconos
- Estilo para información sobre herramientas , botones y elementos de formularios
- partes de las interfaces gráficas de usuario como acordeón , pestañas , presentación de diapositivas o ventanas modales ( Lightbox )
- ecualizador para crear contenido de igual altura
- Clases auxiliares CSS de uso frecuente ( izquierda , ocultar )
Los frameworks más grandes utilizan un intérprete de CSS como Less o Sass .
Lista de frameworks CSS destacados
Referencias
- ↑ "Versiones · joshuaclayton/blueprint-css · GitHub" . GitHub . Consultado el 23 de abril de 2020.
Este repositorio ha sido archivado por su propietario. Ahora es de solo lectura.
- ↑ "Versiones · twbs/bootstrap · GitHub" . GitHub . Archivado del original el 1 de junio de 2014 . Consultado el 15 de noviembre de 2021 .
- ↑ Déramond, Julien (2024-02-20). "Bootstrap 5.3.3" . blog.getbootstrap.com . Consultado el 2024-04-11 .
- ↑ "bootstrap" . npm . 2024-02-20 . Consultado el 2024-04-11 .
- ↑ Documentación de Bootstrap: Personalización de la cuadrícula
- ↑ "Versiones · foundation/foundation-sites · GitHub" . GitHub . Consultado el 24 de abril de 2020 .
- ↑ Documentación de la Fundación - La Red
- ↑ "Versiones · yamlcss/yaml · GitHub" . GitHub . Consultado el 24 de abril de 2020 .
- ↑ "Versiones · yui/yui3 · GitHub" . GitHub . Consultado el 24 de abril de 2020 .
- ↑ "Versiones · tailwindlabs/tailwindcss" . GitHub . Consultado el 11 de abril de 2024 .
- ↑ "tailwindcss" . npm . 2024-03-27 . Consultado el 2024-04-11 .
- Diseño web adaptable
- Diseño web
- Usabilidad
- Interacción persona-ordenador
- Interfaces de usuario
- Web móvil
- marcos CSS
- Diseño web adaptativo