Category Archives: Codigo

Tal vez es tiempo de pensar en 1024

chart_resolucion.jpg

Los datos mostrados en la gráfica pertenecen a los datos obtenidos en mi sitio a través de un monitor de trafico

Cuando el 75% de los usuarios de internet usan una resolución de 1024 o superior, tal vez es tiempo de considerar adaptar nuestro diseño para tal resolución y dejar atrás al tradicional 800 pixeles.

Muchos grandes sitios como Yahoo! ya lo han hecho, pero en que se aprovecha el espacio extra?

Tu servidor web en una pastilla USB.

Revisando hoy mi lista de feeds habituales me encontre con un post que llamo mi atencion, WordPress on a USB stick. Me decidi a darle una leida para encontrame con un tutorial que explica como llevar a cabo una instalacion completa de WordPress en lo que habitualmente se le conoce como una pastilla USB.

Pero como puede ser esto? Bueno, la verdadera estrella de este tutorial es un software llamado WOS, Webserver On a Stick por sus siglas en ingles. Es este quien nos permite crear un servidor web dentro de una pastilla que incluye todo lo basico para correr una aplicacion web -como WordPress-, Apache + PHP + MySQL, todo esta ahi. Tan facil como ejecutar el programa start.exe, entramos a nuestra direccion localhost y listo, bastante sencillo y practico.

Inclusive viene precargado con algunas herramientas como phpMyAdmin, entre otros. Para aquellos que alguna vez hayan tenido que demostrar algun proyecto sabran lo complicado que resulta portar toda nuestra aplicacion web, recuerdo mis dias de estudiante, -no hace mucho tiempo por cierto- cuando teniamos que preparar una pc con todos estos paquetes y servicios, lo cual puede llevar algo de tiempo, transportar el equipo hasta el area de exposicion si es que no se contaba con un equipo disponible, y ahora que estoy trabajando a veces me encuentro en la misma situacion, sin duda que tengo uso para una herramienta tan sencilla y practica como esta.

Webserver On a Stick

Generando imagenes SVG

Hace poco he estado trabajando en un proyecto para una aplicacion web, uno de los valores agregados que trato de incorporar a la aplicacion es el manejo de estadisticas, entonces fue cuando decidi introducirme mas a lo que es la generacion de imagenes, especificamente en el uso de graficas para la representacion de datos.

Iniciando por lo simple, busque algunas graficas basadas en CSS, pequeñas graficas de barras, sencillas y de codigo muy liviano. La simpleza es una ventaja y en el caso de la programacion, como muchos sabran, menos es mas.

Se que lenguajes como PHP ofrecen soluciones mucho mas poderosas como un GDI para la manipulacion de imagenes, pero todo tiene su costo, y esto puede hacer a una aplicacion mas lenta, cargando una pagina con imagenes, volviendola mas pesada, ademas de que no todos los hosts tienen esta opcion instalada por default, etc.

Investigando un poco mas me tope con SVG.

SVG (scalable vector graphics) es un estandar abierto acogido por la W3C para el manejo de imagenes para la web basado en vectores, una tecnologia que viene desarrollandose desde hace ya un par de años.

Click to continue reading “Generando imagenes SVG”

Favicon Animado

Hace poco me di cuenta de algo, he encontrado algunos sites que usan Favicons animados. Hasta ahora se que funcionan en Firefox 1.0 y posterior. No se si funcionen en IE, que en verdad lo dudo.

He aqui un ejemplo de lo que digo.
http://www.pod1.com/
http://www.bnr.bg/

Claro que ya hay quienes se oponen a esto, pues se convierte en un factor distrayente, imagina tener estos iconos animados relampagueando en tus tabs…

Yo pienso, que como muchos de los recursos con los que se cuenta, hay que saber cuando utilizarlo y sobre todo utilizarlo con discrecion. No queremos sobrecargar un sitio con elementos visuales que en ultima instancia vienen a distraer a nuestros visitantes de lo que es realmente importante, el contenido en si.

Para aquellos que lo quieran implementar.
<link href=”img/favico.gif” type=”image/gif” rel=”icon” />

Solo hay que agregar esta linea de codigo dentro del encabezado de nuestra pagina, considerando que img es un folder dentro de la raiz de nuestro sitio.