Una de las cosas que más me frustran en el desarrollo de páginas web es el no poder utilizar ciertas instrucciones de CSS 3 en Internet Explorer cuando en otros navegadores (Firefox, Chrome, Opera y Safari) sí se pueden desde hace ya un par de versiones. El proceso de adopción por parte de IE a estándares como HTML5 y CSS3 ha sido muy lento, ya que hasta hace poco el IE9 ya soporta algunas de estas coracterísticas, pero sus predecesores no.

Un mecanismo que nos permite solucionar algunos de estos problemas es CSS3 PIE. Esta herramienta permite utilizar en  Internet Explorer 6-8 algunas de las capacidades de decoración de CSS3 tales como:

• border-radius.
• box-shadow.
• linear-gradient.

Si quieres resolver este tipo de problemas, accede a  http://css3pie.com/ y descarga el código fuente de este mecanismo.

En la actualidad la evolución del HTML nos permite cada vez más hacer más con menos, tener más posibilidades de Interfaces Ricas en Internet entre otras cosas. Desde hace tiempo me dí a la tarea de buscar en Internet una serie de recursos de la versión HTML 5 y encontré un excelente punto de referencia para construcción de sitios web con bastantes elementos interesantes, para que vean a qué me refiero, les paso la descripción de este proyecto:

HTML5 Boilerplate es un excelente punto de partida para construir sitios HTML/CSS/JS rápidos, robustos y de futuro.

Tras más de tres años en desarrollo iterativo, obtienes lo mejor de las mejores prácticas ya incorporadas en el proyecto: normalización entre navegadores, optimizaciones de rendimiento, incluso características opcionales como Ajax y Flash cross-domain. Un archivo de configuración de Apache .htaccess de arranque que configura las reglas de caché y prepara a su sitio para servir video HTML5, usar @font-face, y activa la compresión gzip.

Boilerplate no es un framework, ni tampoco sigue ninguna filosofía de desarrollo, son sólo algunos trucos para que puedas arrancar tu proyecto de una manera rápida y con buenos cimientos.

 

Yo en lo personal lo he utilizado y me ha dado muy buenos resultados!!!

Ref: http://html5boilerplate.com/

En la actualidad es muy importante desarrollar páginas web que puedan ser vistas en los navegadores web, por lo cual se hace de vital importancia el uso de herramientas y aplicaciones que nos permitan lograr este objetivo.

El primer paso a tomar en cuenta es el uso de los navegadores web por parte de los usuarios y para esto se recomienda visitar sitios que nos permitan obtener datos estadísticos tales como:

• http://www.w3counter.com/
• http://gs.statcounter.com/
• http://www.statowl.com/

El segundo paso es contar con las versiones más recientes de los navegadores más utilizados:

• Internet Explorer.
• Firefox.
• Chrome.
• Safari.
• Opera.

Es importante considerar también el uso y emulación navegadores web de dispositivos móviles como:

• Firefox Mobile: Fennec. (emulador Firefox Mobile)
• Opera Mobile. (emulador Opera Mobile)
• Safari Mobile – Ya incluído en iOs. (kit de desarrollo/emulador de iOS – solo Mac OS X)
• Dolphin. (kit de desarrollo/emulador de Android)

El tercer paso es contar con herramientas que permitan visualizar la página web en diferentes versiones de navegadores:

• IETester (Windows): Es una herramienta gratuita que permite visualizar las páginas web en diferentes versiones de Internet Explorer: 6, 7, 8 y 9.
• Multi-Safari (Mac Os X): Es un repositorio de diferentes versiones de Safari para la realización de pruebas.
• Multi Firefox/Opera/Chrome: Esto es posible gracias a las aplicaciones portables, un recurso que nos permite hacer uso de determinado software sin necesidad de instalarlo.
• Máquinas virtuales (Virtual PC, Virtual Box, VMWare, etc) : En algunas ocasiones es lo más recomendado cuando por alguna razón no podemos utilizar alguno de los recursos anteriores y que nos permite instalar algunas versiones de sistemas operativos en los cuales sí podemos hacer uso de navegadores anteriores o incluso otros sistemas operativos diferentes al que estamos utilizando en nuestro equipo de cómputo.

Uno de los navegadores que mayor crecimiento hay tenido en los últimos años, ha sido Firefox. A mí en lo personal me gusta mucho y es mi favorito. Cuenta con bastantes plugins muy útiles para los que se dedican al desarrollo web y posicionamiento en buscadores.

Los plugins que no pueden faltar son:

Desarrollo Web

• Web Developer.
• Firebug.
• TAW en un clic.
• IE Tab.
• FireFTP.
• Stylish.
• Greasemonkey.
• Measureit.
• ColorZilla.
• Google Page Speed. (actualizado)
• Yslow!. (actualizado)

Posicionamiento en Buscadores

• Alexa Sparky.
• GA? – Is Google Analytics Installed.
• SeoQuake.
• SEO for Firefox.
• SEO Toolbar.
• Rank Checker.

Por el momento son los plugins que recuerdo. Si me hace falta alguno, lo anexaré más adelante.

Algun plugin que recomienden para desarrollo o posicionamiento en buscadores?

Selenium IDE es un plugin de pruebas para Firefox que nos permite grabar, modificar y depurar tests. Con este plugin podemos grabar todos los movimientos que hemos realizado en un sitio web, por lo cual nos podemos tener acceso automatizado a nuestro historial de acciones y navegación en un sitio web para posteriormente poderlo reproducir.

Entre las principales características que ofrece son:

• Grabación de test de pruebas y su reproducción.
• Guardar los test en los lenguajes:
  • HTML.
  • C#.
  • Perl.
  • PHP.
  • Python.
  • Ruby.
  • Agrupar los test de pruebas.
• Reproducción paso a paso de las pruebas.

Ref.: Descarga y  Manual de pruebas