Workless es un framework HTML5 y CSS3 para crear sitios web cross-browser con facilidad, ya que incluye los elementos básicos que se usan frecuentemente.

Este proyecto comenzó como un mashup de Bootstrap + HTML5 Boilerplate, pero más evolucionado, que incluye un sistema de grillas y estilos para formularios, tablas, botones, etiquetas, notificaciones y tipografía.

Además, cuenta con fuentes de ícono y algunos plugins jQuery integrados, como modales, tooltips y formato de texto.

Web: http://workless.ikreativ.com/
Descarga: https://github.com/iKreativ/Workless

Como dice el título del post, Junior es un framework front-end que permite crear aplicaciones HTML5 para dispositivos móviles, con la ventaja de que estas se ven y comportan como aplicaciones nativas.

Utiliza transiciones de CSS3 optimizadas, tiene soporte para carruseles que funcionan con gestos e incluye varios componentes CSS de Ratchet, además tiene integración con backbone.js (views y routers).

Junior utiliza Zepto (de sintaxis similar a jQuery), está muy bien documentado y dispone de varios ejemplos para comenzar a utilizarlo.

Web: http://justspamjustin.github.com/junior/
Descarga: https://github.com/justspamjustin/junior

TideSDK es una plataforma open source que permite desarrollar aplicaciones de escritorio (Windows, Linux, Mac OS X) usando HTML5, CSS3 y JavaScript.

Con TideSDK puedes extender la funcionalidad de las aplicaciones apoyándote en lenguajes de lado del servidor como PHP, Python y Ruby. También pueden hacer uso del sistema de archivos, tener una base de datos integrada, notificaciones de la pantalla, etc.

Este proyecto no es nuevo, nació con el nombre de Titanium Desktop, pero ha sido renombrado a la vez de recibir muchos cambios y mejoras.

La plataforma cuenta con una API bien documentada y una activa comunidad de desarrolladores, lo cual es ideal para obtener el apoyo necesario ante cualquier duda.

Enlace: http://www.tidesdk.org
Descarga: https://github.com/TideSDK/TideSDK/downloads

ResponsiveAeon es un Framework HTML5/CSS3 que permite crear grids sensibles y adaptables a cualquier dispositivo y resolución de forma rápida.

Este framework cuenta con un grid de 12 columnas con un ancho de 1104px en total, trabaja con mediaqueries, también dispone de estilos para tipografía, listas, tablas, botones y formularios.

ResponsiveAeon es compatible con todos los navegadores modernos, inclusive desde Internet Explorer 7, para los que incluye algunos archivos JS extra.

Demo: http://www.newaeonweb.com.br/responsiveaeon/demo/demo.html
Página Oficial: http://www.newaeonweb.com.br/responsiveaeon/

Como su nombre lo indica WYSIHTML5 es un editor WYSIWYG, es decir, transforma campos de texto proporcionando las opciones más comunes, por ejemplo: estilos de texto (negrita, cursiva), listas, encabezados, insertar imágenes o enlaces y colorear el texto.

Entre sus principales características tenemos:

• Es más rápido y ligero que otros conocidos editores como TinyMCE, Aloha, etc.
• Convierte automáticamente en link cualquier URL que se teclee
• Genera código HTML5 válido y semántico (incluso cuando el contenido se pega desde MS Word).
• Utiliza nombres de clase en lugar de estilos en línea
• No requiere frameworks JavaScript como jQuery o similares.

Configuración

1. Incluímos los ficheros JS:



2. Creamos el campo de texto que usaremos como editor:



3. Creamos la barra de herramientas:



4. Antes de la etiqueta </body>, añadimos el script que iniciará el editor:



WYSIHTML5 es compatible con los siguientes navegadores:

• Firefox 3.5+
• Chrome
• IE 8+
• Safari 4+
• Safari on iOS 5+
• Opera 11+

Enlace: WYSIHTML5

En 1st Web Designer han hecho una interesante recopilación, se trata de 45 plantillas web maquetadas en HTML5 y CSS3, para todo tipo de rubros. Lo mejor de todo es que son gratuitas, listas para descargar y editar a tu gusto.

Aquí les dejo tres ejemplos:

1. Interio

Demo | Descarga


2. Thom Sander

Demo | Descarga


3. Vivid Photo

Demo | Descarga


Enlace: 45 Fresh and Free HTML5 And CSS3 Templates

Desde que los blogs se hicieron populares hace algunos años atrás, una de sus características más importantes fue la nube de tags o Tag Cloud, un bloque en el que se muestran las etiquetas más utilizadas o más revisadas en determinada bitácora.

Al comienzo eran sólo texto con enlaces, luego a alguien se le ocurrió darle animación usando Flash para hacerla más atractiva. A día de hoy los tag clouds siguen usándose por algunos bloggers, y con la llegada de HTML5, las nubes de tags 'vuelven a la vida' por así decirlo, gracias a TagCanvas, que muestra lo de siempre, una nube de etiquetas, pero animada con HTML5.

TagCanvas viene en dos versiones, una independiente y otra que es un plugin para jQuery, además soporta tags de texto e imágenes que pueden animarse con efectos de esfera o cilindro vertical y horizontal.

TagCanvas tiene varias opciones de configuración, y funciona incluso en Internet Explorer gracias a ExplorerCanvas. En su web oficial, podrás descargar el script (tiene licencia LGPL) y además cuenta con toda la documentación necesaria para su uso.

Enlace y descarga: TagCanvas

Hace unos meses Google presentó un servicio llamado Swiffy, que permite convertir archivos SWF a HTML5, pero con ciertas limitaciones, pero hoy, han anunciado el lanzamiento de una extensión para Flash Profesional que permitirá exportar una animación a HTML5 con un clic.


La extensión ya está disponible para su descarga desde la web de Swiffy, en versiones para Windows y Mac OS X.

Lungo.js es un Framework desarrollado con HTML5, CSS3 y JavaScript, para crear aplicaciones web móviles. Las aplicaciones creadas con este framework funcionan en todas las plataformas móviles populares (iOS, Android, Blackberry y WebOS). Además, tiene soporte para eventos, como tab, doble-tap o swipe.

Lungo.js permite usar características de HTML5 como WebSQL, Geolocalización, Historial, etc. y cuenta con una API de JavaScript bien documentada que dispone de los métodos para su manejo, y sobre todo, es modular y completamente personalizable.

Web y descarga: http://www.lungojs.com/
Manual de uso: http://www.lungojs.com/how-to-use/

En Web Design Ledger han hecho una interesante recopilación, se trata de 10 herramientas HTML5 online de gran utilidad para diseñadores web. Ahora que el uso de HTML5 y CSS3 se vienen posicionando con mayor fuerza, herramientas de este tipo siempre son bienvenidas. A continuación dejo tres de ellas:

1. Online Sprite Box Tool
Su nombre lo dice todo, una interesante herramienta para crear sprites de imágenes.


2. Online Font Testing Tool
Una buena herramienta para probar distintos tipos de fuentes, permitiéndonos así, determinar qué tipografía es la más adecuada para nuestro diseño.


3. Online HTML5 Audio Maker Tool


Enlace: 10 Online HTML5 Tools For Web Designers