CSS Frameworks: Skel

Categoria : Desarrollo Web, Informatica, Programacion · Por Dec 24th, 2014

cssfw-skel

A pocas horas de celebrar la navidad y compartiendo con familia y amigos, deseo compartir un poco de conocimiento sobre desarrollo web, como les había comentado en la entrada anterior, me encuentro realizando un análisis sobre los diferentes tipos de frameworks css, anteriormente hable sobre PureCSS. Esta vez hablaremos sobre el framework Skel, desarrollado por n33.co, a continuación toda la información técnica.

Skel

Framework liviano, diseñado para desarrollar sitios/apps responsivos de una forma simple, rápida y efectiva. (/etc/skel/).

  • Desarrollado por: Desarrollador n33
  • Web: getskel.com
  • Primera Liberacion: v1.0.0 / Oct 25-2014
  • Liberacion Estable: v2.0.1 / Nov 24-2014
  • Actualidad: Desarrollo Activo
  • Sitios Usando el FW: No pude encontrar…
  • Enfoque: Framework liviano, diseñado para desarrollar sitios/apps responsivos de una forma simple, rapida y efectiva. (/etc/skel/).
  • Extenciones:
  • Peso: Single File 22Kb
  • Componentes: Grids, €xtras (Layers – Baseline)
  • Browser/Devices Compatibility: IE 8+, Firefox, Chrome, Safari
  • Version: v2.0.1 / Nov 24-2014
  • Utilizable: SI
  • Ventajas:
    • Powerful breakpoint management.
    • Normalize para la solucion de la compatibilidad con navegadores (cross-browser and platforms).
    • Breakpoint Manager that makes responsive breakpoints accessible via JS (allowing for handy stuff like if (skel.isActive(‘small’)) { /* do something specific for small displays */ }). It can also manage stylesheets and even override certain framework behaviors at a per-breakpoint level.
    • A flexible CSS grid system that’s responsive, nestable, configurable.
    • All packaged in just a single 22kb file (skel.min.js) with no dependencies.
    • Consolidating breakpoints in one place by letting the Breakpoint Manager load/unload stylesheets.
    • Define as many or as few breakpoints as you like.
    • Helper class.
    • Skel Api: Skel exposes the following methods and properties via the skel object: skel.vars – stateId – IEVersion – deviceType – deviceVersion – isTouch – isMobile
  • Desventajas:
    • No dispone de SASS / LESS.
    • Pocos componentes UI.
    • Es una solución BYOJS (Bring your own JavaScript).

Actualización: Han actualizado de la versión v2.0.1 a la versión v2.1.0 por lo que habrá cambios comparados a la lectura, en todo caso serian cambios pequeños.
Sitio Oficial: getskel.com

SHARE :

Acerca de - @jdiazhn

Desarrollador Web / IT / Telecom, viviendo actualmente en isla de Roatan en el atlántico de Honduras. Amante del buen fútbol, asados y temas relacionados con Tecnologías de la Información (IT).