Sin duda, con la salida de Internet Explorer 7 muchos sentimos la necesidad de que todos nuestros usuarios actualicen para poder desplegar nuestro arsenal de estilos avanzados sin necesidad de comentarios condicionales, hacks y trucos varios.
Lamentablemente, la tasa de usuarios de Internet Explorer 6 e incluso inferiores se mantiene estable.
Dean Edwards, cansado de tener que ensuciar su código para hacerlo funcionar en navegadores que no soportan los estándares, creó hace ya un par de años una librería muy interesante en Javascript: IE7.
IE7 se encargará de servir a estos navegadores “no acordes a los estándares” una versión del estilo que puedan interpretar correctamente.
Gracias a IE7 podrás emplear selectores avanzados, PNG transparentes, posicionamiento fijo (sin parpadeos), arregla etiquetas rotas (como abbr) etc.
Ya lo hemos comentado antes, la guerra de los navegadores vuelve a ser un tema de discusión. Como ya dije en su momento, yo utilizo Firefox porque para mi, ahora mismo, es la herramienta más cómoda.
A través de Xybernéticos descubro Browserwars, una pequeña encuesta sobre navegadores.
Está claro que los datos de una encuesta de este tipo no son fiables ni “científicos” pero parece que el ganador claramente es Firefox, por lo menos en el corazón de los usuarios. Lo que me resulta extraño es que, visto el movimiento de sus usuarios en los últimos meses, Opera vaya tan por debajo de los demás.
¿Por qué escogéis uno u otro navegador? ¿Nadie usa alguno que no sean “los 3 grandes”?
Browserwar: http://browserwar.info/
Existen múltiples test y validadores para tu código que puedes emplear online, no obstante, si necesitas ir validando múltiples sitios puede ser laborioso ir acudiendo al sitio de cada herramienta.
Si hay una ventaja que hace destacar a Firefox sobre los demás navegadores (sin ánimo de polemizar, otros navegadores también tienen sus herramientas pero se salen de la perspectiva de este blog al no ser software libre) son sus extensiones.
Para todos los desarrolladores web, existen numerosas extensiones que nos ayudarán a validar y verificar nuestro código:
Con Offline Page Validation podrás enviar cualquier página que estés visitando al servicio de validación del W3C incluso si son páginas locales, que requieran registro, etc.
Valida tus hojas de estilo mediante el servicio del W3C
La “HERA-Extension” es una extensión para los navegadores de la familia Mozilla (Netscape, Firefox, Flock, Safari, etc.), que permite revisar online, en un solo clic, la página web que estemos visitando e incluso un marco de esa página (si los tiene), facilitando el uso y acceso a HERA.
TAW3 en un click te permite comprobar la accesibilidad de las páginas que visites, utilizando el servicio TAW3 Online y las reglas WCAG 1.0
Con ella podrás comprobar que el contraste de los colores que has escogido para tu sitio web es adecuado para todos tus posibles visitantes
Te mostrará tus páginas de forma similar a como las interpreta un lector de pantalla
Esta extensión está pensada para ser una ayuda en la navegación de personas discapacitadas pero los desarrolladors podemos utilizarla para comprobar si su desempeño es correcto
Entre sus múltiples posibilidades (de las que hablaremos en unos días en profundidad) está la de validar tus sitios locales y los sitios que visites, tanto su html y css, como su accesibilidad…
La extensión Total Validator, de la que ya hablamos por aquí, te permite realizar múltiples validaciones en un solo click
Valida HTML, XHTML, CSS, RDF, RSS, XML, WAI, Section 508, P3P, Hypervínculos, Metadata y más
Firebug es, sin duda, una de las herramientas más potentes y conocidas para controlar la calidad de nuestro código. No obstante, la curva de aprendizaje para sacarle el máximo partido puede ser un poco pronunciada para algunos. Por eso, aquí os dejo el enlace a una interesantísimo artículo con trucos para Firebug, que nos ofrece generosamente Mojo Seifi
A través de Ajaxian me entero de que ha salido la versión 1.0.3 de Firebug, una actualización recomendada encarecidamente ya que soluciona varios problemas y cubre una vulnerabilidad 0-day.
Podéis actualizaros mediante la actualización automática de vuestro firefox o desde el sitio web Get Firebug.
A raíz de un meneo que comenta la existencia de sitios “solo para Firefox” (de una forma más radical que el too cool for ie) se me ha planteado una duda.
¿Realmente debemos los desarrolladores web tomar partido en estas guerras por el “mercado” de los navegadores?
Está muy bien que todos queramos borrar de la faz de la tierra a este o aquel navegador que nos provoca intensos dolores de cabeza cuando estamos trabajando con una plantilla pero cerrarse en banda a un navegador ¿es la forma más adecuada de plantarle cara?
Por desgracia, el único perjudicado es el webmaster que restringe el uso de su sitio a este o aquel navegador. Seguramente un usuario de Internet Explorer o Firefox no va a cambiar de navegador sólo porque tu así lo quieras (dios nos libre) y, en todo caso, conseguirás que acceder a tu sitio web le suponga un fastidio al tener que abrir “el otro navegador”.
Por otro lado, destrozar las hojas de estilo con hacks para solucionar este o aquel problema o, incluso, tener que recurrir al javascript para emular ciertas funcionalidades, es un exceso. Al final acabamos todos a expensas de las decisiones de uno, que hace y deshace como mejor le conviene.
Yo he optado, en el caso de este blog, por la “resistencia pacífica”: en lo estructural, el blog se ve bien en todos los navegadores, en el estilo los usuarios de Internet Explorer 6 se llevan una versión “sin refinar” (png sin transparencia, formularios sin hover…).
Supongo que, dependiendo del tipo de sitio, se puede uno arriesgar a olvidarse de ciertos navegadores pero ¿cual consideráis que es la postura más adecuada para un webmaster en la “guerra de navegadores”?
Como ya sabréis, Internet Explorer no se lleva demasiado bien con la etiqueta <q> La ignora completamente y, por tanto, perdemos las comillas de las citas. Siempre podemos incluir las comillas manualmente ¿no?
Pero, claro, las etiquetas aportan significado semántico, no deberíamos tener que prescindir de ninguna por caprichos de un navegador.
Como ya vimos con el caso de los png, existen unos archivos llamados behaviors (comportamientos) que nos permiten proveer de estas funcionalidades a Internet Explorer.
Para utilizarla, la descargamos de Will code 4 beer: fixQuotes_en.htc y lo llamamos con un poco de CSS que dará a Internet Explorer las instrucciones pertinentes.
Atento porque utilizará las reglas de entrecomillado inglesas, para utilizar otras edita el archivo htc, para saber como visita el artículo original: Fixing the Quote Tag in Internet Explorer
Puede que para la mayoría de nosotros eso de la navegación móvil suene todavía a capricho de algunos. Casi todos tenemos teléfonos con capacidad para navegar por internet pero el precio de las tarifas lo hace privativo. No obstante, esperemos que más temprano que tarde, las tarifas bajarán y todos podremos aprovecharnos de las ventajas de internet en cualquier lugar.
Entre tanto, deberíamos empezar a preocuparnos por crear páginas que se naveguen bien desde estos dispositivos de pantalla pequeña y, para no tener que gastarnos el sueldo en pagar los accesos a nuestro sitio desde el móvil, existen aplicaciones web tan interesantes como .mobi
.mobi realizará un test a nuestro sitio y valorará su compatibilidad con los dispositivos móviles, permitiendonos conocer con detalle los puntos conflictivos e incluso previsualizar nuestro sitio en dos modelos de teléfono móvil (Nokia N70 y Sony Ericsson K750).
Webmaster Libre puntúa un misero 2 sobre 5, al igual que Wwwhat’s new? donde conocí la existencia de esta herramienta. Por tanto, nos queda bastante por mejorar a pesar de que, entre los blogs, abundan las puntuaciones de 1.
FirePHP te permite echar un vistazo más profundo a todo el trabajo que realiza tu código PHP para representar la página que estás viendo con tu Firefox.
FirePHP se integrará en Firebug para ofrecerte funcionalidades para PHP con sólo instalar la extensión, PHP PEAR e incluir algo de código en tus desarrollos.
De momento se encuentra en una versión muy temprana de su desarrollo, puedes consultar el roadmap para saber como va a ir el desarrollo durante este año, instalarla y probar la demo o echarle un vistazo a la documentación mientras aparece la primera versión
Mimulus es un ligero editor de XHTML desarrollado como extensión de Firefox. Con el convertirás cualquier pestaña en un editor WYSIWYG (con la opción de ver y editar también el código).
Sólo un click sobre el icono, en la barra de estado de tu navegador, y podrás editar cualquier sitio web, tanto local como en servidores remotos (en cuyo caso te consultará donde guardar el archivo editado).
Además, cuenta con gran cantidad de atajos de teclado para ayudarte a introducir texto con rapidez. Eso si, se trata de una versión aún temprana por lo que tiene unos cuantos bugs conocidos pendientes de resolver.
Más información y descarga: Mimulus XHTML editor
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
