Categoría: Firefox

Copio y pego lo que quiero
A ver, no se asusten que esto no es apología del copy&paste, al contrario quiero mostraros una forma sencilla y correcta de copiar y pegar enlaces web.
Los bloggers debemos siempre enlazar la fuente de nuestros artículos, como mínimo tenemos que poner un anchor text y una URL, es decir suponiendo que hemos visitado el blog de Pepito Pérez y queremos enlazar el artículo que lleva por título «El mejor post de la historia» el código sería:
<a href="http://www.pepito-perez.com/el-mejor-post-de-la-historia">Blog de Pepito Pérez</a>
Lo correcto además sería poner también en el enlace la etiqueta title con más información de a dónde lleva el enlace:
<a href="http://www.url.com" title="El mejor post de la historia">Blog de Pepito Pérez</a>
Las combinaciones pueden cambiarse, permutar el title por el anchor text pero en cualquier caso el número de elementos que necesitamos son 3:
1. URL
2. title
3. Anchor Text
De lo que vamos a hablar es de cómo conseguir esa línea de código con un clic dentro de la página de Pepito Pérez.
Cómo copiar el Anchor Text, la URL y el title
Lo que hacemos es instalar la extensión para Firefox CoLT ("Copy Link Text"), este complemento añadirá en el menú contextual una serie de opciones por defecto para copiar.
La primera de las opciones «Copiar texto del enlace» hará eso copiar sólo el texto sin necesidad de seleccionarlo.

Lo interesante viene con el submenú. Nos da la opción de copiar ese enlace en diferentes formatos, el normal en HTML, como texto plano, para foros, para la Wikipedia y lo mejor de lo mejor, podemos configurar y crear nuevos formatos.
Abrimos las opciones desde Herramientas > Complementos y tenemos un cuadro de diálogo en el que vemos el listado de ítems del submenú, podemos ordenarlos, eliminarlos y crearlos. En la siguiente imagen verás la estructura del que yo he creado «título página».
Si me coloco sobre un enlace y con el botón derecho elijo «Copiar texto y dirección del enlace como» > «título página» habré copiado en el portapapeles el anchor text, la URL de esa página y como etiqueta title el título de la página, una forma sencilla para por ejemplo citar las fuentes.
Las 6 variables que puedes utilizar son:
- %T: Para copiar el Anchor Text
- %U: Copia la ruta del enlace, la URL
- %I: Copia el atributo title del enlace
- %P: El título de la página actual
- %R: La URL de la página actual
- %N: añade una nueva línea
Ejemplos y usos
Imagínate que estás leyendo un post sobre un plugin para Photoshop y quieres enlazarlo desde Windows Live Writer y citar la fuente. Para enlazar a la página del plugin podrías copiar el enlace y pegarlo directamente pero te faltaría el atributo title y citar la fuente, con CoLT podrías crear un ítem que hiciera todo de una vez:
Enlace y fuente:
<p class="enlace">Enlace: <a href="%U" title="%I">%T</a> vía <a href="%R" title="%P">%P</a></p>
El único problema es que no tuviera el atributo title el enlace copiado, podríamos comprobarlo antes y en ese caso elegir otro formato en el que en vez de la variable %I pusiéramos repetido el Anchor Text, es decir %T
Enlace cuando no lleva title y fuente:
<p class="enlace">Enlace: <a href="%U" title="%T">%T</a> vía <a href="%R" title="%P">%P</a></p>
Puedes crear otro sólo para la fuente, recuerda hacer clic sobre cualquier enlace de la página:
<a href="%R" title="%P">%P</a>
Cómo pegarlo en WLW
A continuación de haber copiado el enlace y la fuente con CoLT, si tengo HTML en el portapapeles tengo que cambiar a Vista > Origen y pegarlo ahí a no ser que elija la opción Pegado especial > HTML desde el menú contextual.
Estos son algunos ejemplos, le echo en falta la posibilidad de asignarle algún atajo de teclado o el botón central del ratón pero por lo demás es un perfecto time-saving.
Otras ayudas para copiar:
1. Auto Copy: con esta extensión para Firefox te ahorras el CTRL+C, todo el texto que selecciones será automáticamente copiado.
  Opciones del complemento Auto Copy 1.0
  Lo mejor es que mantiene las 10 últimas copias del portapapeles a mano.
2. Copy Link Text: Para copiar sólo el anchor text de un enlace, algo como copiar sin formato. La ventaja es que no tienes que seleccionar el enlace simplemente pinchas con el botón derecho y escoges Copy Link Text del menú contextual. Realmente sobra si tienes CoLT instalado que como hemos visto es mucho más completo y configurable.
3. Seleccionar parte del texto de un enlace en Firefox: Kids nos instruye y de alguna forma inspira (mirad comentarios) este post, un vídeo que muestra la combinación necesaria para copiar sólo parte de un enlace.
4. Insert Quick Link: Plugin para Windows Live Writer.
  Cuando copias una URL para ponerla como enlace en WLW puedes pegarla directamente o darle a Insertar hipervínculo, poner el texto y el título.
  
  Con este plugin cada vez que vayas a pegar una URL te saltará directamente este cuadro de diálogo.
Aplicación web para copiones
Acabamos este artículo con una app web para «compartir copias», su nombre es justpaste.it y no es más que un editor, un Google Docs básico donde pegar el texto para después compartirlo con una URL personalizada.
Una vez publicado el enlace se puede descargar en PDF y ver las estadísticas de visitas. Un ejemplo: http://justpaste.it/ceslava
Dicotomías poco originales pero no copiadas
Como dicotomía relacionada con este artículo en pqpq.es os sugiero una de las menos equilibradas:
- SGAE ¿A favor o en contra?
24 de noviembre de 2009
Hoy cumple 5 años Firefox | Lo que no se ve de Firefox
El navegador de Mozilla, Firefox, vio la luz un 9 de noviembre de 2004, era su versión 1.0 y hasta la actual 3.5.5 se ha consagrado como una de las killer applications de cualquier equipo.
Para celebrarlo, un microsite, mucho twitter y facebook, etiqueta y concurso para Flickr
y cómo no un vídeo, una animación con la historia del navegador.
Estadísticas
En el mercado global de navegadores sólo le supera IE en el conjunto de sus versiones, preinstalado en las máquinas Windows, aún así tiene el 24,7% de la cuota de mercado. La buena noticia es que al menos ya hay más que usan Firefox que IE6, lenta agonía.
Casi 330 millones de usuarios, según estadísticas y parece que ni Chrome le hace sombra.
Curiosidades | Lo que no se ve de Firefox
Y es que Firefox trabaja mucho sino mirad todo lo que tiene que hacer para renderizar por ejemplo la Wikipedia:
O el propio site de Mozilla:
La página japonesa de Google
Estos vídeos datan de 2007, su autor es Satoshi Ueyama que lo presentó en el evento Mozilla 24. Utilizó el software de código abierto Processing.
Más info en: Gecko Reflow, Awesome Visualization of Web Page Layout
TBS nos deja algunas otras curiosidades sobre el logo, su nombre, la licencia, su record Guinnes
Futuro de Firefox
Además de HTML 5, CSS3, según cuenta Christopher Blizzard en Mashable sus prioridades para los próximo 5 años se pueden resumir en 3 palabras: vídeo, móvil y seguridad.
Tu opinión cuenta
- ¿Apoyas tú la campaña en contra de IE6?
- ¿Cuál es para ti el mejor navegador: IE, Firefox, Opera, Safari, Flock o Chrome?
9 de noviembre de 2009
Conversores de texto a voz en español
El texto que picamos o copiamos no siempre tiene el formato que deseamos, además de los traductores existen numerosos conversores online que transforman una cadena alfanúmerica a otra codificación, le cambian el formato o lo convierten en audio.
No vamos a hablar del reconocimiento de voz que aunque esté relacionado es otro tema, vamos a ver cómo podemos hacer que nuestra máquina lea por nosotros, a ser posible gratis.
Como el artículo es largo si queréis ir al grano estas son las 2 soluciones mejores para convertir texto a voz en español.
Texto a Voz en español
Escuchar no es lo mismo que leer, puede ser una necesidad o una comodidad. En el proyecto Gutemberg tienen libros leídos, audio-libros totalmente gratuitos en español. Pero lo que buscamos es la tecnología que nos lea cualquier texto, lo que se conoce como CTV (Conversores de Texto a Voz) o TTS (Text to Speech)
El mismo Adobe Acrobat tiene un comando para «Leer en voz alta» y aunque la versión del software esté en español utilizará las voces que tengamos instaladas en nuestro Sistema Operativo, generalmente en inglés.
Aplicaciones de escritorio, pérdida de tiempo si no son comerciales
Hay muchas aplicaciones que convierten texto a voz, las comerciales suelen integrar voces en varios idiomas.
Como ejemplo pero no como recomendación estaría Panopreter es una aplicación freeware disponible, traducida a varios idiomas, entre ellos el español. Lo que hace es convertir un archivo de texto a voz gracias a las voces enlatadas que trae Windows, el aburrido Microsoft Sam te servirá para textos en inglés aunque si tienes Vista o Windows 7 te sugiero que uses la voz de Anna.
Creo que las versiones en distintos idiomas del español de este SO deberían añadir una voz en dicho idioma. Es algo que sobre todo las personas con problemas de visión agradecerían. ¿Para qué aplicaciones de Accesibilidad si olvidan a los invidentes?
En definitiva, si quieres entender la voz en español debes instalar una voz TTS (Text To Speech) en español. El problema es encontrar una gratuita. Es decir que si no tienes la voz en español no te sirve de nada.
Otros son Sodels (demo válida 7 días con voces en español de IBM y Loquendo) o NaturalReader cuya versión freeware no incluyen a «Rosa», la voz en español.
Sólo FonixTalk incluye en la demo varias voces en español.
En la búsqueda de otras soluciones, encontramos varias propuestas mucho más inteligentes, aplicaciones web que no requieren instalación pero que no siempre incluyen otros idiomas como el caso de iSpeech
O Portalvoz que permite insertar un reproductor en tu sitio web por estos precios.
Ahora sí, después de esta introducción vamos a dar 2 soluciones gratuitas TTS en español:
1.- YAKiToMe
Una vez registrado puedes convertir un texto, un archivo, un RSS o un email con las voces españolas de Alberto o Rosa.
Tiene también una biblioteca de Podcasts que puedes filtrar por idiomas.
2.- vozMe
Mi elección, sin necesidad de registro, con voz masculina y femenina en español además de generar el archivo de audio, el mp3 tiene un montón de funciones sociales con las que convertir texto a voz.
Gadget para iGoogle | Widget para Facebook
Una de las mejores funciones es la de añadir un bookmarklet a tu navegador, seleccionas el sexo de la voz y podrás escuchar el texto que selecciones en cualquier página web.
Voz masculina: vozMe | Voz femenina: vozMe
Si eres blogger y/o webmaster quizás te interese ofrecer la posibilidad de que puedan escuchar tu Añade voz a tu web. Las opciones son variadas, desde un plugin para WordPress, Blogger y Joomla a opciones personalizadas con un simple javascript.
¿Dónde adquirir voces sintéticas en español?
Hay varios sitios que desarrollan y comercializan voces «naturales» en otros idiomas además del inglés:
1.- En Cepstral tienen 2 voces que puedes instalar como demos, son funcionales aunque te saldrán mensajes para que las compres. Al principio de cada locución escucharás «Esta voz no está licenciada, bla, bla». Son Marta y Miguel, son voces de España (América).
2.- AT&T tienen a Alberto y a Rosa, también voces latinoamericanas,
3.- Acapela tiene a Antonio y a María pero además tiene una app TTS para iPhone (ver vídeo) y un software para la creación de voces.
4.- Loquendo como muchas de las empresas que comercializan voces y software TTS también investigan en el reconocimiento de voces, son los creadores de Dillo, una app para hablarle a tu iPhone. Tienen 4 voces sintéticas en español de España y 2 voces en español de América muy conseguidas.
5.- Neospeech tiene a Violeta
En definitiva gratis ninguna, por favor deja un comentario si conoces alguna. Sólo he encontrado una voz en español gratuita para usarla en el Speech API (SAPI)
Cambiando de caja alta a caja baja | Otros conversores de texto
Case Converter: pegas el texto y lo cambias a MAYíšSCULAS, minúsculas, Primer Carácter, Tipo frase
UPPERCASEIT: Muchas más opciones, URL amigables, Braille y también Morse
Si deseas tener el audio de ese Morse, este traductor a Código Morse te permite reproducir el sonido del código creado, (visto en Arturo Goga)
Resumen
Y con este punto-raya-punto terminamos este extenso artículo.
Os hago un resumen, tristemente no he encontrado ninguna voz para añadir al motor de Windows en español pero sí dos buenas aplicaciones web para pasar de texto a voz en español utiliza:
- vozMe para el navegador,
- y para archivos puedes utilizar YAKiToMe.
Si alguien conoce otras soluciones por favor compartidlas en los comentarios.
23 de octubre de 2009
¿Has olvidado tu contraseña? Cómo desvelar asteriscos y recuperar contraseñas
La seguridad y las claves a veces juegan en nuestra contra ¿cuántas veces hemos olvidado alguna contraseña y nos es imposible recuperarla?
Hay varios métodos para desvelar y recuperar esas contraseñas. Según esas contraseñas las hayamos insertado en una aplicación de escritorio, en un navegador o en una Base de Datos.
1.- Contraseñas almacenadas en aplicaciones de escritorio
Asterisk Logger (Descarga)
Esta vieja y ligera aplicación cuando está ejecutándose desvela automáticamente los caracteres detrás de los asteriscos. Pongamos que quiero saber la contraseña del FTP de un sitio creado en Dreamweaver, por supuesto puedo exportar ese sitio e importarlo pero nunca sabría qué esconden los asteriscos.
Si queremos por ejemplo usar cuteFTP esta pequeña app nos puede ser de gran utilidad.

2.- Contraseñas guardadas en los navegadores
Password Exporter para Firefox
La aplicación anterior tiene sus limitaciones que es básicamente que no recoge las contraseñas que utilizamos en un navegador como Firefox.
Para recuperar las contraseñas que vamos guardando en Firefox podemos ir a Herramientas > Opciones > Seguridad > Contraseñas guardadas y en el cuadro de diálogo hacer clic en el botón «Mostrar contraseñas».
La extensión Password Exporter nos ayudará a guardar toda esta información y si es necesario también importarlas a otro equipo o después de un formateado.
Bookmarklet Asterisk Revealer
Una forma rápida de desvelar qué esconde una serie de asteriscos en un formulario web es simplemente ejecutando este código javascript en la barra de direcciones de tu navegador:
```
javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j)
{ f = F[j]; for (i=0; i<f.length; ++i)
{ if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } }
if (s) alert("Contraseñas en formularios en esta página:\n\n" + s);
else alert("No hay contraseñas en los formularios de esta página.");})();
```
Copia y pega o crea un bookmarklet, añádelo a tus marcadores-favoritos poniendo ese código en el campo dirección.
En cualquier página que tenga almacenada la contraseña podrás ejecutarlo y obtendrás el misterio que esconden los asteriscos revelado en un popup.

IE PassView (Descarga)
Como Asterisk Logger pero para IE

3.- Recuperar contraseñas con phpMyAdmin y MD5 para Base de Datos
Si tenemos un sitio web gestionado por un CMS lo normal es que las contraseñas se vayan guardando en una base de datos MySQL. Normalmente estas contraseñas están encriptadas para mayor seguridad con el algoritmo MD5 y no se pueden recuperar o al menos no siempre.
Con phpMyAdmin podemos consultar la Base de Datos y obtener la password encriptada con MD5. Podemos copiar el hash y pegarlo en esta Herramienta online para desencriptar cadenas MD5
Si no tuviéramos éxito (buena señal) lo que podemos hacer entonces es resetearla.
Cómo recuperar tu contraseña en WordPress
Andrés Nieto nos da otro posibilidad si nuestro hosting no ofrece esta opción y usamos WP: Adminer es un plugin para WordPress que hará las funciones de phpMyAdmin para gestionar la BBDD de nuestro «blog» (entrecomillo porque no todos los sitios gestionados por WordPress son blogs).
Otra forma menos segura es modificando el archivo wp-includes\pluggable.php para que cualquier contraseña nos logue. Así podremos entrar en el panel de administración, añadir la nueva contraseña y volver a editar el archivo.
Otras opciones
- Utilizar un gestor para las contraseñas, Passpack tiene versión online y de escritorio, una app en Adobe AIR.
- BugMeNot: utilizar y compartir las contraseñas de otros con este repositorio de registros.
- MessenPass v1.27: otra app de escritorio de NirSoft esta vez para recuperar las contraseñas de mensajería instantánea (Windows Messenger, Yahoo Messenger, Google Talk, etc.)
- En este listado puedes ver dónde se almacenan las contraseñas de algunas aplicaciones de Windows
íšltimas consideraciones
- Recordar lo obvio, no es seguro hacer que el navegador recuerde las contraseñas sobre todo si compartimos equipo, usad contraseñas seguras, cambiadlas de vez en cuando, cuidado al instalar aplicaciones freeware que se suponen mágicas, pueden ser maliciosas.etc.
- Hay contraseñas que al menos yo no sé como revelarlas, por ejemplo las de los formularios webs hechos en Flash. Si alguien quiere aportar solución dejad por favor un comentario.
- Y sobre todo no seáis malos y usad estas herramientas sólo para recuperar vuestras propias contraseñas
18 de octubre de 2009
Crear acordeón con jQuery, jQuerify, SelectorGadget y Firebug | Videotutorial
Dave Ward es el autor de este screencast donde muestra lo sencillo que es probar, testear y desarrollar con Firebug.
En este ejemplo usan la consola para crear con jQuery el efecto acordeón del sidebar.

Se ayuda de 2 bookmarklets:
1. jQuerify: añade la famosa librería javascript para poder utilizarla en la consola de Firebug en páginas que en principio no la usan.
2. SelectorGadget: para seleccionar selectores CSS.
22 de septiembre de 2009
IxEdit | Efectos AJAX sin saber javascript
IxEdit es una aplicación javascript que te permite aplicar efectos AJAX, concretamente con la librería jQuery sin la necesidad de saber absolutamente nada de Javascript.
Una vez descargado enlazas los archivos necesarios desde la web que estés diseñando, la abres en un navegador y aplicas los efectos que necesites (tabs, añadir clases CSS, quitarlas, animar, insertar HTML, slide, fade, etc.)
Todos esos efectos se crearán «on the fly», aquí puedes ver demos.
Aunque el resultado es compatible con todos los navegadores para utilizarlo en Firefox o IE debes primero instalar Google Gears.
La única pega que le veo es el peso que llevarían estas páginas, 245KB, pero desde luego es una gran ayuda para los diseñadores no programadores.
Guía de uso [en]
Vía: un twit de Juan Diego Polo
Dicotomías relacionadas en pqpq.es
2 de septiembre de 2009
Sobre la agonía de IE6
Mucho se ha escrito sobre Internet Explorer 6, mucho se ha presionado, muchas las iniciativas y muchas acciones tomadas pero IE6 sigue siendo el navegador principal de muchas máquinas.
Liderando la campaña viral contra el navegador están desarrolladores y diseñadores web, IE6 que data del 2001 no soporta las transparencias PNG ni el estándar CSS2.1 por lo que para desarrollar o diseñar un sitio web compatible con todos los navegadores hay que prescindir de muchas técnicas o abogar por hacks. En el otro lado está Microsoft que asegura que no abandonará a sus usuarios y seguirá dándoles soporte hasta el año 2014.
La desaparición o simplemente el ignorar a este caduco navegador supone un ahorro de trabajo y esfuerzo por un lado y la posibilidad de tener sitios webs más «modernos». Esto es lo que han hecho sitios como YouTube, Digg o Facebook.
¿Quié usa IE6?
¿Por qué entonces alguien querría tener un software limitado, con fallas de seguridad y mal visto en la comunidad web? Pues parece que la respuesta son los administradores de las redes corporativas, las empresas públicas o privadas que están anquilosadas y que prefieren ahorrarse los costes de actualización.
La pregunta ahora es ¿debemos fastidiar o presionar a los internautas que aún navegan con IE6? Existen multitud de formas de detectar el navegador del usuario y mostrarle un aviso para que actualice o simplemente diseñar un sitio que visto en IE6 sea imposible.
Si como decíamos antes el último usuario, el empleado sin permisos de administrador, cada vez que visita un sitio se le dice «Actualiza o cambia de navegador« hacemos de su Experiencia de Usuario una mala pasada sobre todo porque él no puede tomar cartas en el asunto. Además cómo este empleado puede decirle al administrador que no puede navegar bien por YouTube o Facebook, vamos que lo tiene crudo.
Por otra parte que un software, tecnología o producto requiera una presión mediática para que su fase de declive, su agonía natural se acelere es un síntoma de que los usuarios no tienen la última palabra, piensen en los sintonizadores TDT.
¿Cuántos?
Siempre he defendido que se debe cuidar a las minorías, es el principio de accesibilidad, si trabajamos sólo para los navegadores y las resoluciones más habituales tendremos una web elitista.
En este sitio y según las estadísticas el 26,4% de los usuarios que me visita lo hace con IE6. ¿Será porque no tengo ningún hack y este sitio se preocupa por los estándares web? ¿Por el perfil de usuarios? Decídmelo vosotros.
Como decía Umberto Eco, ¿apocalípticos o integrados?
¿El «sistema» debe imponer su software y tecnología o la red es un sistema democrático y libre donde cada uno elige?
La dicotomía está servida, en pqpq.es, las preguntas y las respuestas:
- ¿Apoyas la campaña en contra de IE6?
24 de agosto de 2009
¿Compartes la idea de que NO son necesarios los botones de compartir?
Después de mucho pensarlo he decidido eliminar de mis sitios los botones de compartir. Mi respuesta a la dicotomía ¿Utilizas al navegar los botones de compartir? es no.
¿Para qué sirven los botones de compartir?
La mayor parte de blogs y sitios web enlazan con las más famosas redes sociales con la intención de que:
(más…)
15 de agosto de 2009