Firefox » unijimpe

YSlow plugin para Firebug

06/05/2008
12:25 am
unijimpe

YSlow es un plugin para Firebug el cual es una de las mas populares extensiones de Firefox para los desarrolladores web, fue creada por los desarrolladores de Yahoo y tiene como objetivo analizar detalladamente el rendimiento de una página web basado en las Reglas de Rendimiento Web que recomienda Yahoo.

El principal resultado es un análisis del rendimiento de la pagina y luego hace un reporte detallado ademas de recomendaciones necesarias para optimizar adecuadamente nuestros Javascript, CSS y HTML, entre las reglas que aplica para calcular el rendimiento se tienen:

Reducción de peticiones HTTP.
Uso de una Red de Distribución de Contenidos (CDN)
Agregar headers indicando expiración de los elementos.
Utilizar compresión Gzip.
Colocar los CSS al inicio del html (header).
Colocar los Javascript al final del HTML.
Reducir busqueda en los DNS.
Minimizar los archivos Javascript.
Evitar las redirecciones.
Eliminar llamadas a scripts duplicaddos.
Configurar ETags.

Además de ello tiene una opción para ver las estadísticas de rendimiento y una opción para visualizar todos los componentes cargados mediante la pagina. En definitiva con este complemento Firebug se convierte en una potente herramienta de análisis para el desarrollo de paginas web.

Posts Relacionados

Firefox, General, HTML, Tools
1 Comentario

Textareas escalables

19/04/2008
3:18 pm
unijimpe

Una de las funcionalidades mas interesantes y útiles que tiene el navegador de MAC Safari es la posibilidad de escalar los campos de texto o textareas, que te permite ingresar textos grandes y adaptar el campo de texto para visualizar adecuadamente el texto que se ingresa.

Firefox Resizeable Textarea
Resizeable Textarea es un plugin para Firefox creado por Raik Jürgens el cual te permitirá escalar los campos de texto de cualquier página web de manera sencilla y sin configuraciones adicionales. Si eres usuario de Firefox te va a ser de mucha utilidad pues va a poder ingresar datos en los formularios de forma mucho mas sencilla, rápida y entendible.

Mootools Textarea Resizer
Textarea Resizer es un plugin para Mootools que permitirá hacer que todos tus campos de texto sean escalables, para ello primero descargas resizeTextarea.js, luego lo incluyes junto a Mootools al inicio de la página donde deseas permitir el escalado de textareas de la siguiente forma:

HTML:

<script src="mootools.js" type="text/javascript"></script>
<script src="resizeTextarea.js" type="text/javascript"></script>

Pueden ver un ejemplo de este método funcionando en: textarearesizer.html.

jQuery Auto Growing Textareas
Auto Growing Textareas es un plugin para jQuery que permite el escalado de textareas, para ello lo primero es incluir las librerías jquery.js, jquery.autogrow.js y luego aplicamos el método autogrow a todos los textareas que deseamos.

HTML:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autogrow.js"></script>
<script type="text/javascript">
$(document).ready (function() {
// para todos los textareas
$('textarea').autogrow();
// para textareas con clase resize
$('textarea.resize').autogrow();
});
</script>

Pueden ver varios ejemplos funcioando en: Auto-Growing Textarea Demo.

Posts Relacionados

Crea un Editor HTML Online

Firefox, General, HTML, Javascript, Mootools
2 Comentarios

FireUploader: Upload en Firefox

26/07/2007
10:07 am
unijimpe

FireUploader es una extensión para Firefox que te permitirá subir/descargar archivos directamente a los mas populares servicios de alojamiento. Entre los servicios que puedes manejar se tiene: Box.net, Flickr, Picasa, Youtube, Facebook, Webshots, OmniDrive.

Esta extensión permite subir vídeos a Youtube, subir, descargar y organizar fotos en Picasa, Flickr y Box.net. Esto te facilitará organizar tus archivos con una interfaz muy intuitiva al estilo de un explorador de archivos. Entre las características que presenta este extensión se tiene: