elWebmaster.com

CSS | font | Dise√Īo Gr√°fico

Las mejores 32 herramientas tipogr√°ficas de la web

fuenteEn este √ļtil art√≠culo les brindaremos todo tipo de informaci√≥n acerca de √ļtiles herramientas que los pueden ayudar a trabajar con las tipograf√≠as de sus sitios web.

Hay herramientas para que creen sus propias fuentes, para que encuentren fuentes que necesitan o desean, herramientas siFR y recursos, algunos plugins Firefox y varios relacionados con CSS. ¬ŅQu√© esperas para conocerlos? Seguir leyendo

13/jun/09, 09.09 Micaela Comentar

CSS | tipograf√≠a | Dise√Īo Gr√°fico

C√≥mo determinar el tama√Īo de fuente con CSS (¬Ņpx, em, %, pt o keyword?)

tipografia2Cuando se trata de programar el tama√Īo de una fuente en CSS, tenemos varias opciones. Cada una de las opciones tiene una funci√≥n espec√≠fica y algunas ventajas y desventajas seg√ļn el uso que se le d√©.

Para empezar, puedes aplicar una palabra clave como p { font-size: small; } o un valor n√ļmerico. Si decides esta segunda opci√≥n, necesitar√°s declarar una unidad de medida fija que a su vez ofrece cuatro opciones: px, em, % o pt. ¬ŅCu√°l es mejor? Depende… Hechemos un vistazo. Seguir leyendo

23/abr/09, 13.08 Micaela 13 comentarios

fuente | dise√Īo web | quote

Tipografía: 8 tips detallados sobre el empleo y estilo de fuentes web

tipografiaUno de los elementos m√°s valorado de un dise√Īo web es el sutil arte de la tipograf√≠a. Debido a la falta de un soporte s√≥lido de tipos en la web, cuando vemos un sitio con un buen empleo de recursos tipogr√°ficos, sentimos que estamos ante algo especial, algo cuidado.

Los detalles hacen a un buen dise√Īo y un buen dise√Īo es clave para la usabilidad. Si quieres mejorar el nivel de tu web lee estos 8 tips sobre el empleo de s√≠mbolos y tipograf√≠a. Seguir leyendo

09/abr/09, 10.11 Micaela 2 comentarios

Dise√Īo | juego | ocio

Deep Font Challenge: Juego tipogr√°fico para dise√Īadores

deep_font_challenge1Dedicado 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 ¬Ľ

30/mar/09, 09.11 Micaela Comentar

Dise√Īo | Google | recursos

Dise√Īa tus propias fuentes con Typism

typismTypism 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

02/mar/09, 10.20 Micaela Comentar

Dise√Īo | iPhone | recursos

WhatTheFont: Reconoce fuentes impresas y web (iPhone y PC)

whatthefontMuchas 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

27/feb/09, 10.10 Micaela Comentar

recursos | fuente | tipografias

Flipping typical, conoce cómo luciría un texto en todas las fuentes de tu PC

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

13/ene/09, 09.00 Micaela Comentar

recursos | tipografía | javascript

Typeface.js, una interesante alternativa a siFR

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

19/nov/08, 11.00 Micaela Comentar

Flash | adobe | animacion

Taller de Flash: Propiedades de texto

Logotipo de FlashA 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

15/may/08, 15.27 Alejandra 20 comentarios

Dise√Īo | CSS | tipograf√≠a

7 fuentes tipográficas que seguro no usas en CSS, aunque podrías

7 fuentes tipogr√°ficas que seguro no usas en CSS, aunque deber√≠asLos 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

12/may/08, 16.12 Juan Manuel 3 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder