Hemos descubierto un estupendo recurso gratuito que te permite crear una tipografía de iconos personalizada. En esta web hay disponibles diferentes juegos de iconos gratuitos para que puedas seleccionar cualquier de ellos y además puedes subir tus propios iconos vectoriales para crear una tipografía completa.
Este es el enlace: Fontello
Hemos descubierto esta magnífica herramienta online llamada LiveWeave que nos recuerda mucho al editor de texto Sublime. Permite crear/editar archivos HTML, CSS y Javascript y probar el funcionamiento en el momento. Ideal para crear maquetas instantáneamente, quizá este sea el futuro de los editores de código e IDEs.
Hemos descubierto una interesante herramienta drag&drop para crear mockups, wireframes o como le queramos llamar al típico boceto en HTML que se suele enseñar al cliente antes de abordar su proyecto web.
El resultado de la maqueta es responsive al estar basado en Bootstrap.
Hemos encontrado un servicio online interesante que nos permite crear nuestra propia tipografía font-face de iconos.
Para los que no lo sepan, está muy de moda utilizar iconos que están en un archivo de tipografía que se incluyen en cualquier web mediante el uso de la propiedad font-face de CSS3.
Utilizar iconos mediante esta técnica es realmente cómodo, ya que los iconos están almacenados en formato vectorial y esto nos permite cambiar su color y tamaño sin perder calidad, ideal si estamos creando un diseño responsive o una maqueta en HTML5/CSS3 pensada para dispositivos de gran resolución como la pantalla retina de los IPad modernos.
Aquí dejamos un enlace a una interesante herramienta para encontrar variaciones de un color base. Te copia al portapapeles el color en hexadecimal ideal si vas a pegarlo en un CSS.