CSS Frameworks: PureCSS

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

cssfw-purecss

Actualmente me encuentro realizando un análisis sobre los diferentes tipos de frameworks css, se que muchos han escuchado sobre Bootstrap, un framework desarrollado por desarrolladores de Twitter muy utilizado para el “construir” sitios y aplicaciones web en tiempo record, ahorrando recursos sobre todo tiempo y dinero.

Comenzare con el framework PureCSS, la cual esta siendo desarrollado en las oficinas de Yahoo, toda la información técnica a continuación.

PureCSS

Framework ridículamente pequeño, basado en módulos.

Desarrollado por: Yahoo – YUI
Web: purecss.io
Primera Liberación: V0.1.0 May 24, 2013
Liberación Estable: V0.5.0 / May 27, 2014
Actualidad: Desarrollo Activo
Sitios Usando el FW: Yahoo, Flickr
Enfoque: Framework ridículamente pequeño, basado en módulos.
Extensiones: Se puede extender
Peso: 4.4KB minificado + gzip
Componentes: Base, Gridsm, Buttons, Forms, Tablets, Menus, Layouts, Typography.
Browser/Devices Compatibility: IE 7+, Firefox, Chrome, Safari, iOS 6.x and Android 4.x.
Versión: V0.5.0 / May 27, 2014
Utilizable: SI
Ventajas:

  • Open Source.
  • Combinable con otros CSS frameworks como Bootstrap.
  • Un grid responsivo personalizado a nuestras necesidades, otros frameworks son rígidos.
  • El core es basado en Normalize.css para la solución de la compatibilidad con navegadores (cross-browser).
  • Uso de CLI: Command-Line-Interface (npm, Bower) ( git clone git@github.com:yahoo/pure.git –> cd pure –> npm install –> grunt )
  • Grids estandares y responsivos.
  • Botones que mantienen consistencia usando etiqueta < a > o < button >
  • Estilos para menu verticales/horizontales, incluyendo soporte para menús desplegables.
  • Variedad de estilos para tablas < table >
  • Diseño Plano
  • Posee un “Skin Builder”, donde podrás personalizar los elementos/grids de tu interface web.
  • Grids aninados
  • Responsivo por defecto, con opción de “no-responsivo”.
  • Peso: 4.5KB “mignificado” + gzip.
  • Incluye Pre-procesadores.
  • PureCSS + JS = funciona con todos los frameworks de Javascript.
  • Elegante, simple y liviano.

Desventajas:

  • Es una solucion BYOJS (Bring your own JavaScript). Dependiendo del contexto que se tome.

Sitio Oficial: purecss.io

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).