Este Framework cuenta con todos los elementos GUI para poder comenzar a realizar un mockup de una interfaz. Cuenta elementos del tipo, acordeones, slides, ratings,etc. Un conjunto de más de 260 Iconos y más de 200 estilos y 330 swatches para personalizar nuestros elementos.

Por ultimo el pack cuenta con una licencia que ter permite usarlo en proyectos personales y comerciales haciendo referencia a la atribución solamente.

El objeto de esta librería es disminuir el tiempo de trabajo cuando nos encontramos desarrollando con los efectos de CSS3. La librería CSS3 action library (Framework) es de lo mas potente y pensada para desarrolladores con experiencia y también para los que recién se encuentran dando sus primeros pasos.

Este Framework se basa en los pseudo elementos :hover, :active :target y en las propiedades CSS3 transforms.

Para desarrollar con este Framework solo debemos seguir una sintaxis, propia de cada Framework. El siguiente diagrama intenta explicar dicha sintaxis:

Los efectos que podemos aplicar son: Scale, Translate, Rotate, Shadow y Multitransform. Cada efecto puede combinarse para lograr un resultado único.

Este proyecto cuenta con varios demos para que puedas observar como se comporta esta librería, por ejemplo:

• Hover
• Active
• Target
• All in one
• Google CSS3 Redesign

Este Framework se encuentra en constante desarrollo, por lo cual es de esperarce (crucemos los dedos) que un futuro cercanos se brinde un poco de soporte para Internet Explorer.

Muchos diseñadores cuentan con un Theme de estas características para agilizar el trabajo, ya que muchos características se repiten de manera mecánica cuando de diseñar un Theme se trata.

Características:

• Bien comentado y semánticamente presentado
• XHTML 1.0 STRICT
• Widget-Ready
• Títulos optimizados en SEO
• Un archivo functions.php con algunas funciones básicas
• Una hoja de estilo con las clases y preceptos genéricos

Por ultimo, este Theme es libre de ser usado en proyectos, tanto personales como comerciales.

El grid de 52framework esta basado en 16 columnas de 52 pixels con 8 pixels para el gutter.

La características especificas de este Framework son:

HTML5

• Uso de la mayoria de los nuevos tags: header, nav, section, article, footer
• Implemtación y uso de los nuevos input field types: url, email
• Posibilidad de embeber javascript solo con el tag script
• Hoja de estilo para el reset pensando en HTML5

CSS3

• Implementación del nuevo selector ::selection para personalizar la selección de texto
• Redondear esquinas en cualquier elemento
• Text-Shadow en cualquier elemento
• Box Shadow para los elementos en bloque

Este Framework utiliza referencias simples de recordar y lógicas, por ejemplo; si necesitáramos crear un DIV de un height de 700px y un width de 500px, solo haríamos referencia a esta clase:

<div class=”rl w500 h700”>
    <div class=”rl w50 h70”></div>
</div>

Otro punto fuerte es el hecho de que Markercss se encuentra sub-dividido en distintos temas para una mejor compresión y aplicación: bordes, fondos, links, etc.

Como lo habrás notado los CSS Framework son cada vez mas comunes y potentes, hay opiniones encontradas a favor y en contra de ellos, pero en definitiva están aquí para quedarse.

#grid se a adapta a cualquier diseño, pero por defecto esta herramienta asume que esta trabajando con un ancho de 980px + 20px para el glutter. Tambien, por defecto se asume que el Vertical Rhythm esta basado en un lead de 20px. Pero todas estas opciones son configurables y adaptables a nuestro diseño.

Y por ultimo #Grid cuenta con una serie de shortcuts para hacernos la vida mas fácil, como mostrar y esconder la grilla, o convertir la grilla en sticky.

Easy incluye los siguientes archivos para que comiences a trabajar:

• Un documento html en blanco que incluye los links necesarios para que comiences con la produccion
• Un documento HTML a modo de demo para observar como se comporta el Framework
• Hojas de estilos, screen.css y print.css
• easy.js donde de se incluyen todas las funciones mencionadas
• main.js para añadir o modificar nuevas funciones
• Una versión comprimida de jQuery

La documentación de Easy es muy rica, por lo que no te toparas con problemas a la hora de implementar este Framework.

Mediante la proporción dorada y la secuencia de Fibonacci se logra un legibilidad casi perfecta a la hora de trabajar con tipografías.

azbuka tiene como premisas:

• Un texto por defecto en 13px
• Radio dorado para el line-height en 1.618em
• Fuentes Serif para los encabezados y san-serif para los párrafos
• Leve distanciamiento (line-height) en los encabezados, para mejorar la legibilidad
• Un color base de #111 en el texto para lograr un buen contraste

Desde el Code de Google podrás ver algunos demos para comprobar por mismo esta librería.

Otro de los puntos fuertes de este Framework es el tema de la Tipografía, ya que en él tenemos incluidas todas las reglas y propiedades para mantener lo que se llama horizontal and vertical rhythm, osea co-relacion en nuestra tipografía horizontal y verticalmente.

En cuanto a su uso, tengo que decir que tienen mucha lógica, ya que trabaja con lenguaje semántico: Armamos un Grid basado en seis columnas solo con mencionar la clase six_column y a su vez dentro de esta, la cantidad de columnas que necesitamos. De esta forma siempre tendremos una lógica y estética en el diseño logrando un diseño fluido.

JoobsBox es Open Source, si estas acostumbrado a trabajar con Fameworks o CMS lo encontraras muy sencillo de modificar por tus medios, y si no dispones de los conocimientos necesarios, con la comunidad de fondo, podrás obtener soporte.

Entre muchas de sus opciones, podemos mencionar:

• Potenciado por PHP Mysql y Zend Framework
• Multi lenguaje
• SEO friendly URLs
• Feeds para todas las categorías
• Poderoso buscador