Fontburner – Más de 1000 fuentes diferentes para tu web

fuentes

Estamos acostumbrados a leer en Internet textos con tipos de fuentes bastante limitados: Arial, Verdana, Times… no tiene mucho sentido usar fuentes más originales, ya que los ordenadores de quien navega pueden no tenerla instalada.

FontBurner es una aplicación web que nos permite incluir textos en nuestra página usando cualquiera de las más de 1000 elegantes fuentes que tienen disponibles.

Para usarlo sólo tenéis que elegir el tipo de letra y escribir el texto deseado. Al terminar os ofrecerá un código que deberéis incluir en vuestro sitio web, mostrando al mundo un visual algo diferente de lo habitual.

Útil para crear tí­tulos, por ejemplo, ya que los textos grandes se leen mejor con las fuentes de toda la vida…

DivVoted – Votando los mejores diseños web desde twitter

divvotedUna vez alguien preguntó a alguien lo que era twitter, respondiendo el segundo alguien al primero: «Twitter es lo que tú quieras que sea«.

Esta frase que tiene más verdad de la que aparenta se aplica bien a la hora de describir DivVoted, un sitio web que permite mostrar una lista de los mejores sitios web votados usando Twitter.

Para usarlo hay que seguir al usuario @divvoted (poco más de 500 seguidores) enviando un mensaje con el site y el comentario sobre el mismo. Los sites con más votos aparecerán en los rankings diarios, semanales y mensuales.

Lo comento porque la idea me parece original, no porque tengan algún valor los datos incluidos de momento. La mayorí­a de los sites informados tienen solamente un voto y algo me dice que el usuario que lo envió es el propietario de la web informada.

12 herramientas web para diseñadores

Existen multitud de herramientas para el diseño, algunas gratuitas otras de pago. Pero también existen muchas aplicaciones web, que de manera online nos ayudan con este amplio mundo. A continuación os descubriremos doce de ellas:

  • kuler. Se trata de una herramienta web realizada en flash que nos guiará en la creación de un tema, ya sea a partir de diferentes colores como de imágenes que nosotros elijamos, tanto de nuestro pc como de flickr. Estos temas los podremos compartir con el resto de usuarios, así­ como usar nosotros los que compartan los demás.
    imagen-35
  • pixlr. Con un aspecto similar al famoso programa Photoshop, esta web nos ofrece una herramienta con la que casi podemos realizar las mismas tareas. Con caracterí­sticas tan útiles como las capas, diferentes pinceles y clonado no echaremos de menos tener el photoshop en nuestro poder.
    imagen-17
  • Color Scheme Designer. Otra sencilla herramienta que nos guiará en la creación de un tema. Podremos elegir diferentes estructuras de la página, diferentes colores, incluso si usar un solo color o mezclar varios.
    imagen-21
  • FontStruct. Herramienta web que nos proporcionará la opción de crear y editar fuentes para que las que usemos en nuestro sitio sean lo más originales posible. Una vez realizada nuestra fuente podremos compartirla. La única pega que le podemos encontrar es que para usarlo necesitamos registrarnos.
    imagen-31
  • Typetester. Con esta herramienta podremos comparar diferentes fuentes entre ellas. De esta forma podremos comprobar las diferencias que existen entre ellas según el tamaño y color que seleccionemos para cada una. Buena herramienta para decidir que fuente usamos.
    imagen-41
  • TypeNavigator. Excelente herramienta que nos ayudará a buscar aquella fuente ideal para nuestro sitio. Ésto lo haremos seleccionando diferentes caracterí­sticas que busquemos y la web nos dará varias opciones, incluso para comprarlas directamente desde ahí­.
    imagen-51
  • Blind Text Generator. Generador de lo que se comoce como «Dummy Texts», es decir, textos tontos para poderlos insertar y rellenar partes de nuestra web a la hora de hacer el diseño de la misma. Tenemos varios modelos como el más conocido Lorem ipsum.
    imagen-8
  • bgPatterns. Esta sencilla herramienta nos proporcionará diferentes patrones para usarlos como fondo en nuestras webs. Tenemos desde el uso de colores lisos, figuras o diferentes imágenes. Una vez realizada nuestra elección podremos descargar la imagen para aplicarlo a nuestro diseño.
    imagen-9
  • Dabbleboard. Otra herramienta para dibujar de manera online, pero esta vez lo podremos hacer de forma colaborativa. A la hora de crear un nuevo dibujo podremos invitar a otros amigos para que se conecten a la página y nos ayuden. Además, podremos chatear con ellos mientras trabajamos, tanto con texto como con audio y video. 
    imagen-10
  • pickMarkr. Si queremos proteger nuestras imágenes podremos usar esta herramienta web para poderle añadir marcas de agua. Hay una versión gratuita y también otra de pago con la cual tendremos algunas funcionalidades más como la posibilidad de marcar y sustituir de forma automática nuestras imágenes en nuestra cuenta de flickr. 
    imagen-11
  • favicon.cc. Herramienta muy conocida con la cual podremos generar una imagen favicon para nuestro sitio. Podremos hacerlo tanto dibujándolo como a partir de una imagen que ya tengamos. Para quien aún no lo sepa, favicon es aquella imagen que aparece junto a la url de una página en cualquier navegador, algo que le da distinción y estilo a nuestro sitio.
    imagen-12
  • templatr. Herramienta web que nos ayudará a crear una plantilla en pocos pasos, y no solo los colores, si no la distribución de la misma, eligiendo donde queremos que esté la o las columnas, la parte central, la cabecera o el pie. Muy útil si las hojas de estilo y la visión espacial no son nuestro fuerte.
    imagen-22

Fuente: Six Revisions.

Colourism – Averigua el color asociado a tu nombre y fecha de nacimiento

color

Basado en alguna extraña metafí­sica Colourism genera un color a partir de vuestro nombre y fecha de nacimiento.

Sin mucha utilidad no deja de picar la curiosidad para saber qué color toca, con lo que imagino que hoy recibirá bastantes accesos…

El autor dice que realizará estudios estadí­sticos para ver si encuentra relación entre el color y el éxito… le deseo suerte.

produle – Creando contenido basado en tecnologí­a Flash

produleAunque los jedi SEO den por muerta la tecnologí­a Flash, no cabe duda que continúa siendo una forma excelente de programar y divulgar contenido interactivo, juegos y banners publicitarios. Los creadores de Produle apuestan por esa realidad creando una herramienta que permite construir, en poco tiempo, atractivo contenido en esta tecnologí­a.

Por la demostración y la página de funcionalidades parece bastante más sencillo que el programa de creación Flash de Macromedia, permitiendo diseñar animaciones, acciones y efectos en poco tiempo.

aspecto-produle

El contenido generado es compatible con Google Analytics, pudiendo ser publicado en cualquier web y ver los resultados de su divulgación.

100 megas gratis para las cuentas gratuitas en esta fase inicial beta. Recomiendan no usarla de momento como herramienta profesional y sí­ para hacer pruebas y familiarizarse con la aplicación.

fuente: momb

prettytweet.com – Crea atractivos fondos para Twitter

twitter-fondoPrettytweet es una interesante opción para los que quieren crear un fondo de twitter con diseño elegante y profesional.

Aunque no haya una gran variedad de modelos, los existentes están bastante bien hechos. PrettyTweet permite añadir texto en la vertical izquierda y una pequeña imagen en la parte superior de la página.

Podéis seguir los pasos para personalizar el aspecto deseado y bajar la imagen resultante, o informar los datos de acceso de twitter para que prettytweet actualice la estética automáticamente.

fuente: killerstartup

Archive.org – Apariencia de la web a lo largo de su historia

waybackAunque este site tiene más tiempo del que él mismo reconocerá y el 90% de vosotros lo debe conocer perfectamente, hace poco que tuve que indicarlo a uno de mis lectores y decidí­ darle un espacio junto a la nueva generación.

Archive.org guarda, entre otras cosas, varias «fotografí­as» de diferentes sites a lo largo del tiempo.

Aquí­ podréis ver el aspecto de wwwhatsnew.com en 2006, por ejemplo, o retroceder aún más con famosos sites de todo el mundo, realizando una interesantí­simo viaje temporal por la evolución de las tendencias del diseño web.

copia
WWWhatsnew en agosto de 2006

Con 85 mil millones de páginas web guardadas en su base de datos es difí­cil que se le escape algo importante.

google
Google en 1998 (beta, claro)

Doculicious – Generador de formularios que exporta pdf

formularios

Para crear formularios hemos visto muchas opciones en su categorí­a correspondiente, ahora aparece otra que, sin un diseño espectacular, es bastante sencillo de usar ofreciendo resultados interesantes.

Doculicious (un nombre bastante rarito si se lee en portugués, por cierto) permite incluir campos de texto, imágenes, botones y áreas alineados unos con otros para crear el formulario deseado. Una vez hecho ésto podéis incluir el código generado en vuestra web y esperar los datos de los clientes.

Los usuarios que rellenen los campos en vuestra web podrán exportar un pdf con los datos, un servicio que se agradece para que haya constancia de la acción por ambas partes.

La opción gratuita limita el número de enví­os que puede realizar cada formulario, con lo que es mejor que busquéis la alternativa adecuada a cada necesidad.

YourFonts – Generador (a mano) de Fuentes

fuente

Yourfonts es un interesante proyecto que nos permite dibujar letras en un papel, escanearlo y, a partir de ahí­, crear una fuente que pueda ser instalada en nuestro sistema operativo.

Sin duda es una buena noticia para los que tienen una buena letra, los otros (como yo) continuaremos prefiriendo las miles de fuentes profesionales que hay disponibles por la red.

Bajaros el PDF en el que tendréis que escribir cada letra del abecedario, escanead el resultado y mandadlo de vuelta para obtener el archivo que tendréis que instalar en el ordenador.

fuente: Google Reader de Francisco José

preloaders.net – Avisando que algo carga con estilo

preloader

Últimamente están de moda esos pequeños gráficos animados que indican que algo está siendo cargado en Internet. Pueden ser ruedas, barras, lineas… la creatividad de cada diseñador queda al descubierto con estos pequeños detalles.

preloaders.net es una nueva web que ofrece varios tipos de «cargadores», configurables y listos para ser usados en cualquier proyecto.

Llaman especialmente la atención los tridimensionales, con textura plateada bien futurista.

Recordad que hace unos meses os hablé de una opción parecida: ajaxload.info, menos llamativos pero igualmente válidos.

Fuente: Ajaxian