EmChart es un recurso muy util que me encontre en la web, con esta tabla ustedes podran convertir las medidas de px a em de una forma muy sencilla y practica.

Este recurso esta disponible en linea o para descarga, muy util para diseño web…

Sitio oficial

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…

Articulo de google code…

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…

Sitio oficial

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.

Sitio oficial

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…

Pagina oficial

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:\php\php5.2.5

2. Desde aquí ejecutaremos el archivo go-pear.bat, y el nos instalara PEAR en nuestro sistema

C:\php\php5.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:\php\php5.2.5>PEAR_ENV.reg

5. Ahora que ya tenemos PEAR listo, debemos registrar el canal PHPUnit con PEAR

C:\php\php5.2.5>pear channel-discover pear.phpunit.de

6. Ahora ya podemos instalar PHPUnit mediante PEAR

C:\php\php5.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…

http://www.useit.com/

[webdesignerdepot] – 10 Usability Tips for Web Designers

[desarrolloweb] – Usabilidad en la web

Esto es la pura verdad… la unica manera de medir el codigo…

Via: PhpKitchen

En diversas ocaciones es necesario revisar el performance de nuestras paginas web, les traigo aqui 3 herramientas que a mi me parecen de lo mejor, estas herramientas nos dan una mejor idea de por donde empezar la optimización o en que estamos fallando… existen muchas mas, pero para mi estas son las mejores…

WebSiteOptimization.com

Esta herramienta nos da un rsumen general de los elementos que se cargan en nuestra pagina y algunos tips o consejos de que podemos hacer, para remediarlo…

Site-Perf.com

Esta herramienta nos da un lista de todos los elementos de nuestra pagina, nos dice, elemento por elemento, cuanto tiempo tarda en cargar…

InternetSupervision

Este sitio consulta nuestra pagina desde diferentes partes del mundo y con diferentes velocidades de conexion, ya no es tanto de optimización pero es muy interesamnte…

Antes que nada, disculpen por el post anterior, mi hermanita estubo jugando con mi panel de control… -.-

Apache es el servidor web mas usado en la actualidad, y la verdad es que su uso no es siempre sencillo, existen muchas cosas que se pueden hacer con el, en estos posts les voy aponer algunas de las necesidades mas comunes y como solucionarlas, espero les sirva de algo… recuerden que al terminar de modificar cualquier configuración, deben reiniciar el Apache para que los cambios tengan efecto…

Evitar el enlistado de archivos

En el archivo httpd.conf debes buscar la seccion <Directory> que quieras proteger, ahi debes buscar la directiva Options y modificar el valor a -Indexes… por ejemplo, esto podria quedar asi…

Options -Indexes FollowSymLinks Includes ExecCGI

Crear un directorio virtual.

En el archivo httpd.conf  buscamos la seccion <IfModule alias_module> y ahi escribimos lo siguiente:

Alias /prueba “C:/prueba/webpage/”
<Directory “C:/prueba/webpage/”>
Options Indexes MultiViews
AllowOverride None
Order allow,deny
Allow from all
</Directory>

Nota: Yo les recomiendo que respalden cualquier archivo antes de modificarlo, en caso de que Apache no arranque despues, pueden restaurar sus archivos anteriores, todo esto es con fines educativos, por supuesto que no me hago responsable de lo que ustedes hagan con esta información…