Revista Tecnología

Groundwork – Toolkit HTML5, CSS y Javascript 100% responsive

Publicado el 20 febrero 2013 por Biriicom @biriiCom

Groundwork  es un conjunto de herramientas totalmente responsive basadas en HTML5, CSS y Javascript . is a fully responsive HTML5, CSS and Javascript toolkit.

El sistema de grid (rejilla) flexible de Groundwork facilita los desarrollos rápidos que, además, se escalan para ajustarse al tamaño de cualquier pantalla, ya sea desde un dispositivo móvil hasta una televisión de gran formato.

birii groundwork opensource gratis responsive grid 1024x467 Groundwork   Toolkit HTML5, CSS y Javascript 100% responsive

El grid de Groundwork permite definir formatos en cualquier cantidad de columnas hasta un máximo de doce divisiones, pero lo que tiene en especial frente a otros sistemas de grids es que se puede asignar diferentes anchuras a las columnas. Es decir, si decidimos tener dos columnas, no necesariamente han de tener la misma anchura ambas.

birii groundwork responsive grid toolkit html5 css javascript 1024x425 Groundwork   Toolkit HTML5, CSS y Javascript 100% responsive

Groundwork cuenta con sistema de rejilla muy flexible

Groundwork es open source, alojado en Github y 100% gratuíto. Ha sido construído desde cero utilizando Sass, un potente preprocesador de CSS. Sass es una extensión de CSS3 que incorpora reglas anidadas, variables, herencia en selectores y mucho más. El código generado con Saas es convertido a CSS estandar bien formado mediante la utilidad de linea de comandos o utilizando algún plugin de un framework basado en web.

Al tratarse de un conjunto de herramientas (toolkit) ofrece mucho más al desarrollador a través de los siguientes componentes: grid, media queries,  tipografía, formularios, botones, navegación, tabs (pestañas), elementos UI (Interfaz de usuario), tablas, iconos, iconos sociales (facebook, twitter, etc.), texto responsive (se adapta con fluidez y automáticamente a las dimensiones de la patalla de cualquier dispositivo con el que se visualice la página web), ventanas modales, tooltips y Orbit. Este último es un estupendo slider de imágenes y de contenido.

Sitio web: http://groundwork.sidereel.com

Artículos relacionados:

  • CSS Hórus
  • iLightBox plugin jQuery para ventanas modales
  • Top Drawer Menú desplegable para diseños responsive
  • Shapeshift Plugin jQuery organiza elementos en cuadrícula…
  • Photobox Plugin jQuery para galerías de fotos con CSS3

También podría interesarte :

Volver a la Portada de Logo Paperblog

Quizás te interesen los siguientes artículos :

Revista