Mostrando entradas con la etiqueta cartillas. Mostrar todas las entradas
Mostrando entradas con la etiqueta cartillas. Mostrar todas las entradas

lunes, 24 de enero de 2011

HTML5 para todos

HTML5 logoEl tema está más caliente que nunca, y estuve charlando en estos días con diferentes personas que no han llegado a familiarizarse todavía con los conceptos detrás de este conjunto de tecnologías, por lo que me parece apropiado hacer una compilación de recursos sobre el tema, extendiendo un poco lo cubierto en el post sobre el logo de HTML5.

A continuación dejo una serie de recursos (en inglés) para profundizar sobre varias de las tecnologías que forman parte de este estándar en constante evolución, que a pesar de no estar completamente especificado, está siendo utilizado masivamente en producción.

Demos

Lo primero que puede ser útil es ver algunos ejemplos de las distintas capacidades, así que van algunos recursos para familiarizarse y entender un poco más lo que hay disponible. En casi todos los casos está aclarado, pero vale reiterarlo: estos ejemplos funcionan bien, mal o nada según el browser con que se prueben. Idealmente, conviene tener más de uno a mano para entender las diferencias. Y también es bueno ver qué cosas funcionan en todos o casi todos.

  • HTML 5 Demos and Examples contiene demos duras de funcionalidad específicas por API. Son técnicas e incluyen código simple para entender cómo se usan, pero no son especialmente atractivas visualmente.
  • 48 Excellent HTML5 demos incluye más demos vistosas. Están recopiladas de distintos orígenes y  no siempre tienen mucho detalles sobre las técnicas subyacentes, pero sirven para darse idea de las posibilidades.
  • HTML5 Form Demo es un único ejemplo que muestra concisamente el mecanismo de validaciones en formularios y los recursos gráficos asociados. Una buena descripción del API se encuentra en esta página de Mozilla.
  • Los Slides de Google que son usados en casi todas sus presentaciones, tienen un montón de demos que apuntan sobre todo al soporte de Chrome, pero la mayoría funcionan en FireFox, Safari, Opera e incluso en IE 9 Beta. Lo interesante es que la presentación completa está armada en HTML5 y las explicaciones son muy detalladas.

Ejemplos, Plantillas

  • html5bolerplate es una plantilla muy completa que permite utilizar todos los recursos comunes de HTML5 en la mayoría de los browsers (¡incluyendo IE6!). Además, utiliza las mejores técnicas de caching y compresión para máxima eficiencia, buenas prácticas de configuración del sitio (para Apache, IIS, ngnix, etc), optimizaciones para navegadores móviles, y mucho más.
  • Para quienes se asusten con la plantilla anterior (por la inmensa cantidad de cosas que contempla), Easy HTML5 Template o HTML5 Reset son versiones reducidas, menos ambiciosas, que pueden servir como punto de partida.

Guías y Cartillas

 

 

miércoles, 15 de diciembre de 2010

Cartilla de ayuda para vi/vim

Vim

vi es una herramienta clásica del mundo Unix que mucha gente encuentra arcaica y obscura, mientras otros son fanáticos de su simpleza y flexibilidad.

Se trata de un editor de textos escrito por Bill Joy en el 76, años antes de la fundación de Sun, famoso por sus modos de operación (insert o normal) y su capacidad para interactuar con el sistema operativo subyacente.

Uno de sus derivados más populares es Vim, creado originalmente en 1991 para las computadoras Atari Amiga y portado con el tiempo a prácticamente todas las plataformas modernas, aunque su mayor popularidad sigue estando en la comunidad Linux/Unix.

La particularidad de ambos editores es que no utilizan menúes sino comandos de texto (estilo línea de comando) o teclas especiales. Es esta característica la que fanatiza a muchos usuarios de Vim: no hace falta tocar el mouse para usarlo.

El equipo de ViEmu, un plugin para Visual Studio, Word, Outlook y SQL Server Studio que agrega a estos entornos las capacidades de comandos, macros y secuencias de teclado tradicionales de Vi, ha publicado una cartilla visual (cheat sheet) que puede ayudarnos a aprender vi/vim o servirnos de referencia para los comandos menos usados. La reproduzco vinculada a la página original donde también hayuna serie cartillas en forma de lecciones para aprender el uso en orden.

Vim Cheat Sheet

 

jueves, 25 de noviembre de 2010

Cartilla visual de GIT

Para todos los que están todavía acostumbrándose a GIT o no recuerdan operaciones que no hace  frecuentemente, Matt Harrison comenzó a armar esta guía visual (cheatsheet), con la que se puede colaborar como explica en su post.

GIT Cheat Sheet

Pueden obtener la imagen a tamaño completo, para imprimirla y pegarla cerca de sus monitores.