Herramientas gratuitas para programar webs

Codigo

Tras varios años de experiencia programando webs he podido probar muchas herramientas para hacer webs, algunas sencillas y otras complicadas, algunas de pago y otras gratuitas. En este artículo quiero mostrar un conjunto de herramientas que uso habitualmente y que creo que será útil para gente que esté interesada en empezar a hacer webs o para aquellos que ya llevan tiempo pero aún no conocen las herramientas que voy a presentar. En este caso quiero presentar algunas herramientas gratuitas que pueden servir a la mayoría de programadores web sin tener que gastar ni un euro.

Para hacer webs necesitamos básicamente dos cosas: un editor para escribir el código y un navegador para ver los resultados. Aparte dejamos las herramientas de diseño gráfico ya que en este caso nos vamos a centrar en la programación de la web.

El editor:

Notepad ++: Es un editor de textos gratuito con muchísimas características interesantes para programadores. Sus características principales son:

  • Resaltado de código para muchísimos lenguajes.
  • Plegado de código.
  • Asistente de autocompletado de código
  • Multidocumento.
  • Multivista.
  • Macros.
  • Gratuito.

eclipse

Eclipse + PHPeclipse: Eclipse es un IDE que nativamente nos permite escribir programas JAVA aunque con la enorme cantidad de plugins que tiene se puede utilizar para hacer absolutamente de todo. Y cuando digo todo, es todo. Últimamente lo he estado utlizando para programar aplicaciones de Macromedia Flex. Si le añadimos el plugin PHPeclipse nos permite programar páginas web con todas la características comunes como resaltado de sintaxis, plegado de código, gestion de proyectos e incluso incluye un navegador en mimiatura para ver los resultados a medida que vamos escribiendo código. El precio a pagar por tanta potencia es que necesita bastantes recursos del ordenador para funcionar, sobre todo memoria RAM. Y como guinda del pastel, es gratuito.

El navegador:

Firefox y sus plugins:
Firefox es un navegador gratuito muy versátil que nos permite instalar plugins especialmente diseñados para el desarrollo web. Entre los cientos de extensiones que se ofrecen en su web yo destacaría los siguientes como imprescindibles:

  • Web Developer: Se trata de una barra de herramientas que se integra en el navegador que ofrece tantas ayudas que es imposible que las pueda nombrar todas aquí. Como resumen:
    • Editar cookies
    • Ver y editar estilos CSS
    • Formularios: rellenado automático para pruebas, revelado de campos hidden
    • Desactivar imagenes
    • Resaltar tablas, divs, frames
    • Redimensionar ventana a la resolución deseada
    • Validación de código y CSS
    • Visor de código fuente con resaltado
    • Y mil cosas más…
  • Firebug: potentísimo debugger para CSS, HTML y JavaScript. Se acabaron los dolores de cabeza depurando código Javascript.
  • Colorzilla: pequeña utilidad que te permite seleccionar el valor hexadecimal del color de cualquier píxel contenido en la página web.
  • IE Tab: para aquellos que utilicen windows, con un simple clic podemos ver en la misma ventana cómo se ve la página en ambos navegadores para evitar sorpresas desagradables. SIEMPRE se deben probar las páginas en varios navegadores.

Web developerFirebugColorzillaIETab
Web developerFirebugColorZillaIE Tab

Nunca está de más probar herramientas nuevas, igual os lleváis una sorpresa y os parece una locura pagar los más de 500 euros que cuestan programas como Dreamweaver y compañía.

Enlaces

Sin categoría

Deja una respuesta