![HectorBenitez.com [Blog] - Desarrollo de sistemas o algo por el estilo…](http://blog.hectorbenitez.com/wp-content/themes/nightsky-10/images/header.gif)
Recientemente Google presento una serie de tutoriales y articulos en los cuales nos presentan diferentes sugerencias para mejorar la velocidad de nuestras aplicaciones web, se tratan temas como CSS, PHP, Javascript y optimización de imagenes entre otros, la verdad son recursos muy interesantes y vale la pena hechar un ojo…
Aunque personalmente soy usuario de Bluprint, me acabo de encontrar con un nuevo framework que parece estar bastante interesante, segun ellos, estan incorporando lo mejor de Blueprint, Tripoli (de aqui sale el nombre), el CSS de impresion de Hartija, la simplicidad de 960.gs, y los iconos de Elements…
Esta semana les voy a presentar un pequeño script llamado phpThumb hecho para crear thumbnails al vuelo, es decir, ustedes ya no necesitan crear varias versiones de sus imagenes para mostrarlas en otros tamaños, con esta herramienta lo podemos hacer al momento de requerirla, ademas, con este script puedes darle diferentes efectos para mejorar la visualización, phpThumb() usa la libreria GD y acepta los formatos mas conocidos (JPEG, PNG, GIF, BMP, etc)…
Por ejemplo para crear las pequeñas imagenes que usa facebook mostrando las fotos con esquinas redondeadas podriamos hacer esto:
Codigo:
<img src=”phpThumb.php?src=foto.jpg&w=200&h=150&fltr[]=ric|20|20&f=png” />
Los parametros son los siguientes:
1. src es la ruta de la imagen relativa a phpThumb.php
2. w & h son el alto y el ancho del thumbnai resultante
3. fltrse usa para decirle a phpThumb que genere esquinas redondas y el tamaño de las mismas.
4. El ultimo parametro indica el formato de salida, en este caso usamos PNG para que la orilla sea transparente, en caso de usar otro formato tendriamos que usar la propiedad bg para definir el color del fondo.
imgPreview es un plugin de jQuery que permite a los usuarios previsualizar imagenes antes de dar click en ellas, las imagenes se muestran de una manera muy similar a un tooltip que aparece a un lado del cursor al pasar sobre el link… es un plugin muy secillo pero estoy seguro de que lo encontraran muy util…
Ademas cuenta con varias opciones de configuración que les permitiran definir el comportamiento del mismo, desde agregar un CSS para mejorar la visualizació, hasta manejar funciones callback para controlar el comportamiento de tu sitio…
Muchas herramientas que a menudo usamos al desarrollar con PHP, te recomiendan que las instales mediante PEAR (por ejemplo PHPUnit), aquí les dejo los pasos necesarios para instalarlo en Windows… consideramos que ya tienen instalado Apache y PHP…
1. Abrimos una consola de comandos y vamos a la carpeta de instalación de PHP, ejemplo…
C:> cd C:phpphp5.2.5
2. Desde aquí ejecutaremos el archivo go-pear.bat, y el nos instalara PEAR en nuestro sistema
C:phpphp5.2.5> go-pear.bat
3. Durante la instalación de PEAR aparecen varias opciones de configuración, por ahora aceptaremos las opciones predeterminadas.
4. Una vez instalado ejecutamos el archivo PEAR_ENV.reg el cual creara las variables de entorno en el sistema, esto sirve para poder usar PEAR desde cualquier ubicación…
C:phpphp5.2.5>PEAR_ENV.reg
5. Ahora que ya tenemos PEAR listo, debemos registrar el canal PHPUnit con PEAR
C:phpphp5.2.5>pear channel-discover pear.phpunit.de
6. Ahora ya podemos instalar PHPUnit mediante PEAR
C:phpphp5.2.5>pear install phpunit/PHPUnit
7. Los archivos de PHPUnit los encontraremos dentro del directorio de PHP…
Usabilidad se refiere a la experiencia del usuario al interactuar con un sitio web, les dejo aqui un par de links bastante buenos, revisenlos… este post lo ire actualizando y revisitando segun tenga nuevas referencias, tambien agregare algunos articulos en mi web… espero lo lean…
En esta ocación les presento un excelente trabajo de diseño que encontre en InformationArchitects.jp, trata sobre las empresas y los servicios que actualmente valen algo en la web, bastante interesante…
Devmex Blog (Software) 
