Cuaderno de bitácora » Web

Top 10: extensiones para Chrome

jberlana — Wed, 24 Nov 2010 18:35:02 +0000

Ahora que Google Chrome ha llegado a las 10K extensiones aprovecho la ocasión para publicar mi Top 10, la mayoría son bastante conocidas pero puede que encuentres alguna que no conocías y te pueda ser útil.

10- Stayfocusd

Stayfocused limita tu navegación web. Lo ajustas de modo que bloque los sitios después de un periodo determinado. Así ya no te pasaras el día entero ven el Facebook. Desde luego ayuda a incrementar tu productividad.

9- Awesome Screenshot: Capture & Annotate

Permite capturar pantalla completa, la actual o la zona que delimites y además después puedes editar con herramientas básicas la captura (agregar texto, recuadros, etc) y luego lo puedes subir al server share de la aplicación.

8- Stop Autoplay for YouTube

Stop Autoplay for Youtube sencillamente detiene la reproducción automática de Youtube, pero deja que el vídeo se siga cargando, de forma que esperamos unos minutos y sólo resta disfrutar del show. Muy cómodo cuando abrimos varios vídeos en diferentes pestañas y no queremos que todos se empiecen a reproducir.

7- YouTube Video Download

Easy YouTube Video Downloader es una extensión que se encuentra disponible tanto para Chrome cómo para Firefox que se integra en la misma página de YouTube para descargar los vídeos de forma fácil y rápida. La pena es que ésta extensión ha sido eliminada del directorio de extensiones de google…

6- Wikipedia Companion – Mini Wiki Browser

Esta extensión ofrece un pop-up en miniatura de la Wikipedia con el historial de sus búsquedas más recientes y con botones de avance y retroceso. Es un gran modo de conseguir más detalles sobre algo que esté leyendo, sin necesidad de abandonar primero esa página o de abrir una nueva pestaña.

5- Proxy Switchy!

Administrador de proxy avanzado que permite a los usuarios administrar y cambiar entre los perfiles de proxy múltiples rápida y fácilmente.

4- Facebook Photo Zoom

Facebook Photo Zoom te permite disfrutar de las fotos de Facebook en tamaño completo con solo pasar el puntero por encima de ellas.

3- Web Developer

Un completo kit de herramientas para trabajar con HTML, CSS, estándares, formularios, imágenes. Puede ser más de lo que necesitas sino trabajas cotidianamente con esto. Ideal para diseñadores web.

2- FlashControl

Evita que se cargue por defecto el contenido flash de las páginas web que visitemos y permite que nosotros decidamos que bloques de flash queremos cargar o incluso añadir páginas a una lista blanca.

1- AdBlock

AdBlock no necesita presentación. Es una extensión que te permite bloquear la publicidad de la mayoría de los sitios web.

Y esto ha sido todo, si se te ocurre alguna sugerencia puedes dejarla en los comentarios.

Subversion + Coda

jberlana — Wed, 26 May 2010 21:32:24 +0000

Subversion es uno de los sistemas de control de versiones más utilizado y Coda es un editor enfocado al desarrollo web, con opciones para todo: integra gestor FTP, SFTP, terminal SSH, coloreado de sintaxis, asistente para CSS… es la bomba. Pero, ¿Y qué tiene que ver con subversión? Veamos…

Primero un pequeño resumen de Subversion y sus principales opciones, no vaya a ser que de tanto usar Coda se me olvida usarlo desde consola…

svn import: para crear el repositorio.
svn checkout: Para copiar el repositorio a nuestra máquina.
svn update: Para actualizar nuestra copia.
svn add: Para añadir un nuevo fichero.
svn delete: Para eliminar un fichero.
svn move: Para mover un fichero.
svn status: Para ver nuestros cambios respecto al repositorio.
svn diff: Para hacer un diff.
svn revert: Para volver a la versión anterior.
svn commit: Para enviar los cambios al repositorio.

Pues bien, ya podemos olvidarnos de todo esto por que Coda, desde la versión 1.5, integra Subversion.

Tan sólo tendremos que especificar el server desde el que se hará el checkout en el apartado Sites, y Coda se encargará de mantenernos al día de los cambios que se ha producido en el servidor, además de facilitarnos la tarea a la hora de hacer cualquier operación con nuestros ficheros.

Una pena que la licencia del programa sea tan cara, $99 USD…

Activa el menú de desarrollador en Safari

jberlana — Tue, 06 Oct 2009 14:16:37 +0000

¿Eres desarrollador web, usas safari y echas de menos herramientas como firbug de Firefox? pues si es así debes saber que desde la versión 3.0, el navegador Safari incluye una opción para mostrar información a los desarrolladores web.

Este modo se conoce como ‘Developer Mode’ o ‘herramientas de desarrollador’, activarlas debes modificar las opciones de com.apple.Safari para añadir la linea que habilita estas opciones, esto lo puedes hacer facilmente abriendo una terminal y escribiendo la siguiente línea:

[cc lanf='bash']defaults write com.apple.Safari IncludeDebugMenu 1[/cc]

Para desactivarlo es tan sencillo como poner de nuevo la variable IncludeDebugMenu a 0 en una terminal:

[cc lanf='bash']defaults write com.apple.Safari IncludeDebugMenu 0[/cc]

Para que los cambios se muestren en Safari debes reiniciar el navegador, algunas de las ventajas que obtendrás son:

Diferentes agentes de usuario.
Consola de errores.
Editor de fragmentos.
Depurador de javascript.
Podrás desactivar caches.
Desactivar imágenes.
Desactivar estilos.
Desactivar javascript.
Mostra el Inspector.
…