Comparacin entre Frameworks CSS
Presentado por:
Juan Carlos Pastrana
Arneison Ruiz Villa
Presentado a:
Ing. Fabio Garca
Tecnolgico Comfenalco
Tecnologas Web
Quinto Semestre
22 de abr. de 17
Bootstrap Foundation de ZURB
Creadores: Mark Otto y Jacob Thornton. Creadores: ZURB
Lanzamiento: 2011 Lanzamiento: 2011
Versin actual: 3.3.1 Versin actual: 5.4.7
Popularidad: 75,000+ estrellas en GitHub Popularidad: 18,000+ estrellas en GitHub
Descripcin: "Bootstrap es el marco ms Descripcin: "El framework de front-end ms
popular de HTML, CSS y JavaScript para avanzado en el mundo"
desarrollar proyectos mviles de primera
Conceptos bsicos / principios: RWD, mvil
respuesta en la web".
primero, semntico.
Conceptos bsicos / principios: RWD y
Tamao del marco: 326 KB
mviles primero.
Preprocesadores: Sass
Tamao del marco: 145 KB
Respuesta: S
Preprocesadores: Less y Sass
Modular: S
Respuesta: S
Plantillas y diseos iniciales: S
Modular: S
Conjunto de iconos: Foundation Icon Fonts
Plantillas y diseos iniciales: S
Extras / Complementos: S
Conjunto de iconos: Glyphicons Halflings set
Componentes nicos: Icon Bar, Clearing
Extras / Complementos: Ninguno incluido,
Lightbox, Flex Video, pulsaciones de teclas,
pero muchos complementos de terceros
joyride, tablas de precios
estn disponibles.
Documentacin: Bueno. Hay muchos recursos
Componentes nicos: Jumbotron
adicionales disponibles.
Documentacin: Bueno
Personalizacin: no personalizador GUI, slo
Personalizacin: Personalizacin bsica GUI. la personalizacin manual.
Desafortunadamente necesita ingresar los
Soporte del navegador: Chrome, Firefox,
valores de color manualmente, porque no hay
Safari, IE9 +; IOS, Android, Windows Phone 7+
seleccionador de color disponible.
Licencia: MIT
Soporte del navegador: Firefox, Chrome,
Safari, IE8 + (necesitas Respond.js para IE8)
Licencia: MIT
Semantic UI Pure por Yahoo!
Creador: Jack Lukic Creador: Yahoo
Lanzamiento: 2013 Lanzamiento: 2013
Versin actual: 1.2.0 Versin actual: 0.6
Popularidad: 12,900+ estrellas en GitHub Popularidad: 9,900+ estrellas en GitHub
Descripcin: "Un marco de componentes de Descripcin: "Un conjunto de mdulos CSS
la interfaz de usuario basado en principios pequeos y sensibles que puedes usar en
tiles del lenguaje natural". cada proyecto web".
Conceptos / principios bsicos: Semntica, Conceptos bsicos / principios: SMACSS,
ambivalencia de la etiqueta, sensible. minimalismo.
Tamao del marco: 552 KB Tamao del marco: 18 KB
Preprocesadores: Menos Preprocesadores: Ninguno
Respuesta: S Respuesta: S
Modular: S Modular: S
Plantillas / diseos iniciales: No Plantillas y diseos iniciales: S
Conjunto de iconos: Font Awesome Conjunto de iconos: Ninguno. Puede utilizar
Font Awesome en su lugar.
Extras / Complementos: No
Extras / Complementos: Ninguno
Componentes nicos: divisor, bandera, carril,
revelar, paso, anuncio, tarjeta, alimentacin, Componentes nicos: Ninguno
artculo, estadstica, atenuador, clasificacin,
Documentacin: Bueno
forma.
Personalizacin: GUI bsico Creador de Piel
Documentacin: Muy bien. Semantic ofrece
una documentacin muy bien organizada, Soporte del navegador: ltimas versiones de
adems de un sitio web separado que ofrece Firefox, Chrome, Safari; IE7 +; IOS 6.x, 7.x;
guas para comenzar, personalizar y crear Android 4.x
temas.
Licencia: Yahoo! Inc. BSD
Personalizacin: no personalizador GUI, slo
la personalizacin manual.
Soporte del navegador: Firefox, Chrome,
Safari, IE10 + (IE9 slo con prefijo de
navegador), Android 4, Blackberry 10
Licencia: MIT
UIkit de YOOtheme
Creador: YOOtheme
Lanzamiento: 2013
Versin actual: 2.13.1
Popularidad: 3,800+ estrellas en GitHub
Descripcin: "Un marco de front-end ligero y
modular para desarrollar interfaces web
rpidas y potentes."
Conceptos bsicos / principios: RWD, mobile
first
Tamao del marco: 118 KB
Preprocesadores: Menos, Sass
Respuesta: S
Modular: S
Plantillas y diseos iniciales: S
Conjunto de iconos: Font Awesome
Extras / Complementos: S
Componentes nicos: Artculo, Flex, Cubierta,
Editor HTML
Documentacin: Bueno
Personalizacin: Advanced GUI Customizer
Soporte del navegador: Chrome, Firefox,
Safari, IE9 +
Licencia: MIT
Traductor de Google para empresas:Google
Translator ToolkitTraductor de sitios
webGlobal Mark
