¡Hola a tod@s!
Hoy me inicio en este blog hablando de algunas herramientas Web que los desarrolladores suelen utilizar en sus proyectos.
¡Vamos allá!
Muy útil a la hora de querer generar párrafos, palabras o listas. Si no tengo el texto final para mi web no puedo empezar, por ello siempre los diseñadores para ir probando sus composiciones se han valido de textos falsos.
Si necesitamos identificar una fuente, esta herramienta es perfecta. Podemos buscarlas por apariencia, por nombre, por similitud, por imagen o símbolo y por el nombre de su propio autor. Lo más interesante de todas las categorizaciones es buscar una fuente por apariencia, en el que te irán haciendo una serie de cuestiones hasta finalmente proponerte la tipografía que cree que es.
En el caso de que hayas visto alguna tipografía y tengas una imagen de ella, WhatTheFont te propone una forma distinta de buscarla. Subes la imagen y el sistema te devuelve una propuesta, dependiendo de la complicación y si lo localiza en su base de datos, puede acertar al 100%.
Permite trabajar con títulos, subtítulos, cuerpo del texto y el fondo. Podemos escribir nuestro texto y configurar el tamaño, el color, el tipo de fuente y el interlineado. También el color del fondo. Es muy potente visualmente. Finalmente basta con copiar el código CSS generado y pegarlo en tu proyecto web.
Una versión alternativa de ésta es CSSTypeSet, algo más completo y con un mayor número de opciones de personalización.
Cuando estamos en la fase de diseño de nuestra web solemos utilizar fuentes muy creativas, pero en el momento de ver nuestra creación en Internet, la fuente no es precisamente la que se utilizó. Por tanto, esta web se creó con el objetivo de saber si una topografía es segura o no para nuestra web, es decir, si hay alguna fuente que vayamos a utilizar y no sabemos si está instalada en el sistema por defecto.
Se trata de una librería para jQuery que nos permite cambiar el aspecto visual de las tipografías, letra a letra. Por si no te habías dado cuenta, la imagen de arriba está realizada con este plugin en combinación con CSS ;)
¿Y tú? ¿Ya conocías estas utilidades?
