Organización Eficiente de Marcadores o Favoritos en Navegadores Web

He visto incontables veces como usuarios, al navegar por la web, no hacen uso adecuado de los marcadores (bookmarks) o favoritos, o bien, ni siquiera los usan. La ventaja de usar marcadores es tener a la mano los enlaces a nuestros sitios web más visitados, o que sabemos seguro visitaremos en el futuro.

Por lo anterior, decidí redactar este post, con algunas sugerencias personales de cómo usar eficientemente los marcadores, independientemente del navegador web y sistema operativo utilizado.

Sugerencia 1

Antes que nada, no usar los marcadores para almacenar enlaces a noticias, blog posts, imágenes o videos, ya que rápidamente se elevaría la cantidad de marcadores, ocasionando incluso un menor desempeño de nuestro navegador web.

¿Qué usar entonces para almacenar este tipo de enlaces? Existen servicios especializados para ello, como Pocket (mi sugerencia personal), Evernote, Springpad, Delicious, Instapaper, etc.

Es recomendable sólo usar los marcadores para enlaces a la página principal (o de inicio) a sitios, aplicaciones o servicios web.

Sugerencia 2

Un esquema sugerido para nuestra barra de marcadores es el siguiente.

[ Organización Eficiente de Marcadores en Navegadores Web ]

  1. Enlaces “VIP”, los que más usamos, aquellos a los que entramos a diario. Para ahorrar espacio, podemos eliminar el nombre descriptivo del marcador, dejando solamente el favicon.

  2. Crear carpetas o grupos para el resto de nuestros marcadores; su objetivo es organizar en temas o categorías a dichos marcadores.

    Aquí también podemos ahorrar espacio, pero como no podemos basarnos en los favicons (por que todos son iguales), si podemos usar caracteres Unicode que representen al nombre de nuestra categoría. Por ejemplo, ⚙ = Desarrollo Web, ⚡ = Bookmarklets, ⟱ = Descargas, etc.

    ¿Dónde encontrar esos caracteres? Hay muchos recursos disponibles sobre Unicode en la web.

  3. Cuando se tiene una buena cantidad de marcadores, es normal que las carpetas de categorías resulten insuficientes, por lo cual es buena idea crear sub-carpetas para los sub-temas o sub-categorías. Otra sugerencia es ordenar estas carpetas, dejando en la parte superior las que más consultemos.

  4. Dentro de cada carpeta de categoría, siempre habrán algunos marcadores de consulta frecuente, los cuáles podemos colocar fuera de las carpetas de sub-categorías, para acceder más fácil a ellos.

  5. Dentro de cada carpeta de categoría, llega un momento en que es inevitable tener enlaces que no encajan en ninguna sub-categoría y tampoco son un enlaces de consulta frecuente (punto 4), por lo que es recomendable crear una sub-carpeta para estos marcadores, para “el resto”.

    Mi preferencia personal es usar el caracter “+” (antes usaba la palabra “varios”) como si fuese la última sub-categoría (punto 3), y ahí colocar dichos marcadores.

  6. Por último, siguiendo la idea del punto anterior, podemos crear una carpeta de categoría para todos aquellos marcadores que no entren en ninguna de las categorías existentes.

Sugerencia 3

¡Usar sincronización de marcadores! Los navegadores web modernos, como Firefox y Chrome, ofrecen sus propios servicios de sincronización, los cuales con perfectos si sólo usamos un navegador web. Si usan indistintamente varios de ellos, les recomiendo el servicio de Xmarks (punto 7 en la imagen) para sincronizar sus marcadores entre diversos navegadores web.

Disclaimer / Advertencia

Todo lo anterior, son tips o sugerencias personales (según mi propia experiencia) de cómo usar y organizar de manera eficiente los marcadores, de ninguna manera son reglas o guía obligatoria a seguir para los usuarios de navegadores web.

Verificando la relación entre dos usuarios de Twitter con PHP

Si necesitas saber la relación entre dos usuarios de Twitter, es muy sencillo con PHP.

La llamada API es como sigue:

http://twitter.com/friendships/exists.json?user_a=gespadas&user_b=beyonce

Lo anterior devuelve un archivo JSON con “true” o “false” (cadenas de texto). Obviamente, es “true” si user_a sigue a user_b, y “false” en caso contrario.

Teniendo lo anterior, el código PHP es muy simple:

<?php
$usuario1	= 'gespadas';
$usuario2	= 'beyonce';
$url		= 'http://twitter.com/friendships/exists';
$formato	= 'json';
 
$resultado1 = file_get_contents($url.'.'.$formato.'?user_a='.$usuario1.'&user_b='.$usuario2);
$resultado2 = file_get_contents($url.'.'.$formato.'?user_a='.$usuario2.'&user_b='.$usuario1);
 
echo '<p>@' . $usuario1 . ($resultado1=='true'?' sigue a @':' no sigue a @') . $usuario2 . '</p>';
echo '<p>@' . $usuario2 . ($resultado2=='true'?' sigue a @':' no sigue a @') . $usuario1 . '</p>';
?>

Es sólo un pequeño ejemplo, ya que se puede implementar en aplicaciones más completas.

Vía: Internoetics.

Firefox 15 Nightly con Preferencias “In-Content”

Interesante movimiento por parte de Mozilla. En el último Nightly Build de lo que será Firefox 15, ahora podemos entrar a las opciones de configuración (o preferencias del navegador) por medio de páginas contenidas (in-content), en vez del típico cuadro de diálogo que se ha usado desde su creación… si, así es, al puro estilo de Google Chrome.

La característica no está habilitada de manera predeterminada, así que tendremos que entrar a about:config y establecer la propiedad browser.preferences.inContent a true.

[ Firefox 15 Nightly con Preferencias In-Content 01 ]

Ahora, cuando entremos a las preferencias de Firefox, ya no se abrirá el tradicional cuadro de diálogo, y veremos lo siguiente.

[ Firefox 15 Nightly con Preferencias In-Content 02 ]

Aquí el contenido de la primera sección.

[ Firefox 15 Nightly con Preferencias In-Content 03 ]

Descargas Directas de Firefox 15 Nightly en Español

Firefox 15 Nightly en Español para Windows:

Firefox 15 Nightly en Español para MacOS X:

Firefox 15 Nightly en Español para Linux (32 bits):

Firefox 15 Nightly en Español para Linux (64 bits):

Vía: gHacks.

¿Qué características CSS soporta cada Navegador Web?

Cuando diseñamos un sitio web con CSS, siempre tendremos la duda si “x” propiedad o “y” pseudo selectores son soportados en qué navegador web, e incluso, desde qué versión en cada uno de ellos. Para ayudarnos a despejar este tipo de dudas, tenemos al interesante buscador Browser Support.

[ Browser Support - Búsqueda ]

El buscador nos permite fácilmente encontrar el resultado esperado para cualquier propiedad, pseudo selector, @reglas y valores de CSS, dándonos un resultado como el que vemos a continuación.

[ Browser Support - Resultados ]

Enlace: browsersupport.net

Tip: El sitio también ofrece la lista completa de características CSS, por si no deseas realizar una búsqueda.

Vía: Web Resources Depot.

Ajustes en los iconos del escritorio de Xfce

Ajustes en los iconos del escritorio de Xfce

Desde que salió Xfce 4.10 lo he estado usando bastante, ¡y me ha gustado mucho!, tanto que a veces siento que no extraño a mi querido Openbox.

Sin embargo, había un detalle que me molestaba: el comportamiento de los iconos del escritorio, en particular el fondo opaco del texto de los iconos, y la rejilla (grid) tan amplia usada para acomodar los iconos.

Como en ningún lugar de las opciones de configuración existe la posibilidad de personalizar lo anterior, investigué en la web cómo hacerlo, y me encontré con las poderosas hidden customisations (les recomiendo ampliamente leer el texto completo).

¿Qué hay que hacer? Es sencillo, sólo debemos editar el archivo ~/.gtkrc-2.0 (aunque se recomienda mejor editar o crear el archivo ~/.gtkrc-2.0.mine, pues el primero es probable que sea sobreescrito por el sistema), y agregar lo siguiente (ajusta los valores según tus necesidades):

style "xfdesktop-icon-view" {
	XfdesktopIconView::label-alpha = 0
	XfdesktopIconView::selected-label-alpha = 100
	XfdesktopIconVIew::ellipsize-icon-labels = 1
 
	XfdesktopIconView::shadow-x-offset = 1
	XfdesktopIconView::shadow-y-offset = 1
	XfdesktopIconView::shadow-color = "#000000"
	XfdesktopIconView::selected-shadow-x-offset = 1
	XfdesktopIconView::selected-shadow-y-offset = 1
	XfdesktopIconView::selected-shadow-color = "#000000"
 
	XfdesktopIconView::cell-spacing = 0
	XfdesktopIconView::cell-padding = 0
	XfdesktopIconView::cell-text-width-proportion = 2
 
	base[NORMAL] = "#3F6BA4"
	base[SELECTED] = "#3F6BA4"
	base[ACTIVE] = "#3F6BA4"
 
	fg[NORMAL] = "#ffffff"
	fg[SELECTED] = "#ffffff"
	fg[ACTIVE] = "#ffffff"
}
widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"

Las propiedades anteriores son sencillas de entender; de todas formas, aquí les explico las principales:

  • label-alpha es el porcentaje de opacidad del fondo del texto de los iconos. Si su valor es cero el fondo será totalmente transparente, si es 50 tendrá una semi transparencia, etc.

  • shadow-x-offset y shadow-y-offset indican la posición de la sombra del texto, mientras shadow-color indica su color.

  • cell-spacing indica la separación entre cada celda del grid de los iconos del escritorio, mientras cell-padding especifica un espacio adicional que rodea a cada uno de los iconos. Ambas medidas son en pixeles.

  • cell-text-width-proportion indica el ancho máximo proporcional del texto debajo de los iconos. Por ejemplo, si los iconos son de 30px, un valor de ‘2.5’ dejaría un ancho máximo de 75px para los textos.

Cada vez me gusta más Xfce :-)

Carteles sobre los Canales y Ciclo de Liberaciones de Firefox

A estas alturas ya todos conocemos los diversos canales de liberación que tiene Firefox (Release, Beta, Aurora y Nightly), así como su ciclo acelerado de liberaciones de seis semanas… pero hay mucha gente que no lo sabe, o bien, que desconoce cuál es el propósito específico de cada canal.

Por lo anterior, los chicos de Mozilla diseñaron un par de carteles (posters, cromos, o como deseen llamarles), para que todos nosotros los compartamos con nuestros conocidos, familiares, colegas, etc. Aquí los tienen (en tamaño reducido):

[Firefox Releases]

[Rapid Release]

Les recomiendo descargar ambas imágenes en su tamaño original, cada una tiene una resolución de 2550×3300 px.

¡A compartirlos! :-)

Una nota adicional

Si deseas probar alguno de los canales en desarrollo de Firefox (Beta, Aurora o Nightly), pero no deseas perder tu instalación estable actual, recuerda que puedes ejecutar varias versiones de Firefox al mismo tiempo, sin mayores contratiempos.

Ejecuta Twitter en el Panel Lateral de Firefox

Hoy Twitter anunció la disponibilidad de la renovada interfaz de mobile.twitter.com, y de inmediato recordé que hace algún tiempo quise utilizar Twitter dentro del panel lateral de Firefox, pero su interfaz móvil era muy precaria, y de inmediato desistí. Ahora, con este cambio, retomo la idea, y la comparto con todos ustedes.

Paso 1. En Firefox, entramos a mobile.twitter.com, y entramos a nuestra sesión.

[Nuevo Twitter Mobile en la Barra Lateral de Firefox - Paso 1]

Paso 2. Creamos un marcador (bookmark) en la barra de marcadores de Firefox, arrastrando el favicon de Twitter, tal y como se aprecia en la siguiente imagen.

[Nuevo Twitter Mobile en la Barra Lateral de Firefox - Paso 2]

Paso 3. Damos clic derecho sobre el nuevo marcador, y en el menú contextual seleccionamos “Propiedades” (la última opción), y en el cuadro de diálogo que aparece, habilitamos la casilla de verificación “Cargar este marcador en el panel lateral“, y guardamos los cambios.

[Nuevo Twitter Mobile en la Barra Lateral de Firefox - Paso 3]

Paso 4. ¡Eso es todo! Ahora mientras estén navegando por la web, pueden dar clic al nuevo marcador de Twitter, y aparecerá en el panel lateral de nuestro querido Firefox.

[Nuevo Twitter Mobile en la Barra Lateral de Firefox - Paso 4]

¡Tip adicional! Lo anterior pueden hacerlo con cualquier sitio o aplicación web, pero sólo será funcional si dicho sitio ofrece una interfaz móvil, o bien, si utiliza un diseño responsivo.

Xfce 4.10 disponible en ArchLinux, ¿y en Xubuntu?

Xfce Logo

La versión estable de Xfce 4.10 acaba de ser liberado. ¡Genial forma de comenzar la semana! Ya lo instalé en mi equipo, y funciona de mil maravillas. Sin duda, la alternativa con equilibrio perfecto para quienes evitan el uso de entornos de escritorio pesados, como GNOME y KDE.

En esta ocasión, no les pondré la lista de novedades con capturas de pantalla, ya que sería redundante al excelente Tour Oficial de Xfce 4.10, que está disponible en español e incluye una excelente cantidad de capturas de pantalla.

Instalación de Xfce 4.10 en ArchLinux

En ArchLinux, para instalar Xfce 4.10:

sudo pacman -Sy xfce4

Si ya tienes instalada su versión anterior, sólo actualiza:

sudo pacman -Syu

Si necesitas más detalles, te recomiendo revisar mi tutorial de instalación de Xfce en ArchLinux.

Xfce 4.10 y Xubuntu

Como saben, Xubuntu 12.04 fue liberado hace apenas unos días, y viene con Xfce 4.8.

Ignoro si esta versión de Xubuntu recibirá la actualización al nuevo Xfce, o esperarán hasta la 12.10. Aún no hay anuncio oficial al respecto.

Tampoco existe (hasta el momento de escribir estas líneas) algún PPA para la instalación de Xfce 4.10. Los mantendré informados apenas sepa algo.

[Actualización 9-Mayo-2012] Nuestros amigos de DesdeLinux nos dan la buena noticia de la disponibilidad de un PPA experimental, cuyo contenido debe migrar al PPA estable dentro de algunas horas. ¡Ya no hay pretextos para actualizar a Xfce 4.10!

[Actualización 11-Mayo-2012] ¡Ya está disponible el PPA oficial de Xfce 4.10 para Xubuntu 12.04 LTS Precise Pangolin (vía LFFL). Aquí las instrucciones de instalación:

sudo add-apt-repository ppa:xubuntu-dev/xfce-4.10
sudo apt-get update
sudo apt-get dist-upgrade

Hasta aquí los comandos para Xubuntu. Si deseas Xfce 4.10 en Ubuntu / Lubuntu / Kubuntu, te falta un comando más:

sudo apt-get install xubuntu-desktop

Un último consejo

Si por algún motivo tu sesión de Xfce en ArchLinux (e imagino en otras ditros) está corrupta (los paneles no aparecen adecuadamente, las ventanas no muestran sus bordes, etc), hay una manera muy sencilla de solucionarlo.

En los directorios ~/.config/xfce4 y ~/.cache/sessions se almacena toda la info de nuestro usuario para la sesión de Xfce, entonces basta con eliminar (o mejor aún, respaldar) dichos directorios, e iniciar nuevamente la sesión, para que Xfce cree nuevamente los archivos de configuración desde cero.

Firefox 14 Aurora con activación manual de plugins y seguridad mejorada para identificar sitios

Esta semana fueron liberados Firefox 12 Estable y Firefox 13 Beta, ahora toca turno a Firefox 14 Aurora, el cual ya se encuentra disponible para su descarga en español para Windows, Mac y Linux. ¡Buen regalo de Mozilla para este fin de semana!

[Firefox 14 Aurora: Acerca de]

[Firefox 14 Aurora: Página de Inicio]

Novedades para el usuario final en Firefox 14 Aurora

La que considero la principal novedad, es la seguridad mejorada para identificar sitios (Site Identity Manager). Esta característica causó polémica hace unos días, pues muchos blogs lanzaron la nota alarmista de que Firefox iba a eliminar los favicons de su interfaz… nada más alejado de la realidad.

Lo único que hicieron los chicos de Mozilla, fue sustituir el favicon en la AwesomeBar (así se le llama a la barra de direcciones en Firefox) con uno representativo para indicar si se trata de un sitio o conexión segura, ayudando de esta forma al usuario a identificar si el sitio visitado usa encriptación SSL y certificado de seguridad, lo cual incluso le da una pauta al usuario si está visitando sitios fraudulentos o con contenido malicioso.

[Firefox 14 Aurora: Identidad de Sitios Mejorada]

Como pueden ver en la imagen, el favicon del sitio web sigue mostrándose en la interfaz (en el título de la pestaña o si creamos un marcador del sitio).

Una novedad más, que en lo particular me encantó, es que ahora los plugins pueden configurarse para que se carguen a petición del usuario (Opt-in Activation for Plugins). El único detalle, es que no viene habilitada por defecto. Si deseas hacerlo, entra a about:config y pon a true la propiedad plugins.click_to_play.

[Firefox 14 Aurora: Plugins Click to Play, Paso 1]

De esta manera, cada vez que visites una página que utilice algún plugin, como Flash, se te pedirá si deseas habilitarlo (en sólo esa ocasión o fijo para el sitio web), ya sea desde el icono especial a la izquierda de la AwesomeBar, o directamente sobre el elemento en cuestión (como el video de YouTube de la imagen siguiente).

[Firefox 14 Aurora: Plugins Click to Play, Paso 2]

Otra novedad, es el autocompletado de URLs al momento de escribir en la AwesomeBar (tal y cómo lo hace Chrome desde no-recuerdo-que-versión).

[Firefox 14 Aurora: Autocompletar en la AwesomeBar]

Otro cambio, es que Firefox para Windows empieza a incorporar elementos de Australis, la nueva interfaz que será predeterminada dentro de unos meses.

[Firefox 14 Aurora: Primera vista de Australis en Windows]

Otros detalles “menores”, pero igual de importantes:

  • Al ejecutarse Firefox con varias pestañas, éstas no se cargan automáticamente, ahora sólo cuando el usuario las selecciona, aumentando de esta manera la velocidad de ejecución del navegador y reduciendo su consumo de memoria.

  • Ahora se usa el buscador de Google con SSL (vía HTTPS) de manera predeterminada.

  • Se añadió soporte para uso a pantalla completa (full screen) en Mac OS X Lion.

  • Cuando se muestre una imagen directamente, se verá un fondo texturizado.

  • La burbuja desplegable (popup bubble) que contiene el enlace URL que aparece en la esquina inferior izquierda cuando colocamos el puntero del mouse sobre algún hipervínculo, ahora es más largo cuando dicho vínculo no cabe en él.

Novedades para desarrolladores en Firefox 14 Aurora

La principal novedad para desarrolladores web, especialmente los que se dedican a la creación de juegos, es la implementación del llamado Pointer Lock API, también llamado Mouse Lock API, que permite más control sobre el mouse en los juegos; un ejemplo: evitar que el puntero salga del área de la ventana (o sea, del juego).

Otro API implementado, es la prevención de la activación del protector de pantalla (screen saver) y la hibernación/suspensión del equipo. Será muy útil en aplicaciones multimedia y juegos.

Por su parte, las herramientas integradas para desarrolladores han recibido bastantes mejoras, principalmente al inspeccionar estados de las pseudo clases :hover, :active y :focus.

Asimismo, las propiedades CSS text-transform y font-variant han sido actualizadas para ajustarlas al estándar.

Por último, el desempeño para SVG ha sido mejorado significativamente.

Descargas Directas de Firefox 14 Aurora en Español

Elige tu plataforma y localización:

Firefox 14 Aurora en Español para Windows:

Firefox 14 Aurora en Español para MacOS X:

Firefox 14 Aurora en Español para Linux (32 bits):

Firefox 14 Aurora en Español para Linux (64 bits):

También pueden visitar la página oficial de descargas.

Instalación de Firefox 14 Aurora en Ubuntu via Repositorios

Si usas Ubuntu, puedes instalar Firefox Aurora desde su repositorio PPA:

sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora
sudo apt-get update
sudo apt-get install firefox

Instalación de Firefox 14 Aurora en ArchLinux via Repositorios

Si usas ArchLinux, puedes instalar Firefox Aurora desde el repositorio AUR, con el comando:

yaourt -S firefox-aurora

¡Anímense a probar Firefox 14 Aurora!