Ir al contenido principal

Plugins de Firefox esenciales para desarrolladores

A la hora de desarrollar páginas webs es muy importante disponer de un entorno sobre el que trabajar cómodamente y disponer de las herramientas que necesitamos para hacer la tarea lo más fácil posible.

En mi caso, a la hora de desarrollar páginas o aplicaciones web utilizo el navegador Firefox que es el que dispone de los mejores plugins para desarrolladores. A conitnuación os muestro una lista de los indisponsables:

MeasureIT: Herramienta muy fácil para conocer el tamaño de la pantalla del navegador en todo momento y poder jugar así con las vistas en distintas resoluciones.

Firebug: Complemento indispensable para cualquier desarrollador con el que podremos destripar tanto el código HTML como CSS, así como hacer cambios de forma dinámica sin tener que modificar el código fuente original ni recargar la página.

FireQuery: Se trata de un complemento a su vez del plugin Firebug y con él añadiremos las funcionalidades de éste para trabajar con jquery.

YSlow: Fantástica aplicación para optimizar la velocidad de carga de nuestro sitio. Además de hacer un completo chequeo, nos proporciona consejos para reducir el tamaño de los archivos y el tiempo de carga, con lo que conseguiremos mejorar la experiencia del usuario y, como no, el posicionamiento en los principales motores de búsqueda.

No Script: Permite desactivar los javascripts de la página y evitar que carguen así a la vez que el código HTML. Aunque yo la he conocido como una herramienta de seguridad, nos puede servir para probar el funcionamiento de nuestra página sin javascript o bloquear solo los que creamos convenientes.

User Agent Switcher: Ideal para cuando estamos creando aplicaciones multiplataforma. Podemos cambiar el user agent de nuestro navegador de forma que podamos ver cómo se muestra nuestra aplicación en cualquier dispositivo/navegador sin necesidad de tener instalado o probarlo en cada uno de ellos.

Web developer: Se trata tal vez de la herramienta más completa que incluye la mayoría de las funcionalidades de los complementos mostrados anteriormente, aunque algunos de ellos no están tan trabajados. Por tanto, aunque está bien disponer de esta "navaja suiza" de los plugins para desarrolladores, es más que recomendable instalar aquellos específicos que necesitamos ya que mejorarán nuestra experiencia.

Comentarios

Entradas populares de este blog

Exportar archivo de configuración de WinSCP

S i estamos trabajando con WinSCP seguro que ya hemos guardado distintas sesiones para acceder a ellas directamente en futuras ocasiones y evitar volver a introducir todos los parámetro de configuración. Seguro que también muchos de vosotros habéis agrupado las sesiones en carpetas dependiendo de la naturaleza de las mismas. Este trabajo ocupa un valioso tiempo que no nos podemos permitir repetirlo para todos los equipos que tenemos, por lo que lo más lógico es configurar todas las sesiones y exportar su configuración al resto de equipos , teniendo una sola versión y evitarnos tener que volver a configurar todas las sesiones en cada uno. El problema es que WinSCP no nos muestra la opción de exportar de una forma sencilla, por lo que tendremos que buscarnos la vida. Lo primero que debemos hacer es abrir el programa y acceder a Preferencias -> Almacenamiento (o su equivalente al inglés) En esta pantalla deberemos indicar que almacene la configuración en un archivo

Asignar valores por defecto a input=”file” y a textarea

S eguro que muchos os habéis estado rompiendo la cabeza buscando la forma de dar un valor por defecto a el tipo de dato input=”file” . Pues que sepáis que no se puede!!! No se puede dar un valor por defecto a los campos de este tipo, ya que hacen referencia a una ruta física local y podrían surgir problemas de seguridad. Lo que se puede hacer, por ejemplo, es mostrar la imagen o el nombre del dato que tenemos almacenado y si el usuario desea modificarla, ofrecerle la opción de cargar una nueva. La etiqueta textarea , aunque pueda parecérnoslo, no se trata de un input y para darle valor por defecto simplemente debemos mostrar el texto que deseemos entre su marca de apertura y de cierre. Es decir, en caso de que lo que deseemos mostrar por defecto sea una variable, introduciremos el siguiente código: <textarea id="txtobservaciones" name="txtobservaciones" rows="2" cols="40" class="txt" ><?=$_POST["txtobservaciones"] ?&

Configuración de archivo de Logs para IpTables

I pTables se usa para configurar, mantener e inspeccionar las tablas de reglas de filtrado de IPs en el kernel de Linux, pero por defecto, su sistema de logs no es todo lo completo esperamos. Por defecto, la mayoría de los logs del sistema se guardan en el fichero /var/log/messages pero en este caso vamos a configurar un nuevo fichero para que almacene únicamente los logs que generaremos con algunas reglas en IpTables , creando así su propio archivo de bitácora . Lo primero que debemos hacer es configurar el archivo /etc/syslog.conf , que se trata de un archivo de configuración en el que se indica el modo en que los mensajes del sistema son bitacorizados a través de la utilidad syslogd que se instala y configura por defecto en todos los sistemas GNU/Linux . Debemos añadir al final del fichero la siguiente sentencia: kern.warning /var/log/iptables.log Con esto indicamos que se almacenen los mensajes provienen del kernel con prioridad 4 o superior ('warning' es el nivel de