Por defecto contamos con etiquetas en HTML para este fin, pero Mootip, un hint desarrollado en Javascript – Mootools, nos ofrece muchas más posibilidades y un diseño más moderno y minimalista, aparte de ser un recurso totalmente gratuito y desarrollado por nosotros. Conozcamos un poco más a Mootip.

Ejemplo de Hint con Mootip

¿Qué podemos hacer con Mootip: Hint desarrollado en Javascript – Mootools?

Podemos mostrar texto, imágenes y videos en un pequeño hint, pudiéndolo posicionar a nuestro antojo o dejar que se posicione correctamente automáticamente.

Instalación de Mootip: Hint desarrollado en Javascript – Mootools

En primer lugar deberemos descargar Mootip y descomprimir los archivos en nuestro proyecto. También deberemos descargar la librería de Mootools y alojarlo también en el proyecto.

A continuación deberemos de incluir los archivos javascript y el archivo css -puedes copiar su contenido en tu css principal- en nuestro HTML de la siguiente forma:

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="MooTip.js"></script>

Una vez incluidos los archivos deberemos de identificar en nuestro texto los campos donde queramos mostrar el hint. Por ejemplo si queremos mostrar una imágen lo haremos usando un anchor de la siguiente forma:

<a id="megaman" title="Titulo sobre Megaman" href="http://www.mootip.idkinformatica.com/extra/megaman.jpg">Mega Man</a>

Como podéis comprobar le hemos indicado una ID que más adelante necesitaremos. Ahora mostraremos por ejemplo un texto simple y lo hacemos de la siguiente forma:

<span id="capcom" title="Empresa japonesa desarrolladora y distribuidora de videojuegos.">Capcom</span>

Finalmente deberemos de indicar que los IDs antes especificados deben de ser tratados como hints. Lo haremos usando un código dentro de nuestro head como el siguiente:

<script type="text/javascript">
	window.addEvent( "domready", function()
	{
		$( "megaman" ).mooTip();
		$( "capcom" ).mooTip( { position: "bottom" } );
	});
</script>

Como podéis apreciar el primer hint será mostrado de forma natural, mientras que el segundo forzaremos que se muestre hacia abajo.

Información acerca de Mootip: Hint desarrollado en Javascript – Mootools

Mootip tiene un peso aproximado de 10 KB sin comprimir, en la descarga viene el archivo sin compresión, dejando a vuestra elección el comprimir el javascript o no.

También Mootip viene en dos colores, con tonalidades blancas o con tonalidades negras, cambiándose desde el archivo css las rutas de las imágenes.

Enlace: Presentación de Mootip: Hint desarrollado en Javascript – Mootools
Descarga: Descargar Mootip: Hint desarrollado en Javascript – Mootools

Os voy a explicar cómo funciona, dónde podéis descargar este interesante complemento y en qué ocasiones me resulta útil utilizarlo.

El funcionamiento del componente es bien sencillo, en primer lugar debemos de conocer que si clicamos con el botón derecho del ratón en cualquier área de texto podremos acceder a la configuración de MyWords, donde tendremos las opciones para guardar textos predefinidos en Firefox.

En dicha ventana podemos gestionar los textos predefinidos, e incluso definir una combinación de teclas para pegar un texto de forma rápida; yo he escogido la combinación Ctrl + M, ya que no interfiere con ninguna otra opción de Firefox.

Cuando tengamos nuestros textos predefinidos añadidos, podremos usarlos en cualquier caja de texto de forma que nos será útil para, por ejemplo, firmar comentarios o posts, añadir tags al agregar nuestra web a algún directorio, rellenar campos de registro, recordar el nombre de usuario de alguna web, y un largo etcétera.

Enlace: MyWords: Complemento Firefox para guardar texto

Muchos clientes se vuelven locos con tantos menús e información que no les resulta necesaria, una de las razones por la que nos decantamos por OpenCart, y nos piden que quitemos elementos del menú de la administración del comercio, así que necesitábamos una forma de hacerlo más cómodo y rápido.

Ejemplo de menú administrativo con todas las opciones.

Ejemplo de menú administrativo sin la opción Extensiones.

Código para modificar menús de la Administración según permisos

Sigue los siguientes pasos para añadir esta funcionalidad a tu instalación de OpenCart:

• Comprueba que tu versión de OpenCart sea la 1.4.9.1. Desconocemos si en versiones anteriores o posteriores funcionará, es cuestión de probar.
• Descárgate los parches.
• Abre la consola de Linux y escribe los siguientes comandos:
• patch /tu_directorio_de_proyecto/admin/controller/user/user_permission.php admin-controller-user-user_permission.patch
• patch /tu_directorio_de_proyecto/admin/language/spanish/common/header.php admin-language-spanish-common-header.patch
• patch /tu_directorio_de_proyecto/admin/view/template/common/header.php admin-view-template-common-header.patch
• patch /tu_directorio_de_proyecto/admin/view/template/common/home.php admin-view-template-common-home.patch
• patch /tu_directorio_de_proyecto/admin/view/template/user/user_group_form.php admin-view-template-user-user_group_form.patch

Una vez parcheado, ¿cómo modificar los menús de la Administración según los permisos?

Símplemente tienes que crear/modificar un usuario y otorgarle los permisos que estimes. Automáticamente los menús se cambiarán acorde a los privilegios del usuario. Hemos preparado el sistema de permisos para que aparezcan en el idioma configurado en la administración, en lugar del Inglés por defecto, y así sea más fácil e intuitivo de configurar privilegios.

Enlace: iDk Informática: Montar comercio electrónico online económico

Sigue los siguientes pasos para instalar en tu sistema Youtube to MP3:

Paso 1. Descargar el script youtube-dl

Con el script youtube-dl podremos descargar los videos de Youtube desde Linux. Tan solo es necesario que se encuentre instalado, ya que es un requisito de Youtube to MP3. Ejecuta las siguientes instrucciones:

wget http://bitbucket.org/rg3/youtube-dl/raw/2010.07.22/youtube-dl

chmod u+x youtube-dl

mv youtube-dl /usr/bin/

Paso 2. Descargar e instalar las librerias ffmpeg

Para codificar correctamente los videos y pasarlos a MP3, es necesario disponer de las librerías ffmpeg. Ejecuta la siguiente instrucción:

apt-get install ffmpeg lame

Paso 3. Descargar el script Youtube to MP3

Ahora debemos descargar de Ruta Relativa el script de Youtube to MP3, y lo haremos ejecutando las siguientes instrucciones:

wget http://www.rutarelativa.com/files/youtube-to-mp3/youtube-mp3

chmod u+x youtube-mp3

mv youtube-mp3 /usr/bin/

De este modo tendremos instalado y listo para su ejecución el script para convertir los videos de Youtube a MP3. Veamos cómo funciona:

Funcionamiento: Convertir video de Youtube a MP3

Basta con llamar a youtube-mp3 enviándole como primer parámetro la URL del video en Youtube que quieres descargar y convertir en MP3. Así de simple.

youtube-mp3 http://www.youtube.com/watch?v=b7gYadhs6mk

Funcionamiento: Convertir lista de videos de Youtube a MP3

Basta con llamar a youtube-mp3 enviándole como primer parámetro un archivo *.txt con las URLs de los videos en Youtube que quieres descargar y convertir en MP3. Más fácil imposible.

youtube-mp3 -a lista.txt

Funcionamiento: Ayuda sobre Youtube to MP3

Puedes ver una ayuda acerca de los parámetros si ejecutas la siguiente instrucción:

youtube-mp3 --help

Espero que os guste y os sea, sobre todo, de utilidad. Cualquier notificación de fallos, sugerencias, o agradecimientos (de esto queremos muchos) podéis hacerlo comentando.

No es oro todo lo que reluce y tiene algunos problemillas a la hora de recrear de HTML a PDF. Os cuento cosas que me han pasado usando el servicio: por ejemplo si la web pesa bastante no se termina de convertir en PDF y en ocasiones ha salido mal estructurada la información en el PDF con respecto al HTML. Pero como herramienta gratuita, más todas sus funcionalidades que puedes sacarle, es bastante aconsejable usarla para tener la información ordenada también en archivos.

Fuente: htm2pdf

Recopilación de 267 temas gratuitos para WordPress que podremos usar para nuestros clientes que necesiten una nueva apariencia en sus blogs o para uso personal en nuestros blogs en WordPress. Algunos de los temas de la recopilación están hechos por diseñadores profesionales con un gran aspecto, y otros por diseñadores aficionados. Personalmente prefiero diseñar desde cero los temas pero para obtener un poco de inspiración a la hora de diseñar nos puede resultar bastante útil.

70 Temas gratuitos para WordPress por TrazosWeb

14 Temas gratuitos para WordPress por Mashable

83 Temas gratuitos para WordPress por Smashing Magazine

100 Temas gratuitos para WordPress por Smashing Magazine

Bookmarklet para cambiar el tamaño de la ventana del navegador

Cambiar de tamaño de la ventana del navegador sirve para que los desarrolladores vean un vista previa de sus páginas webs en diferentes resoluciones, comprobando así como quedará su diseño. El bookmarklet integra una lista de las resoluciones más comunes, no obstante en una versión posterior se añadirá la posibilidad de agregar resoluciones personalizadas.

Para hacerlo funcionar tan sólo copiar el código del bookmarklet en vuestros navegadores web favoritos. Su uso es bastante fácil, hacer click en el bookmarklet y a continuación seleccionar la resolución deseada.

Descargar: Descargar Bookmarklet para cambiar el tamaño de la ventana del navegador
Demo: Demo Bookmarklet para cambiar el tamaño de la ventana del navegador

Descarga: Reloj en jQuery
Demo: Reloj en Jquery

Aún es muy joven en su versión 1.0, pero planean realizar nuevas mejoras como por ejemplo filtrar por plataformas, seleccionar mes y año para ver que lanzamientos hay previstos o se lanzaron en dicha época, mostrar la ficha del juego directamente desde el gadget, entre otras mejoras.

Interesante propuesta para los amantes de los videojuegos, además de que este tipo de freebies dan mucho que decir de la calidad de una página web.

Descarga: Gadget para ver los próximos estrenos en videojuegos
Fuente: Foro de NGGamers

• Dirígete a TwiTalker.
• Haz click en sign in with Twitter, y serás redirigido a Twitter, donde tendrás que aceptar que la aplicación pueda recoger información de tu perfil.
• Finalmente seremos reenviados a un sitio donde tenemos un código de acceso. Bastará con agregar a nuestra cuenta de GTalk al usuario twitalker010@appspot.com quién nos enviará los Twitts, pero antes debemos de enviarle a la cuenta el código de acceso copiándolo y pegándoselo desde GTalk.

A partir de ahora podremos recibir los Twitts desde GTalk, que sumado a los demás trucos para GTalk mejoraremos nuestra experiencia con el chat de Google. Si necesitas más información visita la ayuda de TwiTalker.