ViewLike.us es una servicio web que nos permite visualizar nuestras páginas a diferentes resoluciones.

Hace unos años, las resoluciones de pantalla utilizadas no tenían misterios para diseñadores y maquetadores web. 800×600 y 1024×768. Y no había más donde rascar.

Con la llegada de los monitores panorámicos, y el incremento de tamaño de estos, hoy en día nos podemos encontrar con al menos, 10 resoluciones diferentes; y eso sin contar los dispositivos móviles.

Para comprobar cómo se veían mis páginas a diferentes resoluciones, siempre he utilizado la herramienta Resize de la Web Developer Toolbar de Firefox. Es una herramienta muy útil ya que permite definir las resoluciones que podrá adaptar nuestro navegador. El único incoveniente es que no soporta resoluciones mayores que la que estamos utilizando.

Con ViewLike.us este problema está solucionado. Nos ofrece las siguientes resoluciones: 800×600, 1024×768, 1152×864, 1280×800, 1400×900, 1600×1200 y 1920×1200, además de adaptar nuestra página a la resolución de la pantalla del Iphone y del navegador de la Nintendo Wii.

Si alguna de estas resoluciones es superior a la utilizada por nuestro sistema, se mostrará sin problemas la barra de desplazamiento lateral.

En definitiva, una herramienta digna de un puesto en nuestros marcadores, y que nos será muy útil si trabajamos con diseños líquidos.

ViewLike.us

Vía |@lmmartin

Todo desarrollador/maquetador web que se precie, conoce y usa Firebug.  Una de las mejores cualidades que tiene, es que se pueden “extender” sus características a través de otras extensiones, que se integran a la perfección con él.

Ya vimos el ejemplo de Google Page Speed, y ahora le toca el turno a FireRainbow.

FireRainbow es una extensión para Firefox que se encarga de colorear la sintaxis de Javascript que muestra su “hermano” Firebug. Tras instalarlo, tan solo debemos ir a la pestaña Script de Firebug para ver los resultados.

FireRainbow dispone además, de casi 30 temas diferentes para visualizar nuestro código, que además son fácilmente editables y muy sencillos de crear.

Descarga FireRainbow

Listado de temas para FireRainbow

Ya está disponible la primera RC de Firefox 3.5.

Si estais usando Firefox 3.5 Beta4 o Beta99, pasaros por Ayuda > Buscar actualizaciones.

Vía @mozhacks

Si usas Firefox, un método para hacer un poco más “elegante” esta depuración, es utilizar la variable console, una variable global que Firebug añade por defecto las páginas abiertas con nuestro navegador favorito.

Su funcionamiento es sencillo. Dentro del código javascript, tan solo tenemos que hacer la siguiente llamada:

// Código Javascript
console.log('Esta cadena se imprimirá en la consola de Firebug');
// Más código Javascript

El primer argumento que debe recibir log es una cadena, que puede contener indicadores de tipo, muy parecido a las funciones printf() y sprintf() de PHP.

console.log("El %s saltó sobre %d edificios", animal, contador);

Sin embargo,console.log() también permite este otro formato:

console.log("El", animal, "saltó sobre", contador, "edificios");

Estos dos formatos, pueden combinarse. Si se utilizan indicadores de tipo, y se proporcionan más argumentos que patrones, el resto de argumentos se añadirán a continuación separados por un espacio:

console.log("Me llamo %s y me gusta hacer:", miNombre, cosa1, cosa2, cosag3);

Si quieres conocer todas las opciones, de esta variable, puedes encontrar más información en la web oficial de firebug.

Durante la keynote que sirve de pistoletazo de salida a la WWDC de 2009, Apple a presentado la versión definitiva del nuevo Safari 4.

Esta nueva versión del navegador de la compañia de Cupertino, disponible tanto para Mac OS como para Windows, alcanza la máxima puntuación en el Acid3 test (100/100), promete ser un 50% más rapido procesando el javascript gracias a su interprete SquirrelFish, asegurando ser más rápido que el V8 de Google Chrome.

Todas esas mejoras forman parte de las 150 que desde Apple afirman haber dotado a su navegador.

Web oficial de Safari

Descargar Safari 4