Si estas aprendiendo diseño web te recomendamos esta recopilación de 66 tutoriales gratuitos para aprender a diseñar tus propias paginas en photoshop, en algunos de ellos puedes aprender a maquetear estos diseños, pero en la gran mayoría solo te enseñan a crear tu theme o themplate de tu sitio utilizando muchas de las herramientas que nos ofrece photoshop. Todos están en ingles pero resulta fácil entenderlos ya que no solo explican con texto si no que también puedes encontrar imágenes con los pasos que debes seguir, así que si no sabes mucho ingles no será muy difícil entenderlos para crear tus propios pininos.

Un par de ejemplos de los resultados de estos tutoriales.

Visitar: 66 tutoriales de diseño web en photoshop

Al diseñar una web y establecer los tamaños  de la fuente que utilizamos en la hoja de estilos, tenemos las opciones de utilizar puntos, pixeles, porcentajes y ems. Esto depende del gusto del diseñador web, pero a veces nos acostumbramos a usar solo un tipo de medida, que cuando usamos otro batallamos un poquito mas. Para familiarizarnos con las diferentes medidas, hoy les dejamos una tabla de equivalencias que puede ser muy útil para aprender.

FuenteApproximate conversion – pixels to points

Esta tabla solo da un aproximado, muchas veces el tamaño varia dependiendo del tipo de fuente que se utiliza.

Matt Cuts nos explica en el siguiente vídeo como podemos eliminar una pagina utilizando la etiqueta noindex en la pagina que deseamos bloquear.

Click para ver el vídeo

Introducción

Una de las cosas que hacen batallar y perder algo de tiempo a todos los diseñadores web “buenos“, es el optimizar un sitio web para que se visualice perfectamente en la mayor cantidad de navegadores posibles (los mas populares por lo menos), incluso en navegadores muy viejos y descontinuados, caso IE6. ¿Pero porque tomarlos en cuenta si son viejos? La respuesta es simple, “CLIENTES“, si en tu web ofreces un servicio a tus visitantes por el cual ellos han llegado a tu página a través de un buscador(yahoo,google,bing, etc. ) es porque llegaron buscando algo que esta en tu web y están interesados en lo que tu les puedes ofrecer, o sea que no es un visitante común, si no que puede ser un posible cliente, GRANDE o Pequeño, pero puede ser un cliente. A este posible cliente no lo puedes recibir con una web que no se vea bien, por lo tanto debes tomarlo en cuenta también.

Para solucionar esto varios diseñadores web instalan algunos de los navegadores mas populares para hacer vistas previas de como va quedando sus diseño, pero ohh problema!! Puedes tener varios navegadores instalados en tu pc, pero no puedes tener varias versiones de ellos. Algunos diseñadores tienen maquinas con otro sistema operativo para hacer pruebas, otros instalan maquinas virtuales e instalan IE6, IE7 y así, cosa que solo hace batallar mas.

Bueno, despues de la breve introducción les presentamos 2 sitios con los  cuales se evitaran instalar distintas maquinas virtuales, utilizar varias computadoras para hacer vistas previas etc.

El primer sitio se llama Adobe BrowserLab, esta pagina nos permite  visualizar nuestro sitio en los navegadores mas populares como Safari,Firefox,IE6,7 y 8. Es muy rápido el proceso pero tiene la desventaja que solo lo hace en navegadores instalados en Windows XP y OS, otra desventaja es que solo nos muestra un máximo de 2 vistas previas en la pantalla(Gratuito, solo hay que registrarse).

El segundo sitio y mas completo se llama browsershots.org, este sin duda es el mejor de los dos ya que no solo prueba tu web en los navegadores mas populares, si no que lo hace en navegadores populares en todas sus versiones en distintos sistemas operativos como Linux, Mac OS, Windows y BSD.
Ventajas:

• Prueba tu sitio en muchísimos navegadores al mismo tiempo, incluso en navegadores que no sabíamos que exisitian.
• Cuenta con mas de 60 navegadores para verificar tu sitio.
• Hace una captura de pantalla de como se ve tu web en cada navegador.
• Permite descargar una imagen de la vista previa de tu sitio en varios navegadores en zip.
• Es gratuito.
• No necesitas registrarse para utilizarlo

Estos son algunos navegadores que soporta este sitio.