Este artículo esta dividido en las siguiente categorías:
Tipografía
Esta utilidad te ayudará a identificar cualquier tipo de fuente que veas en Internet.
FitText te permite hacer que el texto de tus sitios web sean flexibles, esto con el fin de ser utilizados tanto en sitios web normales como sitios web móviles.
Con esta utilidad podrás programar junto a CSS algunas increíbles formas de presentar el texto de tu web.
Esta utilidad te permite poner un botón con el cual los usuarios redimensionen el tamaño del texto.
Javascript
Esta herramienta te ayuda a encontrar errores en tu código JavaScript.
Esta utilidad te permite incluir Sliders o Carruseles de imágenes en tu sitio web.
Vogue te permite recargar la hoja de estilos CSS en el navegador web el el sitio que estés modificando.
Con esta utilidad puedes decidir cargar solo los scripts que tus usuarios necesitan en tu sitio web.
Este plugin de jQuery te permite ejecutar diferentes funciona al hacer scroll sobre un elemento en tu sitio web.
Este sitio te muestra una guía para que puedas desarrollar tus propios plugins de jQuery.
Este plugin de jQuery te permite habilitar el atributo placeholder de los formularios en los navegadores que no lo tienen.
Este sitio analiza tu código JavaScript en busca te problemas y te da en reporte en formato JSON.
HEAD.js te permite cargar todos tus scripts de JavaScript de una sola vez y en paralelo.
Este sitio te permite codificar en JavaScript tu dirección de email para evitar recibir Spam en él cuando lo publiques en tu sitio web.
Este sitio te muestra una guía detallada sobre todo lo que necesitas saber sobre el lenguaje de programación JavaScript.
Esta librería te permite habilitar métodos modernos de JavaScript.
Esta librería en JavaScript te permite manipular imágenes gracias al Canvas de HTML5.
Con esta librería en JavaScript puedes mostrar y combinar tu número de seguidores, fans, etc en las redes sociales de forma sencilla y rápida.
Esta es un framework para JavaScript que recopila las funciones más usadas en un archivo de tan solo 4 kb.
Esta librería te permite aplicar una gran cantidad de efectos las imágenes de tu web.
Con esta librería puedes generar el gráfico de ‘cargando’ sin necesidad de imágenes.
Este es un framework de JavaScript y HTML5 con el que puedes transformar tus sitios web en sitios web para dispositivos móviles.
HTML
Este sitio web te ofrece una plantilla base para enviar tus emails en formato HTML y que se vea igual en todos los proveedores (Gmail, Hotmail, Yahoo, etc.).
Este sitio te ayudará a validad tus plantillas de HTML para emails y te dirá que errores tienen el código.
De los mismos creadores de HTML5 Boilerplate, nos traen una plantilla base para que desarrolles tu sitio web para móviles.
Este sitio te provee los archivos necesarios para desarrollar tu sitio de 320px hacia arriba. Se basa en HTML5 Boilerplate.
Este sitio utiliza el canvas de HTML5 para generar una imagen de carga para tu sitio web.
Este sitio te proporciona un framework para mejorar la interfaz de usuario de tu sitio con HTML5.
Con esta librería podrás modificar el texto de tu sitio de formas sorprendentes utilizando la característica canvas de HTML5.
Este es un framework basado en HTML5 que te proporciona todo lo necesario para crear aplicaciones móviles que funciones en todos los dispositivos móviles.
En este sitio puedes leer un libro sobre diseño web y de aplicaciones para dispositivos móviles, completamente gratis.
Imágenes
Este sitio te proporciona una forma fácil y en línea de editar tus imágenes.
Con este sitio serás capaz de utilizar sus imágenes como imágenes de ejemplo en tus diseños.
Este es otro editor en línea de imágenes.
En este sitio puedes comprimir tus imágenes JPG, GIF y PNG sin perder la calidad de la imagen.
Con los archivos que te da este sitio puedes hacer que tus imágenes se adapten al tamaño de la ventana del navegador.
Utilidad web con la que puedes comprimir al máximo tus imágenes en formato JPG.
Esta página te proporciona una colección de 653 pictogramas que puedes usar en tus diseños web.
Con esta aplicación podrás crear una imagen con ruido en formato PNG para el fondo de tus diseños.
Con esta librería en PHP puedes manipular las imágenes de tu sitio web.
Diseño
En DinPattern encontrarás una gran galería de patrones para el fondo de tus diseños.
Con este sitio podrás crear pixél a pixél el diseño del fondo de tu sitio web.
Aquí encuentras una gran colección de patrones de fondo y además puedes editarlos en línea.
Este sitio te ayuda a generar un patrón para el fondo de tus diseños web.
En este sitio web puedes crear un fondo en forma de barra verticales o puedes encontrar una buena paleta de colores para tu diseño.
Este sitio genera un fondo con puntos en diferentes tamaños.
En este sitio puedes crear una paleta de colores para utilizar en tu próximo diseño web.
Sitio web donde puede encontrar una gran cantidad de paletas de colores para tus diseños.
Esta herramienta te permite generar una paleta de colores sacados de una imagen que puedes especificar.
En este sitio también puedes crear tu propia paleta de colores.
Con esta herramienta puedes subir una imagen y obtener la paleta de colores que la compone.
Aquí también puedes generar una paleta de colores para tu diseño web.
Este sitio genera el código necesario para hacer bordes redondeados en tu diseño.
Con esta aplicación puedes generar los tabs para tus proyectos web.
Con este sitio puedes generar fácilmente un patrón para el diseño de tu sitio web.
CSS
Esta herramienta web te ayudará a crear el sprite de tus imágenes de una forma más fácil.
Con esta herramienta puedes generar una plantilla de columnas fluidas de CSS.
Herramienta que te permite extender el lenguaje CSS, añadiendo la posibilidad de crear funciones, variables, hacer operaciones y más, y así escribir menos código CSS.
Este sitio te proporciona una plantilla base para poder trabajar más fácil con LESS CSS.
Con Stripemapper puedes generar un stripe utilizando una simple imagen y Phyton.
Este sitio te presenta un sistema para poder hacer un mapa del tu sitio web utilizando CSS.
Con este CSS puedes hacer que tu web se vea más consistente e igual en todos los navegadores. Es un reemplazo al ya famoso CSS Reset.
Este archivo de CSS te ayuda a descubrir algunos que tengas en el estilo de tu sitio web.
Este es un preprocesador de CSS basado en el lenguaje PHP que extiende el lenguaje CSS y lo compila minimizado y con compatibilidad entre navegadores.
Con esta herramienta puedes modificar tu CSS para ponerle los prefijos de cada navegador.
Con esta herramienta puedes probar cambiar el estilo CSS de cualquier sitio web que desees.
Este es otro preprocesador de CSS que le añade funciones, variables, etc.
Con esta aplicación podrás calcular y generar una plantilla de columnas de CSS.
Esta herramienta te permite generar un botón solo con CSS3.
Otro sitio que te ayuda a generar botones utilizando solo CSS3.
Otro sitio que te ayuda a generar botones solo con CSS3.
Con esta herramienta puedes hacer que un texto predeterminado se vea en forma ondulada o circular.
Con esta herramienta puedes generar muy buenos efecto utilizando las sombras de los textos de CSS3.
En este sitio puedes generar fácilmente el código necesario para tener bordes redondeados en tu diseño.
Esta aplicación te permite ponerle los prefijos de todos los navegadores a tus estilos en CSS.
Botones totalmente realizados en CSS3 con el estilo visual de Google+.
Framework con botones realizados totalmente en CSS3.
Este sitio te permite generar spinners de carga solo mediante CSS.
Con este sitio web puede crear botones o editar los ya existentes en la galería.
Con esta librería puedes poner los prefijos al CSS solo cuando estos sean necesarios, o sea, dependiendo del navegador en que se esté mostrando tu sitio web.
Este sitio te provee el código CSS3 necesario para hacer gran cantidad de animaciones sin necesidad de utilizar otra cosas sino CSS.
Varios
Con este sitio puedes compartir código con tus usuarios o con quién quieras.
Sitio que te permite realizar la estructura para tu aplicación web para poder mostrarla a tus usuarios.
Con este plugin puedes hacer que programar HTML y CSS sea mucho más fácil.
Sitio que te proporciona una imagen con columnas al estilo Framework de CSS para que pongas en tu diseño para alinearlo correctamente.
Con esta utilidad puedes convertir archivos de Flash (SWF) a HTML5.
Este sitio te ayuda a verificar que tu nuevo diseño web salga sin errores.
Con esta herramienta puedes hacer una captura de pantalla de cualquier web y hacer comentarios o dejar ideas sobre ella.
En este sitio puedes ver como se ve tu página en diferentes resoluciones de pantalla.
Esta utilidad te ayuda a saber cuanto demora en cargar tu sitio web.
Este sitio actúa como un buscador de dominios para ver si está disponible o no.
Este sitio ofrece una plantilla base para desarrollar aplicaciones móviles para el sistema iOS de iPhone, iPad e iPod Touch.
Este sitio te ofrece una plantilla para desarrollar aplicaciones móviles para cualquier dispositivo.
Con esta librería puede crear tu propio acortador de URLs.
Con esta aplicación puedes crear un sitio web completamente funcional y muy fácilmente.
Infografía
