sIFR: como usar tipografías no estándar en páginas web

sIFR: como usar tipografías no estándar en páginas web
A la hora de escoger una tipografía para una página web nos encontramos limitados a una serie de fuentes estándar: verdana, arial, georgia, helvetica, times new roman, y unas pocas más. Cuando elegimos una tipografía para nuestra web, debemos pensar que para que un usuario pueda verla, tendrá que tenerla instalada en su equipo, de lo contrario se sustituirá por aquella que tenga configurada por defecto en su navegador. Son tipografías estándar por que cualquier usuario las tiene instaladas por defecto en su ordenador (sea cual sea su SO).

Si queremos usar una tipografía especial (gótica, handwritten, etc.) solo tenemos dos opciones: bien crear una imagen del texto con photoshop (o cualquier programa de edición de imágenes)  y subirla a la web, o bien crear una regla CSS @font-face, que permite la descarga automática de la fuente en caso de que el usuario visitante no la tenga instalada. Ambos métodos tienen desventajas importantes, en primer lugar, tener que crear una imagen para cada texto de la web puede resultar una tarea tediosa, además de perjudicar al SEO. Además, tenemos el problema de que esta medida sólo sirve para contenido estático, es decir, que no varía. Por otra parte, es probable que tengamos problemas con algunos navegadores al usar @font-face, ya sea por que son antiguos o por que simplemente no lo soportan.

La solución para una página web con contenido dinámico es usar tecnologías sIFR, es decir, mediante JavaScript, CSS, DOM y ActionScript creamos una imagen en tiempo de ejecución (on-the-fly), que nos mostrará una imagen con el texto. Os recomiendo FaceLift, un pequeño script que podemos descargar de forma gratuita.

Más info | FaceLift

4 Comentarios

Importancia de la tipografia en entornos web

La siguiente presentación nos introduce en el mundo de las tipografías y su uso en las páginas web. Hay algunas ideas que van en contra del aspecto gráfico de la página web, como la recomendación de asignar a los enlaces un estilo clásico, es decir, de color azul y subrayado. Concepto que se encuentra en conflicto con el diseño, ya que, personalmente, un enlace con esas características puede resultar tan relevante u obvio para un usuario como un enlace de otro color que destaque sobre el resto del texto.

Por otro lado, comenta la posibilidad de utilizar distintos tipos de tipografías para estructurar el texto: Serif (las terminaciones de cada letra están marcadas para identificarlas mejor en una lectura rápida, como la Times New Roman) para las cabeceras y Sans Serif (las letras están redondeadas y sin terminaciones marcadas, como la verdana o arial) para el cuerpo del texto. Además de estructurar el texto, estamos aplicando a nuestra página una mejora de usabilidad web, ya que clasificamos y permitimos una mejor identificación del contenido.

Sin Comentarios

Cómo funciona un buscador: encuentra lo que buscas de forma rápida

Interesante video subtitulado en castellano que explica de una forma simple cómo funcionan los buscadores y de qué modo podemos filtrar los resultados para encontrar aquello que estamos buscando de forma fácil, rápida y directa.

Sin Comentarios

Crea gifs de loading personalizados totalmente gratis

Crea gratis imagenes de loading personalizados totalmente gratis

Desde Ajax Load podrás crear gifs de loading totalmente personalizados de forma gratuita. Mediante una aplicación desarrollada bajo tecnología AJAX tendrás la posibilidad de elegir entre más de 20 diseños distintos y personalizar sus colores: fondo transparente o un color concreto,

además de seleccionar el color de los elementos del diseño elegido. Una vez hayas escogido el diseño y los colores que desees, bastará con pulsar en el botón Generate It y podremos descargar nuestro gif de loading personalizado.

Más info | http://www.ajaxload.info

Sin Comentarios

Completo sistema de estadísticas web gratis corriendo en PhP & MySQL

Completo sistema de estadísticas en php completamente gratisPHP i-Stats es una pequeña aplicación que analiza el tráfico de tu página web. Basado en PHP y MySQL, proporciona informes de las estadísticas diarias, semanales, mensuales, referidos, datos geográficos, navegador utilizado, sistema operativo, y un largo etcétera de características de las visitas recibidas. Los datos se visualizan en formato de texto y con gráficos.

No es más que otro lector de logs, pero siempre viene bien contrastar las estadísticas de varias fuentes distintas para tomar una idea más aproximada del tráfico de nuestra web.

Más info | http://www.phpini.com

Sin Comentarios

Como cambiar de Workspace en WebSphere si ya tenemos uno configurado por defecto

Como cambiar de Workspace en WebSphere si seleccionaste uno por defecto

Esta tarde mientras intentaba cambiar el Workspace (espacio de trabajo)  del WebSphere resultaba que no podía hacerlo ya que anteriormente había activado la opción de elegir por defecto la ruta del workspace, de forma que ya no aparecía la ventana para seleccionarlo al arrancar la aplicación.

Finalmente, después de la búsqueda de una solución sin resultado, me he puesto a revisar todas las opciones de la aplicación, hasta que al final se me ha ocurrido entrar en el directorio y ver si había algún fichero de configuración, y efectivamente, ahí estaba la solución. El fichero en cuestión es wsappdev.ini, que se encuentra en C:\Archivos de Programa\IBM\WebSphere Studio

[Settings]
DefaultWorkspace=<My Documents>\IBM\wsappdev51\workspace
ProductName=IBM WebSphere Studio Application Developer
Version=5.1.1
Full=Yes
KeyName=wsappdev
VMArgs=-X
LUMProductID=1
LUMProductVersion=5.1.1
Website=www.ibm.com/websphere/developer/zones/studio/appdev/

[Environment Variables]

Simplemente eliminamos la segunda línea y al arrancar el WebSphere nos solicitará indicar la ruta del workspace.

DefaultWorkspace=<My Documents>\IBM\wsappdev51\workspace

3 Comentarios