El blog de Artefacto

Hace tiempo que Mikel me mandó un enlace a un artículo en el que hablan de Ecofont, una tipografía que tiene la particularidad de que presenta unos pequeños “agujeros” blancos en el interior de las letras, lo que permite ahorrar tinta sin afectar a la legibilidad:

Según sus creadores, de esta manera se puede ahorrar hasta un 20% de tinta respecto a una fuente convencional. Recordemos que la tinta de impresora HP es el líquido más caro del mundo, con un coste medio de unos 1400€ por litro, bastante más que la sangre humana, el petróleo o lo que se nos ocurra.

Ecofont puede descagarse de aquí, desde donde puede accederse además a manuales para su instalación en Windows, Linux y Mac OS. Muy interesante, sin duda :-)

Continúo con la entrada que dejé a medias sobre las extensiones para Firefox que utilizo. Hoy quiero hablar de otros complementos interesantes y sobre todo útiles, como Clear Cache Button, casi imprescindible en el desarrollo web. Simplemente añade un botón en la barra de herramientas para borrar la caché, lo cual puede ahorranos algunos dolores de cabeza…

Sin esta extensión, podemos borrar la caché si seleccionamos “Limpiar datos privados” en el menú “herramientas” y marcamos sólo el apartado “Caché”. Sin embargo, así resulta mucho más rápido…

Locationbar² es otro de mis complementos favoritos. Básicamente lo que hace es colorear y resaltar la sintaxis de las direcciones en la barra de direcciones. Además, crea hipervínculos con cada parte de la dirección, con lo que se facilita la navegación por directorios.

Otro de los complementos más populares y potentes para Firefox es NoScript, que nos habilita para parar la ejecución de cualquier tipo de código externo a las páginas web, como JavaScript o Flash. También podemos establecer una lista de sitios fiables y no fiables, y por defecto realiza comprobaciones que nos previenen de posibles ataques de suplantación o por XSS… imprescindible.

Adblock Plus es la verdadera bestia negra para quienes intentan vivir de la publicidad en Internet. Este popular complemento bloquea la publicidad contextual y emergente, siendo totalmente imprescindible para poder escapar del abuso al que nos someten algunos diseñadores de páginas web, con ventanas emergentes, marcos que se desplazan, capas que aparecen frente al texto… y que convierten la navegación en una verdadera pesadilla. Además, nos podemos suscribir a un servicio que mantiene la extensión actualizada, evitando la publicidad indeseada de los sitios más populares.

Me quedan todavía más extensiones en la recámara (no sabía que tuviera tantas :-P), algunas de ellas verdaderamente útiles e interesantes, así que para no alargar más este artículo escribiré una última entrega con las que me faltan…

Una de las posibilidades más interesantes de Firefox es la facilidad de ampliación a través de las famosas extensiones o plug-in’s: código de terceros que se puede añadir al navegador y que le aporta funcionalidad especial. Recientemente Mikel me ha pedido que le recomiende alguna de las extensiones que utilizo en mi trabajo diario, ¿y qué mejor forma que hacerlo a través del blog?

• Window Resizer es una extensión que permite reconfigurar el tamaño de la ventana del navegador a ciertos valores predeterminados. Así podemos por ejemplo ver cómo se muestran –más o menos- nuestras páginas a una resolución de 800 x 600. Hay algunas otras que casi me gustan más, como Yet Another Window Resizer o Firesizer.
• También utilizo View Cookies, que añade en la ventana de información de la página una pestaña con información sobre las cookies que la página ha enviado al navegador. Es muy útil para trabajos de depuración o pruebas cuando estamos desarrollando un sitio con cookies, aunque también puede ser interesante de cara a proteger nuestra privacidad.
• Live HTTP Headers es una extensión muy interesante, que también añade una pestaña en la información de la página, mostrando las cabeceras que se envían al servidor. Es muy útil a la hora de comprobar las redirecciones, auditar la seguridad…

• Stop Autoplay es otra extensión que actualmente tengo desactivada pero que puede ser útil. Básicamente lo que hace es bloquear el arranque automático del Flash, lo que permite que podamos ordenar el inicio de una reproducción y lo más interesante: que los reproductores de las páginas con música no se inicien solos.
• Cuando tengo que elaborar algún manual o añadir capturas al portfolio de Artefacto, uso Screengrab! para realizar capturas de pantalla en tamaño estándar con facilidad. Así quedan todas exactamente igual. Tiene muchas opciones interesantes y creo que vale la pena tenerla esta extensión en la recámara.

Esto es todo por el momento. En un próximo artículo comentaré otras extensiones interesantes y útiles… ¿alguna sugerencia?

Esta es la frase que hemos elegido como título de la campaña para presentar el plan formativo del Ayuntamiento de Salamanca. Hemos trabajado intensamente durante las dos últimas semanas para terminar este proyecto cuyo resultado, personalmente, me parece muy satisfactorio.

El plan formativo reune una serie de actividades y cursos dirigidos a jóvenes. Este año en concreto, la oferta se compone del curso para obtener el título de Monitor de Tiempo Libre así como de otros cursillos sobre salud, educación ambiental y dispacidades. Aunque sin duda, lo mejor de todo es el fantástico cartel que han diseñado mis compañeros :-)

Hablan también de ello en la web del Espacio Joven de Salamanca, donde puede obtenerse más información sobre el plan formativo.

Llevo todo el fin de semana arreglando el código de Artefacto Server, mejorando su legibilidad y tratando de mejorar su eficiencia todo lo que sea posible. El problema de las aplicaciones web es que en cuanto empiezan a crecer se multiplican las consultas a la base de datos, la inclusión de ficheros de PHP, la descarga de archivos de estilos o de Javascript… y al final pueden llegar a ser realmente pesadas.

De momento me estoy centrando en limitar las comprobaciones en la inclusión de archivos PHP, sustituyendo los require_once() por llamadas a require() convencionales (que resultan algo más rápidas al no tener que comprobar si el archivo ya ha sido incluido), en la corrección general del código, en la optimización de las consultas a la base de datos (verdadero cuello de botella de las aplicaciones web) y en la reducción del tamaño de las páginas.

Sobre esto último, algunas secciones del panel de control de Artefacto Server tenían código CSS o Javascript escrito directamente en el archivo PHP. Esto es un problema porque incrementa el tamaño de la página que se descarga al navegador, con lo cual el tiempo de carga es mayor. Ya solucionamos esto en gran medida en Artefacto Server 3.1, pero todavía quedaban algunos módulos con ciertas particularidades sin actualizar.

La ventaja de este enfoque es que el navegador guarda en la caché los archivos y eso siempre acelera la carga. No obstante, todavía se puede dar una vuelta de tuerca más, que consiste en comprimir el código Javascript o CSS, eliminando saltos de línea, espacios, etc. Adicionalmente, se puede cambiar el nombre de las funciones y variables y reducir el código todavía más. Para no tener que hacer este trabajo a mano hay algunas opciones interesantes, y la más popular parece ser JSMin, que además es libre. Hay una implementación en PHP, jsmin-php, con la que he estado trabajando estos días. He hecho la prueba con uno de los ficheros de funciones comunes y ha pasado de 3060 a 2476 bytes, lo cual nos arroja una tasa de compresión del 20%, que no está nada mal. Otro fichero Javascript del panel de control ha pasado de 3247 a 1754, lo cual supone una reducción de casi el 50%.

Hay que decir que todo esto no va a solucionarnos ningún problema por si solo, sino que tenemos que tomarlo como una acción más de un conjunto de medidas encaminadas a mejorar la rapidez general de la aplicación.

Vía | aNieto2k