Tooler | Herramientas web y Recursos

JavaScript Lint es una aplicación online gratuita que nos permite examinar nuestro código JavaScript en busca de errores comunes y nos alerta de ellos. Lo interesante de esta aplicación, según redactan en la web oficial, es que nos alerta de ciertas técnicas cuestionables. De esta manera posibilita crear códigos de alta calidad y más fáciles de mantener.

Está basada en el motor JavaScript de Firefox y cuenta también con una versión de escritorio gratuita para descargar (más completa que la versión online).

A continuación algunos de los errores que alerta la aplicación (traducidos en SentidoWeb):

• Falta de punto y coma al final de la línea.
• Llaves sin un if, for, while.
• Código que nunca se ejecuta debido a un return, throw, continue o break.
• Sentencias case dentro de un switch que no tienen break.
• Números decimales que empiezan o acaban directamente con el punto.
• Un número que empieza por cero que lo convierte en octal.
• Sentencias que no hacen nada.
• Expresiones regulares que no están precedidos por un paréntesis, asignación, coma o dos puntos.
• Sentencias separadas por comas en vez de por punto y comas.
• Sentencias if, for, while, … sin llaves.
• Detectar variables no usadas.

Vía: SentidoWeb.

En Cheat Sheets puedes encontrar machetes de html, css, JavaScript y php, entre otros, en formato PNG y PDF diseñados para ser impresos en una sola hoja y llevarlos contigo a modo de referencia rápida sobre el lenjuaje o tema en cuestión.

Puedes acceder directamente a los cheat sheets desde los enlaces a continuación y elegir el formato para guardarlo, imagen PNG o documento PDF:

Cheat Sheet de Html

Cheat Sheet de Css

Cheat Sheet de JavaScript

Cheet Sheet de caracteres Html y sus equivalencias

Cheet Sheet de PHP

Otros:

Cheat Sheet de Expresiones regulares
Cheat Sheet de Microformatos
Cheat Sheet de Tabla de colores Hex
Cheat Sheet de Asp
Cheet Sheet de MySQL
Cheet Shett de mod_rewrite

Vía: Menéame

En Smashing Magazine han publicado una excelente colección denominada 53 CSS-Techniques You Couldn’t Live Without. Constituye un repositorio de técnicas basadas puramente en CSS, aunque sólo en algunas también incorpora algo de JavaScript.
A continuación voy a nombrar algunas de las técnicas citadas, pero para conocer la lista completa (53 técnicas) y los enlaces correspondientes deberán visitar la fuente original.

• Navegación basada en css.
• Pestañas en css.
• Gráficos de barra en css.
• Tablas colapsables.
• Método de personalización de los radioboxes y checkboxes.
• Reemplazo de imágenes.
• Sombras en css.
• Esquinas redondeadas con css.
• Letras capitales.
• Definir la opacidad de una imagen con css.
• Diagramas con css.
• Curvas con css.
• Mapas de imagen.
• Precarga de imágenes con css.
• Técnicas css en formularios y tablas.
• Páginas de impresión con css.
• Trucos para personalizar las viñetas.
• Técnica de Zoom en css.
• Tablas al estilo zebra con JavaScript y css.
• Formateo de pie de notas con css.

Vía: Menéame