Generador de cintas diagonales (Ribbons)

Website Ribbon Generator es un generador online de cintas diagonales, llamadas ribbons en inglés, que puedes insertar en una esquina de tu blog/sitio en cuestión de segundos.

Si te gusta algún sitio o si eres partidario de una causa, no hay mejor forma de llevarla a cabo que insertando una cinta diagonal en tu sitio enlazando a esa página. En forma alternativa, si sólo deseas darle un toque distintivo a tu web o identificar todos tus sitios con una única cintilla, puedes usarla sin agregarle un enlace.

Puedes personalizar la apariencia de tu cinta, agregando el texto que deseas que muestre la misma, un enlace (opcional), tipo y tamaño de letra, color y tipo de ribbon. Finalmente presionas en Generate y la herramienta creará un código JavaScript que deberás copiar y pegar en el código fuente de tu página. La cinta se mostrará siempre en la misma esquina sin importar dónde insertes el código.

En mi opinión sería bueno que se pudiera agregar un color personalizado para la cinta además de los disponibles en forma predeterminada. Además al ser un código JavaScript, el que hay que insertar, supongo que no se mostrará en aquellos navegadores que no lo soporten. Pero la verdad que me parece una excelente herramienta, ideal para aquellos que deseen de forma inmediata mostrar una cinta y que no quieran hacerse líos con hojas de estilos. En el sitio de la herramienta recomiendan usar mayúsculas para obtener un mejor efecto.

Como ejemplo pueden observar la cinta en la esquina superior derecha del generador.

Cinta o cintilla diagonal para esquina de blog

Vía: DigiZen.

Aplicación web online para examinar tu código JavaScript

Chequear, examinar código JavaScript

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.

Machetes de Html, Css, JavaScript y php para tener siempre a mano

Referencias rápidas

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

Cerrar
Enviar por Correo