BeN

Recientemente Google lanzo su Api “Google Font” la cual nos permite usar en nuestras páginas web fuentes especiales, más bonitas, mas legibles, totalmente personalizables, etc. sin temor de que nuestro visitante no la tenga instalada en su sistema. Todo esto sin recurrir a ciertos hacks como la generación de imagenes o archivos Flash.

Como funciona esta Api?

1.- Solicitemos la fuente deseada

<!-- Donde en el parametro family va la fuente que necesitamos -->

<link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css' />

Existe una lista de fuentes aquí

2.- Usando CSS ya disponemos de la fuente

body{
font-family:'Droid Sans', Lucida Grande, Verdana, Sans-serif;
}

En caso de que el navegador no soporte “Google Font” simplemente nos mostrara la siguiente fuente disponible. Pueden ver la lista de navegadores disponibles en las FAQ del sitio.

Deben de tomar en cuenta que el comportamiento de esta Api varía dependiendo del navegador, en Firefox primero se renderea el texto usando una fuente disponible del sistema (lo cual me parece genial) mientras se carga la fuente del sitio de Google, en otros navegadores los textos no se renderean ( ={ ) hasta cargar por completo la fuente. Ademas notemos que se agregara peso al sitio por la descarga de la fuente a usar, ustedes evalúen si usan esta Api o no. Yo creo que si valen la pena unos kb’s mas por la satisfacción visual de nuestros visitantes.

A continuación algunas de las herramientas indispensables para desarrollar en sus rubros correspondientes:

En cualquier sistema operativo puedes desarrollar Web ya que existe software multiplataformas o bien hay alternativas, en mi caso mucho tiempo use Windows y no estaba mal; su version XP es muy estable y manteniendolo limpio y actualizado creo que no da problemas.

Ahora uso Mac OS X en su version Snow Leopard y definitivamente no lo cambio ya que la facilidad de uso del sistema es lo que principalmente me a hecho quedarme con este S.O.

A final de cuentas cada quien puede usar el Sistema que le agrade mas o bien el que tenga a la mano, ya que con practica y adaptabilidad todo mundo le saca el provecho requerido.

seguir leyendo »

Cuando se comienza el diseño de un sitio nuevo, generalmente usamos algún software de diseño gráfico como Illustrator, Photoshop o — mi favorito — Fireworks. Sin embargo, una vez finalizado este proceso viene la parte de llevar este diseño, gráficos, colores, estilos, etc. a html.

En este proceso es cuando muchas veces nos encontramos ciertos problemas y más aún cuando esta dividido el equipo de diseño del de programación; todos sabemos que no es tarea fácil convertir un bonito diseño a una página web funcional con código claro, que cumpla los estándares actuales y que sea visible en todos los navegadores, si a eso agregamos versiones “print ready” y opciones de accesibilidad les aseguro que no será tarea fácil.

Es en este punto cuando un Css Framework es de utilidad y a mi modo de ver indispensable.
seguir leyendo »