FontStruct

FontStruct es un editor online auspiciado por FontShop, una popular tienda de fuentes. Muy sencillo es su uso, además de que permite exportar los resultados rápidamente en formato de fuentes TrueType (TTF). La comunidad y la posibilidad de compartir las creaciones en el sitio lo convierten en un espacio propicio para conseguir otras fuentes de alta calidad.

FontForge

Muy completo aunque su interfaz “intimidante” -adjetivo que le dan en Mashable- asusta en un primer vistazo. Lo bueno es que cuenta con suficiente documentación para sacarle el máximo provecho empezando por su guía de edición de paso a paso. Funciona en Windows, GNU/Linux y Max, y funciona con los formatos TTF, PS (PostScript) y OTF (OpenType).

BitfontMaker

Otro editor en línea con el que iremos creado nuestra tipografía letra por letra y píxel por píxel. Basta pulsar sobre el carácter a editar e ir diseñando su figura a través de la cuadrícula en la parte inferior de la página. Restará guardar los resultados como TTF.

Type light

Una aplicación para PC con Windows, con una agraciada interfaz similar a las de los populares programas de dibujo vectorial y su espectacular manejo de líneas curvas a través de una cuadrícula infinita. Además de contar con exportación a formatos TTF, PS, y OTF, destaca por su convertidor entre formatos. Es gratuita para uso no comercial.

gbdfed Bitmap Font Editor

Un editor Open Source diseñado especialmente para trabajar en ambientes GNU/Linux (requiere de GTK+), aunque seguramente su código se puede compilar para los otros OS. Importa y exporta en varios formatos, y cuenta con buena documentación, aunque es lo suficientemente sencillo como para sacarle provecho desde la primera ejecución.

Font Constructor

Referente en cuanto a elegancia y nacida como una herramienta educativa, FontConstructor permite ir más allá en la creación de fuentes al ofrecer la interacción suficiente para entender las relaciones visuales y formas entre los símbolos que componen cada tipografía. Es compatible sólo con Mac OS X.

Raster Font Editor

Finalmente otro sencillo software de edición para Windows que permite importar y exportar cada trabajo en formato de fuentes, como mapa de bits, como archivo de texto (.TXT) y con otras terminaciones menos conocidas (.RC y .FNT). Aún se encuentra en versión beta aunque se valora también su portabilidad y ejecución desde dispositivos extraíbles.

En refine.io han empezado a enviar invitaciones a todos los que las pedimos en su página principal, permitiéndonos usar esta aplicación que facilita, y mucho, la creación de prototipos de aplicaciones para móviles.

[...] ofrece una forma sencilla de crear y compartir de prototipos funcionales de las aplicaciones móviles. Con la facilidad de crear una maqueta, refine.io permite que cualquiera pueda hacer un prototipo de HTML completo con controles de interfaz de usuario, se alimenta de datos y herramientas de colaboración para el intercambio y la recopilación de información. Sólo tienes que arrastrar y soltar elementos, alimentar datos, agregar las interacciones, y publicar.

Los prototipos creados se pueden ver en un navegador en cualquier PC o dispositivo móvil, siendo excelentes para mostrarlos a los clientes, ya que no son solo diseños, hay funcionalidades que simulan el comportamiento real de los sistemas.

Os dejo con algunas capturas realizadas del vídeo de demostración que podéis ver arriba:

Link: refine.io

Hospedado en RedCoruna

Para poder crear gifs animados ya no es indispensable contar con softwares complejos, ya que hay muchas aplicaciones web que nos dejan improvisar una animación en pocos pasos y sin necesidad de descargar nada, como GIFPAL.

GIFPAL te permite crear gifs a partir de las capturas que tomes de tu webcam (solo tienes que activarla en el momento y darle el permiso a la aplicación) o subiendo imágenes desde el ordenador. La interfaz es muy agradable, y si bien no cuenta con muchas opciones de transición es una herramienta válida para crear un gif.

Puedes agregarle afectos a las imágenes que has cargado (las básicas que encontrarás en un editor de fotografías) y si deseas puedes agregarles textos, dibujos o cambiarle el color. El gif puede tener hasta 20 frames y puedes variar la velocidad como desees.

No necesitas crearte una cuenta en GIFPAL para descargar el gif que has creado, pero sí la necesitarás si deseas guardarlo online o compartirlo en la galería.

Enlace: GIFPAL | Vía: Chrome History

Hospedado en RedCoruna

BearCSS es una aplicación que permite generar una plantilla de un archivo CSS usando los elementos especificados en el archivo HTML que le indiquemos.

El archivo generado contendrá las clases, id y elementos del HTML, ayudando a realizar las tareas más monótonas del diseño de la hoja de estilo y permitiendo que dediquemos más tiempo a crear.

Se trata de un proyecto creado en HTML5/CSS, jQuery y PHP por Kyle Gawley y Jordan Henderson, quienes dejan sus datos de contacto disponibles en la página principal de BearCSS.

Link: BearCSS | Vía TNW

Hospedado en RedCoruna

colorhexa.com es un buscador especializado en colores, obteniendo información sobre cualquier color que le indiquemos, en cualquier formato, así como las fórmulas para transformarlo de uno a otro (rgb a hsl o cmyk, por ejemplo).

También podemos crear gradientes separando los colores con “+” o “to” en el campo de búsqueda.

Podemos buscar por nombre o código, aceptando cadenas como “red” , “ff0000″ (con o sin “#”), “rgb(255,0,0)”, “rgb 100 0 0 %”, “c:0, m:100, y:100, k:0″, “hsl 0, 100, 50″, etc.

Un excelente recurso para ampliar la lista de Herramientas para trabajar con colores

Hospedado en RedCoruna

Eliminar la hoja de estilos de las páginas, destacar ciertos elementos, eliminar imágenes, alterar formularios, modificar tamaños… Web Developer es una extensión disponible para Firefox y Chrome que nos permite trabajar en diseño web de forma mucho más productiva, teniendo siempre a mano varias utilidades que agilizan el trabajo.

La versión de Firefox ya cuenta con más de 1 millón de usuarios, teniendo la de Chrome más de 300.000 instalaciones.

Chris Pederick es su creador, con una web (chrispederick.com) donde comentan los detalles de éstas y otras creaciones.

Links: Para Chrome | Para Firefox

Hospedado en RedCoruna

Tape: En Google Chrome, Ctrl + Shift + I es un atajo para conocer el “esqueleto” de cualquier página que de forma similar al complemento Firebug de Mozilla Firefox, muestra un montón de útil información de todas las secciones que le conforman. Pues bien, Tape es una herramienta más específica que facilitará medir las posiciones de dichos elementos a través de líneas guía, las mismas reglas que aparecen en Photoshop o en GIMP pero con el detalle numérico que en éstas populares aplicaciones hace falta.

Bounce: Perfecta para recibir o enviar feedback de un sitio web a través de comentarios puntuales. Entras a la aplicación, introduces la URL, esperas que se genere la captura de pantalla de dicha página y le sumas notas de una manera tan sencilla como crear cuadros de texto en cualquier región. Cuando termines aparecerá una nueva URL para ser compartida vía Facebook o Twitter.

Evernote: El capturador web de Evernote es una extensión que permite tomar cualquier URL, página web entera o fragmento de contenido (con imágenes, vídeos y demás) y guardarlo como una nota nueva. Un perfecto complemento a la aplicación de escritorio para que ninguna idea quede en el aire.

Ge.tt: Para subir archivos y compartirlos en la nube. Lo primero que se viene a la mente es querer compararlo con Dropbox, pero la diferencia está en que Gett.it no necesita registros o instalar aplicaciones: sube tus archivos, espera que se cree un enlace acortado y envía ese enlace a tu cliente para que baje los ficheros, nada más.

Color Pick: Para conocer el código de color en hexadecimal de cualquier elemento de una página: dale clic al botón y ubica el cursor, con ayuda de una lupa, en la parte que quieres explorar para que te muestre los 6 valores al instante.

Screen Capture: Ya la comentaba en el listado de las mejores extensiones creadas por el equipo de Google. Simplemente es una herramienta de capturas de pantalla del navegador o una región específica, funciones para editarla y finalmente la posibilidad de compartirla vía redes sociales.

Gradient Creator: Para crear gradientes -degradaciones, difuminaciones o como le conozcas-, cargarlos desde GIMP en formato GGR, y exportarlos en SVG o CSS. La parte visual a modo de paleta de colores con un espacio de trabajo en la parte superior, destaca por su facilidad de uso y funciones interactivas como las de arrastrar y soltar, permitidas gracias a que ha sido creado mediante HTML5.

Harmony: Es una aplicación para hacer bocetos con una serie de pinceles predeterminados. Utilízalo con el mouse o conecta tu tabla graficadora y ya tendrás una potente herramienta de dibujo online sin necesidad de instalaciones adicionales.

Aviary Image Editor: El enlace a uno de los mejores editores de imágenes online con suficientes herramientas para crear trabajos profesionales. Obviamente las aplicaciones especializadas tienen más funciones al llevar mucho más tiempo en el negocio, pero Aviary es perfecta para realizar cambios rápidos o cuando no se disponga de un GIMP o Photoshop en el PC.

Pulsate: Finalmente para tomar un descanso y recargar las energías creativas, una aplicación para eliminar el estrés a través de melodiosos círculos que aparecerán a merced de nuestras pulsaciones.

Hospedado en RedCoruna

En artículos anteriores te hemos contado de Dropr, una plataforma que nos permite crear portafolios de nuestro trabajo para presentarlos online de manera profesional. Cuenta con una interfaz impecable y funciones que nos permiten integrar cualquier contenido multimedia a nuestra presentación.

El equipo ha seguido trabajando y ahora ha presentado nuevas características y funciones, que nos permitirán acceder a todas las opciones de manera más sencilla y crear portafolios profesionales. Por ejemplo, ahora dispone de soporte para  alojar contenido en HTML5, lo que extiende mucho más las posibilidades.

Además, subir todo tipo de archivo con solo arrastrar y soltar en la interfaz de Dropr. Pueden ser uno o varios a la vez, de diferentes tipos, ya que el sistema reconocerá cada uno de ellos y hará el trabajo por ti. Si deseas generar un código QR, puedes hacerlo, y tendrás otro detalles que los que visiten tu portafolios podrán apreciar.

Por supuesto, entre las opciones encontrarás la  posibilidad de compartir el contenido que has preparado en otros medios ajenos a Dropr. Si das vuelta por la interfaz verás que muchos detalles que se han tenido en cuenta para que tu navegación por las diferentes funciones sea agradable y simple.

Enlace: Dropr

Hospedado en RedCoruna

Si no lo tiene o quien quiera adentrarse en JQuery, puede utilizar el Libro gratuito de JQuery, un libro electrónico online bajo licencia Creative Commons Attribution-Share Alike 3.0, en el que a través de sus 11 capítulos, cualquier persona interesada podrá obtener los conceptos necesarios y realizar distintas prácticas para familiarizarse y usar en sus desarrollos de interfaces web a JQuery.

Enlace: Libro gratuito de JQuery

Hospedado en RedCoruna

Fount es un servicio que se basa en un bookmarklet para la identificación de las tipografías usadas en cualquier sitio web. Actúa como si de un botón se tratase, ya que con darle una vez al mismo bookmarklet, ya podemos identificar cuantas tipografías queramos, obteniendo tanto el nombre como las características de las tipografías identificadas a través de una notificación al estilo growl. Basta con darle por segunda vez para desactivar la función.

De esta manera, si tenemos curiosidad por la tipografía que usa cualquier sitio web, sobre todo, aquellos que tengan un diseño actual, ahora lo tenemos mucho más fácil. Bookmarklet recomendable.

Enlace: Fount | Vía: WebResourcesDepot

Hospedado en RedCoruna

Disponible para Windows, Mac y Linux, SimpleLess lanza una nueva versión que mejora la transformación de archivos .less a css, permitiendo crear hojas de estilo usando las técnicas de programación tradicionales, optimizando el resultado y obteniendo un perfecto equilibrio entre sofisticación y sencillez.

Podéis bajarlo de forma gratuita en wearekiss.com/simpless, donde comentan las novedades de esta versión, que permite, entre otras cosas, minimizar el tamaño del resultado aumentando la velocidad de carga de las webs que utilicen los archivos.

LESS, explicado en lesscss.org, es un lenguaje de hojas de estilo dinámico, que se ejecuta tanto a nivel del navegador como a nivel del servidor, mediante Node.js.

Hospedado en RedCoruna

Con posibilidad de generar logos aleatorios a partir del nombre que le indiquemos, logotypemaker.com se presenta como una original aplicación capaz de obtener resultados interesantes en pocos segundos.

Una vez mostradas las opciones aleatorias, podemos editar la que deseemos, mostrando para ello un interante programa desde donde es sencillo alterar imágenes, fuentes, sombras, formas y demás características del logotipo.

Aunque nada sustituye el trabajo de un profesional, puede ser una buena idea para ilustrar trabajos académicos o artículos de cualquier materia.

Una buena opción para ampliar la lista de este tipo de programas que os indicamos aquí hace ya un par de años.

Hospedado en RedCoruna

Pues bien, tenemos una alternativa que además de la URL principal nos valida los enlaces internos. Esta herramienta se llama W3Clove y basta con indicar la URL para que en pocos segundos nos valide todo el sitio web completo, ofreciéndonos una lista con los errores comunes y otra con los errores y advertencias de cada uno de los enlaces. El análisis lo hace mediante el servicio de W3C.

Además, nos permite chequear de nuevo cualquier URL en concreto o bien todas las URLs.

Enlace: W3Clove | Vía: WebResourcesDepot

Hospedado en RedCoruna

Si trabajáis con CSS seguramente os llamará la atención gridlover.net.

Se trata de una aplicación en la que podemos informar el tamaño de la letra, el espacio entre lineas y los margenes laterales de una página web, viendo los resultados en tiempo real, para obtener el código css responsable por el estilo creado.

Sin necesidad de registro, solo tenemos que actualizar el valor de los tres controles superiores, pudiendo esconder o mostrar las lineas de referencia y ver el código en cualquier momento para copiarlo y pegarlo en nuestro proyecto.

La idea es parecida a los ya comentados tinyfluidgrid o patternify, ofrecer un editor gráfico para poder ahorar tiempo en la creación de las hojas css.

Link: gridlover.net | Vía webresourcesdepot.com

Hospedado en RedCoruna

La colección, disponible en www.iconshock.com/iphone-icons/, está disponible de forma gratuita en dos tamaños, existiendo la opción de adquirirla por 19 dólares con las fuentes en PSD.

Buenas noticias para diseñadores siempre en búsqueda de material para no comenzar desde cero sus trabajos.

Recordad que aquí ya hemos publicados varias colecciones de iconshock, estando disponibles en wwwhatsnew.com/search/iconshock

Hospedado en RedCoruna

Seguramente pocos de vosotros desconocéis lipsum.com, la web que genera textos en latín para rellenar espacios en los diseños y prototipos de páginas web.

Durante muchos años se ha convertido en una costumbre universal, existiendo un texto bastante explicativo con el origen de este texto en dicha web.

Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen [...] Tiene sus raices en una pieza clásica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad.

El caso es que muchos estamos ya cansados del viejo texto y abrimos las puertas a nuevas opciones, motivo por el cual os presento cupcakeipsum.com, generador de textos relacionados con los dulces.

Aunque el resultado esté exclusivamente en inglés, el objetivo es el mismo, dando más color a un tema que parece no querer cambiar mucho durante los próximos años.

Hospedado en RedCoruna

Talenthouse es una plataforma que ofrece oportunidades a la comunidad creativa – un lugar en donde puedes participar en proyectos únicos con artistas y marcas, colaborar, obtener reconocimiento y compensación.

Así se define este proyecto en el que podemos descubrir oportunidades en los campos de cine, moda, música, arte/diseño, danza y fotografía.

En talenthouse.com podemos descubrir ofertas y enviar propuestas, publicando nuestro trabajo y creando una comunidad de seguidores que pueden ayudarnos a crecer profesionalmente en este mercado.

Con una lista de casos de éxito donde podemos ver cómo grandes profesionales del medio han encontrado a talentos en esta red, Talenthouse, disponible en español, presenta concursos, trabajos y oportunidades en las que podemos participar de forma activa, ganando visibilidad y premios que dependen de cada oferta propuesta.

Un buen proyecto que ha crecido mucho en 2011, ganando tanto en visibilidad como en calidad de las propuestas presentadas.

Link: talenthouse.com | Vía Vanderlei Feyth

Hospedado en RedCoruna

Con el objetivo de crear imágenes que podamos usar como fondos o texturas, noisepng.com ofrece una herramienta que, sin necesidad de registro, genera archivos PNG respondiendo a las variables que le indiquemos.

Podemos definir el color de fondo, la transparencia e intensidad del ruido y el tamaño de los granos encargados de obtener el resultado que podemos apreciar en su web.

Muy sencillo de usar, ideal para no perder mucho tiempo usando filtros en los editores de imágenes habituales.

Hospedado en RedCoruna

Usando las fuentes de Google Font Directory, así como algunas de uso bastante común, en Font Combinator tenemos un proyecto que os permite vert el efecto generado al mezclar diferentes tipos de letra enuna misma página web.

Podemos elegir el tamaño y la tipografía del título, subtítulo y texto, tantas veces como queramos hasta encontrar la combinación deseada para nuestro diseño.

Ya que usa fuentes compatibles con los navegadores modernos, no tendremos problemas encontrando visitantes incapaces de disfrutar del conjunto configurado, con lo que es importante que el simulador se encuentre justo en el mismo lugar que el resultado: En la web.

Simular en editores de imágen es cómodo, pero hacerlo en la web es, sin duda, mucho más realista.

Hospedado en RedCoruna

En coolwebmasters.com han creado un kit completo de elementos gráficos basados en el diseño de Google Plus.

El ya famoso free Google+ GUI PSD Kit está disponible en formato PSD (Photoshop) de forma gratuita, siendo distribuido en archivo rar desde su propia web.

Gratuito, y sin límite de uso (personal o comercial), puede ser útil para diseñadores que quieran inspirarse en dicha red social para realizar sus trabajos.

Hospedado en RedCoruna