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.
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.
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
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure