elWebmaster.com

Dedicado a todos los diseñadores, esta vez empezamos la semana con un juego. Deep Font Challenge, como su nombre lo indica es un difícil desafío para saber cuánto conoces sobre tipografías.

Cómo jugar: en la pantalla verás el mismo caracter pero con dos tipografías distintas. Debajo está indicada cuál es la tipografía que debes reconocer. A medida que aciertes irás sumando puntos. De lo contrario, perderemos una de las 3 vidas que tenemos. Pruébalo a continuación »

Typism es una herramienta de edición de fuentes online que funciona bajo Google App Engine. El sitio es open source y permite que cualquier persona pueda crear sencillamente sus propias tipografías.

Las fuentes finales son creadas a través del SVG y las podremos compartir con los distintos usuarios de la web. Si bien el servicio se encuentra todavía en fase Beta, funciona verdaderamente bien. Seguir leyendo

Muchas veces sucede que necesitamos –o deseamos– saber de qué tipografía se trata… Pero hasta hace poco era imposible saber qué fuente era la de aquel logo web, la del anuncio de dulces o hasta la del frasco de shampoo… Bueno, ahora desde tu iPhone todo es posible.

El equipo de MyFonts ha desarrollado WhatTheFont. Es una aplicación gratuita de reconocimiento de fuentes, que funciona tanto para el iPhone como para el iPod touch. Lo único que debes hacer es capturar la imagen y WhatTheFont se encargará del resto… Seguir leyendo

Si no sabes qué fuente utilizar para que el texto que deseas incorporar en tu sitio web sea acorde con su temática, el servicio llamado Flipping Typical sin duda te resultará de gran ayuda. El mismo nos permite comprobar cómo luciría cualquier texto en todas las tipografías que tenemos instaladas en nuestro ordenador.

¿Cómo es posible esto? Gracias a una combinación de código JavaScript y CSS que compara el ancho y alto total que ocupan ciertos textos en píxeles con el que se sabe ocuparían los mismos caracteres en las tipografías estándar. Seguir leyendo

Sin duda un tema fundamental a la hora de crear un sitio web es la tipografía que utilizaremos en la misma y, todavía más importante, la preocupación que nos provoca el hecho de si nuestros usuarios tendrán esa fuente instalada en su ordenador o no.

Typeface.js es un práctico e interesante script que nos ayuda en la gestión de las tipografías, permitiéndonos utilizar básicamente cualquier fuente en nuestra web sin tener que preocuparnos por si los usuarios la poseen.
Seguir leyendo

A diferencia de HTML y otros lenguajes donde las tipografías que se utilizan en el diseño web dependen directamente de las tipografías que estén instaladas en la PC del usuario, en Flash puedes utilizar cualquier fuente y esta es quizás una de las principales ventajas para los diseñadores.

Las fuentes Flash trabajan como si fueran un elemento vectorial (de hecho, lo son), por esto es que son escalables: puedes aumentar o disminuir su tamaño con la seguridad que se van a ver con una calidad excelente. También puedes realizar animaciones con fuentes. Sigue leyendo y conoce todo sobre el tratamiento de texto en Flash… Seguir leyendo

Los estilos CSS nos trajeron muchas ventajas en cuanto al diseño de nuestros sitios web, pero por alguna razón parece que estamos limitados al uso de 4 o 5 tipos de fuentes que están presentes en cualquier computadora, por miedo a que las demás no se visualicen correctamente.

Así es como no vemos otra cosa que Arial, Helvetica o Georgia en la mayoría de los blogs de la red. Pero hoy en día tenemos una gama más amplia de opciones a la hora de elegir, siempre dentro de las fuentes “seguras”. Te recomiendo 7 que sin duda deberías tener en cuenta. Seguir leyendo

¿Quieres lograr buenos encabezados sin usar imágenes de Photoshop? Aquí te mostramos un simple truco de CSS para que sepas cómo crear el efecto de texto con gradiente con una imagen PNG (puro CSS, sin JavaScript o Flash).

Todo lo que necesitas es un tag vacío en el encabezado y aplicarle un overlay a la imagen de fondo usando la propiedad CSS position:absolute. Este truco ha sido testeado en la mayoría de los buscadores: Firefox, Internet Explorer 6, Safari y Opera. Sigue leyendo para saber cómo hacer… Seguir leyendo

FontStruct es una completa aplicación online que nos permite crear nuestra propia fuente tipográfica. Luego de registrarnos gratuitamente accederemos a un panel con pequeñas celdas que podremos rellenar con pinceles y otras herramientas, hasta generar cada caracter de nuestra familia tipográfica.

Además podemos especificar qué tipo de licencia queremos que tenga (por ejemplo, Creative Commons) para decidir si queremos compartirla o no. Muy bueno, haz clic aquí para conocer FontStruct.

Hace ya bastante me llegó a mi casilla personal un mail muy pero muy gracioso, donde me contaban que había comenzado una batalla contra los diseñadores gráficos porque la gente se había dado cuenta que eran criaturas malvadas que querían conquistar el mundo ^_^.

A raíz de eso se presentaba una lista de técnicas para acabar con ellos de forma definitiva, donde el chiste está en que parodian situaciones con las que todos nos sentimos identificados. Aquí les dejo la lista para que se rían un buen rato… con casos reales. Seguir leyendo