Edición de «Framework de CSS»

Un '''framework de CSS''' es una [[Biblioteca (informática)|biblioteca]] de estilos genéricos que puede ser usada para implementar [[diseño web|diseños web]]. Aportan una serie de utilidades que pueden ser aprovechadas frecuentemente en los distintos diseños web.

== Ventajas ==
Un [[framework]] de [[Hojas de estilo en cascada|CSS]], si está bien diseñado e implementado, proporciona las siguientes ventajas:

*Proporcionar una forma fácil y por tanto rápida de implementar diseños web.
*Nos aseguran que el diseño va a funcionar en una amplia gama de navegadores
*Nos aseguran que su código cumple cierta normas estándar.
*Nos aseguran cierto grado de fiabilidad en la eficacia de las utilidades que nos aportan. El framework se supone que está bien probado para asegurarnos que no hay errores.

== Inconvenientes ==
El uso de un framework de CSS puede llevar aparejado las siguientes desventajas:
*La importación de código del framework que no es necesario en nuestro diseño web concreto. Esto provoca un incremento innecesario del consumo del ancho de banda y del tiempo de descarga.
*Hay un menor control por parte del maquetador de lo que realmente está sucediendo en la visualización de la página web. Esto suele ser un problema cuando se tiene que corregir algún efecto indeseado.
*Al diseñar con código prehecho, podemos estar limitándonos en cuanto las posibilidades de elección del diseño web.

== Clasificación ==
Podemos clasificar los frameworks de css en dos tipos: 
*Multipropósito: Proporcionan un conjunto de utilidades variadas útiles para distintos aspectos del desarrollo de un diseño web. Ej [[Cascade Framework]].
*Propósito específico: Están orientados a proporcionar herramientas para un propósito determinado. Por ejemplo, hay frameworks de CSS orientados a proporcionar herramientas para el desarrollo de [[rejilla (diseño web)|rejillas]] (Ej. [[Responsive Grid System]], [[Skeleton (framework de css)|Skeleton]], [[Semantic Grid System]]), orientadas al control de la parte gráfica de la interfaz de usuario (Ej. [[Accordion]], [[tabs]], [[slideshow]]), orientados a la [[Tipografía Web|tipografía]], etc.

== Ejemplos ==
Algunos ejemplos de framework de CSS son:
* [https://github.com/igoradamenko/awsm.css awsm.css]
* '''[http://alterebro.github.io/armazon.css/es/ Armazon]'''
* [http://basegui.de/ Baseguide]
* [[Twitter Bootstrap|Bootstrap]]
* [https://github.com/heathiscode/boxySheets BoxySheets]
* [[Cascade Framework]]
* [http://jslegers.github.io/cascadeframeworklight/ Cascade Framework Light]
* [https://web.archive.org/web/20140408122458/http://getchopstick.com/ Chopstick]
* [http://concisecss.com/ Concise]
* [https://web.archive.org/web/20160430051336/http://flexify.webio.ca/ Flexify]
* [https://github.com/floatzcss/ floatz]
* [[Foundation_(framework)|Foundation]]
* [http://ink.sapo.pt/ Ink]
* [https://github.com/inuitcss/ inuitcss]
* [https://github.com/JalsonicNetworks/Opinion Jalsonic Opinion]
* [http://kathamo.github.io/ Kathamo]
* [http://imperavi.com/kube/ Kube]
* [http://www.kule.tw/ Kule Lazy]
* [http://www.getmdl.io/ Material Design Lite]
* [http://materializecss.com/ Materialize]
* [http://modestgrid.com/ Modest Grid]
* [http://purecss.io/ Pure CSS]
* [https://www.myresponsee.com/ Responsee]
* [http://responsivebp.com/ Responsive BP]
* [http://www.responsivegridsystem.com/ Responsive Grid System]
* [http://danmalarkey.github.io/schema/ Schema UI / Built with LESS]
* [http://semantic-ui.com/ Semantic UI]
* [http://sierra-library.github.io/ Sierra SCSS Library]
* [https://github.com/yegor256/tacit Tacit]
* [http://getuikit.com/ uikit]
* [http://unsemantic.com/ Unsemantic]
* [https://web.archive.org/web/20180611003142/https://github.com/vcl/doc Visual Component Library (VCL)]
* [http://www.w3schools.com/w3css/default.asp W3.CSS]
* [https://www.weepower.com/ Wee]
* [https://web.archive.org/web/20190517171128/http://esdmadrid.es/gi/brianframework/ Brian]
* [https://web.archive.org/web/20190517171217/http://esdmadrid.es/gi/buildit/ Buildit]
*[[YUI Grids]]
* {{Enlace roto|1=[http://esdmadrid.es/gi/aiuda/ Aiuda] |2=http://esdmadrid.es/gi/aiuda/ |bot=InternetArchiveBot }}
* {{Enlace roto|1=[http://esdmadrid.es/gi/thebes/ Thebes] |2=http://esdmadrid.es/gi/thebes/ |bot=InternetArchiveBot }}
* {{Enlace roto|1=[http://esdmadrid.es/gi/minionweb/ Minion Web] |2=http://esdmadrid.es/gi/minionweb/ |bot=InternetArchiveBot }}
* [https://web.archive.org/web/20190601162940/http://esdmadrid.es/gi/patrykstyle/ Patrykstyle]

== Referencias ==
*"Speaking in Styles: Fundamentals of CSS for Web Designers", Jason Cranford Teague. New Riders 2009

{{Control de autoridades}}
[[Categoría:Diseño web]]
[[Categoría:CSS]]
[[Categoría:Usabilidad]]
[[Categoría:Interacción persona-computadora]]
[[Categoría:Interfaz de usuario]]
[[Categoría:Frameworks]]