Es una nueva comunidad sobre el reciente estándar de la web Html5, donde puedes encontrar tutoriales, tips, consejos, información, noticias y demás en un solo lugar.


Apoya la comunidad con $1 USD, queremos mejorar y compartir más conocimiento.

Cardinal CSS. Contruye más con menos


  Publicado hace |  Etiquetas: , , , , ,

Cardinal CSS

Todo desarrollador font-end necesita del apoyo de frameworks que le faciliten el trabajo, permita mejoras continuas y otorguen flexibilidad al momento de generar un diseño propio en las aplicaciones web.

Cardinal es un framework CSS modular, en el que su lema “mobile first” (primero móvil) es lo primordial y base del mismo; construida con el rendimiento y la escalabilidad en mente.

El objetivo

El propósito de Cardinal CSS es que sea más fácil para los desarrolladores front-end la construcción y el mantenimiento para los sitios web, así como también las interfaces de usuario. También nos brinda la facilidad de dejarnos el diseño y la creatividad en nuestras manos, bueno… En nuestro código.

Principios

Cardinal ha sido creado bajo ciertos principios:

  • Abierto/Cerrado: Los estilos deben ser abiertos para la extensión, pero al mismo tiempo cerrado para su modificación. Es muy importante evitar los estilos que son muy específicos al contexto.
  • Reutilización: Los estilos modulares permiten la flexibilidad de diseño y tendrán una vida útil más larga.
  • No debes usar suposiciones: Trata de no hacer demasiadas suposiciones demasiado pronto, porque el diseño y el desarrollo son procesos iterativos.
  • Claridad y ingenio: Evitar la creación de estilos que tengan ambigüedad. Los estilos más fáciles para los seres humanos serán fácilmente adoptados.

Características

  • Estilos globales, variables y mixins útiles.
  • Sistema de red flexible y estilos encapsulados para los objetos comunes de interfaz de usuario (botones, formularios, tablas, etc.)
  • Colección de clases de utilidad optimizado para gran compresión gzip .
  • Todo el marco, minified y comprimido con gzip.

¿Cómo lo empiezo a usar?

Hay diferentes formas de usar Cardinal, una de ellas es mediante un gestor de paquetes llamado Bower:

cd your-project-directory
bower install --save cardinal

En el caso de que no necesites o no quieras incluir el gestor en tu proyecto, puedes hacer lo siguiente:

Deberás tener Node.js y usar Gulp para compilar y ver los archivos CSS.

git clone git@github.com:cbracco/cardinal.git
cd cardinal
npm install
gulp

Soporte en navegadores

  • Google Chrome 25+
  • Mozilla Firefox 19+
  • Safari 6.0+
  • iOS Safari 4.0+
  • Opera 12.1+
  • Android 4.2+
  • Internet Explorer 9+

Visita el sitio web oficial de Cardinal CSS

comments powered by Disqus