Por qué abandonar el desarrollo para IE 6

Como muchos habréis comprobado, la versión 6 del navegador de Microsoft es, hablando claro, una pérdida de tiempo a la hora de elaborar las hojas de estilo para nuestra web, dada su rara -y diferente- forma de interpretarlas. Ahora sabemos que, además de una pérdida de tiempo, desarrollar para Internet Explorer 6 es inútil. En datos de mayo de 2012, solo el 6.3% de usuarios de internet usaban IE6. Además, resulta que la mayor parte son chinos.

De manera que, a menos que os interese mucho dirigiros al reducto de chinos con esta versión de IE, lo mejor es considerar únicamente las versiones 7 en adelante.

Fuente | IE6Countdown

Nueva versión de Opera: 12

Ya está disponible una nueva versión del navegador, Opera 12, con novedades más notables de lo que viene siendo habitual. Primero, destaca el enfoque en mejorar la velocidad, que consiguen mediante dos cosas: un Opera Turbo mejorado, con el cual las páginas web se comprimen antes de ser recibidas por los servidores de Opera (útil para conexiones lentas); y la aclamada aceleración por hardware, que distribuye parte del trabajo al GPU.

En cuanto a la personalización, hubo mejoras en la selección de temas. También se puede ahora, directamente desde el navegador, usar la webcam de nuestro ordenador. Y como siempre, hay mejoras internas, sobre todo de adaptación a los nuevos estándares HTML5 y CSS3.

Vía | Genbeta
Descarga | Opera 12

Comprimir los archivos CSS

Comprimir las hojas de estilo de nuestro sitio es una acción que ahorrará unos pocos kilobytes que harán nuestra web un pelín más rápida. Voy a destacar dos herramientas que nos permiten llevar esto a cabo, puesto que hay decenas de ellas.

La primera es CSS min, cuyo uso se recomienda en el PageSpeed Insights de Google. Esta herramienta comprime nuestro CSS al máximo, dejándolo todo en una única línea, apenas con espacios, y minimizando todo lo posible. Para usarla y no volver nuestro archivo inmanejable, tendríamos que guardar una copia del original, y aplicar el algoritmo de CSS min cada vez que hagamos alguna modificación.

Pero quizá nuestra página sea nueva, o andemos de reformas, y estamos continuamente haciendo cambios. Resulta engorroso comprimir de nuevo el CSS a cada mínimo retoque; esto es más bien algo que hacer al final. Existen otras herramientas que lo comprimen de una manera más lógica, haciendo que no pierdan legibilidad. Es el caso de Clean CSS, que nos deja configurar al gusto el grado de compresión que deseemos.

Enlace | CSS min, Clean CSS

Función autocompletar en Notepad++

Hablamos en su momento del editor Notepad++. Voy a señalar ahora una propiedad de este programa muy práctica y que, sin embargo, viene desmarcada por defecto. Se trata de la función autocompletar, que agiliza bastante la escritura de código.

Para activarla iremos al menú ‘Configuración’, y en ‘Preferencias…’ nos meteremos en la pestaña ‘Copia de seguridad/Autocompletar’. En la parte de abajo encontraréis una casilla que dice ‘Habilitar autocompletar en cada entrada’. La marcáis, y listo. Ahora, según vayáis pulsando teclas, el programa os sugerirá diferentes propiedades CSS (por ejemplo) que se escribirán con solo pulsar Intro.

Función autocompletar en Notepad++

Nueva versión de Firefox: 13

Ya está con nosotros una nueva versión del navegador libre, Mozilla Firefox13. No ha salido oficialmente, pero ya podéis haceros con ella.

Como siempre, repasamos brevemente las novedades que llegan con esta actualización: cambiaron la blanca página de ‘nueva pestaña’, que muestra ahora las páginas más visitadas; renovaron la página de inicio, la típica de Firefox personalizada para realizar búsquedas con Google, añadiendo botones prácticos de uso común hacia las descargas o el historial, entre otras; añadieron como opciones por defecto el desplazamiento (scroll) suave, y el protocolo SPDY, para que las webs carguen más rápido.

Amén de esto están las 72 mejoras referentes a diferentes herramientas de desarrollo (panel HTML, editor de estilos, etc.), destacando la implementación de las propiedades CSS column-fill y background-position.

Vía | Genbeta
Descarga | Mozilla Firefox 13

Chrome 19, Opera 11.64 y regreso

Entre unas cosas y otras, uno se entretiene en responsabilidades mundanas y abandona forzosamente las más interesantes. Llevo tiempo sin apenas publicar, pero con un poco de suerte volveré a coger el ritmo de antes.

Durante este tiempo, se nos han escapado las versiones nuevas de dos navegadores. Por un lado, Opera 11.64 recibe mejoras en estabilidad y seguridad, corrige errores con ciertos sitios web como PayPal o eBay, con JavaScript, etc. Por otro, Chrome 19 acoge la sincronización de pestañas como novedad más destacable, lo que nos permite cambiar de dispositivo sin perder nuestra navegación; además de la clásica revisión de vulnerabilidades, solucionando un total de 20.

También he aprovechado la vuelta tras el parón para dar unos aires nuevos al blog. Ahora goza de un aspecto más limpio, elegante y moderno que antes; sin duda, más útil y cómodo.

Vía | Descargas, Bitelia
Descarga | Opera 11.64, Chrome 19

Las resoluciones más utilizadas

Ya que estamos hablando de adaptar el diseño a cualquier resolución, aprovechemos para comentar cuáles son las resoluciones más habituales, para saber en qué centrar el diseño, en qué hacer hincapié con los media queries, etc.

StatCounter nos trae la respuesta a la pregunta. A nivel global, y actualizado a abril de 2012, las resoluciones más utilizadas parecen ser 1024×768, 1280×800 y 1366×768, las 3 bastante emparejadas. Los resultados se repiten si centramos la búsqueda en España. Curiosamente, las agrupadas como «otras» resoluciones ocupan el segundo puesto, donde se incluyen las referentes a dispositivos móviles de uno u otro tipo, desde los cuales se accede cada vez más a la web.

Estadísticas resoluciones 2012

Fuente | StatCounter