Estas viendo:
BETA

Instalar plugins en Google Chrome

Google Chrome Para poder instalar plugins en nuestro navegador de Google, Chrome es necesario poseer la versión BETA o la versión para Developers de Chrome; puesto que la versión normal de Chrome no permite la instalación de extensiones o plugins.

Chrome como navegador es mucho más veloz y permite un mejor desempeño pues el área de trabajo del mismo es muy amplia lo cual permite mayor contenido en la pantalla. Las extensiones que mejoran el desempeño pueden encontrarse en Google con una simple búsqueda ya sea por el tipo de extensión que se busca o podemos encontrar listas aleatorias de extensiones muy útiles.

Las extensiones vienen en formato CRX los cuales al descargarlos Chrome nos pregunta si realmente deseamos instalar la extensión, aceptamos la instalación y listo.

Cabe resaltar que no es necesario ser un desarrollador para poder utilizar la versión DEV o BETA de Google Chrome. Simplemente pueden descargarla y listo.

Descarga | Google Chrome DEV
Descarga | Google Chrome BETA

Gestor de descargas Rapidshare y Megaupload para Linux

Tucan Manager es el nombre del gestor de descargas de Rapidshare, Megaupload, Gigasize y más para las distribuciones de Linux como Ubuntu, Debian, entren otros. Entre las características de este software se encuentran las siguientes:

  • No existe la necesidad de llenar el capcha
  • Gestión de la descarga: prioridad de descarga
  • Uso sencillo, se añade la URL de descarga y listo
  • Existe una versión para Windows también.

tucan1  tucan2

A pesar de encontrarse en fase alpha, el software es muy fácil y sencillo de usar.

Descarga (Linux) | Tucan Manager
Descarga (Windows) | Tucan Manager
Enlace | Tuca Project

Rotar y voltear videos con “Free Video Flip and Rotate”

Free Video Flip and Rotate es una aplicación muy fácil y sencilla de usar. No es necesario realizar múltiples pasos, navegar por distintos menúes, simplemente hacer clic en el tipo de cambio que le realizamos hacer a un video que seleccionemos y listo.

image

Una vez instalado el programa y se encuentre en ejecución, seleccionaremos el video con que deseamos trabajar.

image

Como se puede apreciar en la imagen de arriba hacemos clic en el botón que más se ajuste a lo que deseamos y realizamos el cambio. Algo adicional a tener  en cuenta respecto a ello es que únicamente funciona un botón a la vez así que si desean realizar dos cambios será necesario hacer un cambio primero, guardar el archivo y realizar el siguiente cambio.

Por defecto el archivo se guardará en la misma ubicación del anterior archivo con la única diferencia de que al nuevo archivo se le agrega “_NEW” al final del nombre para así distinguirlo de la anterior versión del archivo.

Descarga | Free Video Flip and Rotate

Escribe lo que quieras usando íconos de la Web 2.0

Web 2.0 Write es un sitio en el cual ingresamos una cadena de texto cualquiera la cuál más adelante se convertirá en una cadena conformada por muchos íconos de la Web 2.0 como por ejemplo “T” se reemplaza por el ícono de Twitter o Tumblr. Lastimosamente la imagen obtenida tras el proceso respectivo no es muy grande pero puede servir de todas maneras.

El servicio también cuenta con su respectivo API el cual es muy sencillo de usar: http://web2.0write.com/api.php?t=lo-que-deseamos y obtendremos la URL de la imagen respectiva.

xploit29

Como verán en la imagen anterior únicamente el sistema trabaja con letras mas no con números. Los resultados no siempre son los mismos, ya que como mencioné anteriormente una letra puede tener dos o más opciones de ícono lo cual nos dice que no se obtendrá dos veces seguidas la misma imagen.

Enlace | Web 2.0 Write
Vía | Incuba Web

Hackosis, que tan buena es tu contraseña

hackosis_logo

Hackosis es un sitio en el cuál mediante algoritmos puede descifrar en cuanto tiempo tu contraseña puede obtenida a través de “brute force” o fuerza bruta, éste método principalmente consiste en que ordenadores programados empiecen a realizar millones de combinaciones entre números, letras y caracteres especiales hasta lograr obtener tu contraseña y así aprovecharse de tu información ya sea para robártela, eliminártela o cualquier otra opción que puede afectarnos.

La información que nos muestra como resultado es en cuántas horas nuestra contraseña puede ser obtenida, en cuantos días y cuántas contraseñas se probarían hasta lograr obtener la correcta. Estos resultados son calculados usando como modelo un ordenador típico del 2008 a un 10% de su carga de procesamiento total. Por supuesto que estas son estimaciones de tiempo.

hackosis_resultados

El sitio usa un script gratuito  que puede ser descargado por cualquier persona y subirlo a su sitio (claro que ellos son los desarrolladores de este script).

Enlace | Hackosis
Vía | Incuba Web

Crear tabs para cualquier sitio con jQuery (Parte I)

jQuery es una tecnología que simplifica muchas cosas a la hora de realizar el trabajo de estructura de un sitio web, como verán, anteriormente en el desarrollo de esta plantilla, los “TABS” del Sidebar se establecían a través del script de DOMTAB, sin embargo estos me presentaron problemas al incorporarlos a WordPress, así que decidí usar jQuery y en realidad ha sido muy sencillo el insertarlo a la plantilla.

Para iniciar el proceso, entre las etiquetas <head> y </head> debemos añadir las siguientes líneas:

  <script src="http://code.jquery.com/jquery-latest.js">
  	 <!--mce:0-->
  </script>
  <script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js" type="text/javascript">
     <!--mce:1-->
  </script>
  <script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.tabs.js" type="text/javascript">
     <!--mce:2-->
  </script>
  <script type="text/javascript">
     <!--mce:3-->
  </script>

A continuación, insertaremos entre las etiquetas <body> y </body> el contenido del recuadro, más adelante, veremos como agregar más recuadros también.

    <div id="EJEMPLO" class="estilo">
    <ul>
        <li><a href="#tab-1">Título 1</a></li>
        <li><a href="#tab-2">Título 2</a></li>
    </ul>
    <div id="tab-1">
            Aquí el contenido</div>
    <div id="tab-2">
            Aquí el contenido</div>
    </div>

Podemos agregar tantas pestañas como deseemos sin ningún problema, pero hay que intentar mantener el órden así que es mejor no recargar de pestañas un recuadro. El siguiente paso será la hoja de estilos (el mismo al que uso para esta plantilla) para poder asignarle un diseño al recuadro que contiene la pestañas:

.estilo{
			margin:0 0 15px 0;
			padding:0;
			width:310px;
		}
		.ui-tabs-nav{
			margin:0;
			padding:0;
			list-style:none;
		}
		.ui-tabs-nav li {
			margin:0 2px 0 0;
			padding:0 5px 0 5px;
			float:left;
			height:30px;
			border-top:1px #3399FF solid;
			border-right:1px #3399FF solid;
			border-left:1px #3399FF solid;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:30px;
			text-transform:uppercase;
		}
		.ui-tabs-nav li:hover {
			background:#EBEBEB;
			color:#333333;
		}
			.ui-tabs-nav li:hover a {
				color:#333333;
			}
		.ui-tabs-nav li {
			background:#FFFFFF;
		}
			.ui-tabs-nav li a {
				color:#336699;
				text-decoration:none;
			}
		.ui-tabs-panel {
			margin:0;
			padding:5px;
			float:none;
			clear:both;
			border:#3399FF solid 1px;
			width:298px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333333;
		}
			.ui-tabs-panel ul {
				margin:0;
				padding:0 0 0 15px;
			}
			.ui-tabs-panel ul li {
				margin:0 0 5px 0;
			}
		.ui-tabs-panel a {
			color:#336699;
			text-decoration:none;
		}
			.ui-tabs-panel a:hover {
				color:#3399FF;
				text-decoration:underline;
			}
		.ui-tabs-hide {
			margin:0;
			padding:5px;
			float:none;
			clear:both;
			display:none;
			border:#3399FF solid 1px;
			width:298px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333333;
		}
			.ui-tabs-hide ul {
				margin:0;
				padding:0 0 0 15px;
			}
			.ui-tabs-hide ul li {
				margin:0 0 5px 0;
			}
		.ui-tabs-hide a {
			color:#336699;
			text-decoration:none;
		}
			.ui-tabs-hide a:hover {
				color:#3399FF;
				text-decoration:underline;
			}

El significado de cada una de las etiquetas de estilo CSS:

  • estilo: Es el estilo de todo el recuadro con el cual trabajaremos
  • ui-tabs-nav: Es la lista que alojará a los títulos de las pestañas
  • ui-tabs-panel: Es el recuadro que aloja el contenido de un recuadro. Este es el estilo del recuadro visible
  • ui-tabs-hide: Es el recuadro que aloja el contenido de un recuadro. Este es el estilo del recuadro oculto que más adelante al pulsar sobre el título del recuadro se verá y convertirá en ui-tabs-panel

El agregar otro recuadro con contenido no es difícil, simplemente duplicamos el anterior recuadro y realizamos lo siguiente:

  • id: modificamos este atributo del primer div para asignarle un identificador al recuadro
  • href: modificamos este atributo por otro que identifique a otro título (manteniendo el símbolo de numeral)
  • Añadimos entre las etiquetas <script> y </script> que usamos en el primer paso lo siguiente:
    	$(document).ready(function(){
        $("#EJEMPLO2 > ul").tabs();
      });

    En donde editamos la palabra EJEMPLO por el nombre que le asignamos al segundo recuadro (el atributo id)

Definitivamente, este es un uso básico de esta herramienta y existen uso m´ñas complejos que se le pueden asignar, tal y como se puede observar en el sitio de jQuery.

Actualización: Si tienes un blog en WordPress, puede seguir el siguiente manual para integrarlo.

La nueva barra de Google v5.0

La barra de Google es un agregado muy bueno tanto para Firefox como para Internet Explorer pues nos proporciona un acceso rápido a los servicios que brinda Google como calendario, lector de feeds, correo, documentos y otras utilidades adicionales como corrector ortográfico. En esta oportunidad se ha decido cambiar la versión de esta barra por nueva con nuevas funciones pero manteniendo lo que es, una barra.

googletoolbar- disenio

El nuevo aspecto de la barra con nuevos íconos, más agradables a la vista; sin embargo, han reducido en gran tamaño el ícono que muestra el PageRank tanto que ya no posible diferenciar fácilmente saltos pequeños de PageRank entre dos sitios o más; sin embargo, revisando nuevos agregados:

  • Un bloc de notas, en el cual podemos guardar recortes de sitios web para más adelante usarlos.
  • Autocompletar, a través de esta herramienta es posible almacenar datos de tarjetas de crédito y usarlos cuando sean necesarios (únicamente el número de la tarjeta y el CVC). También es posible guardar perfiles (nombre de usuario y cosas similares)
  • Sincronización de barras, puedes guardar la configuración de tu barra y sincronizarla con la de otra PC.
  • Sugerencias ante errores 404, en caso de que lleguemos a estás páginas las cuáles no les gusta a nadie, la página cambiar a una lista sugerencias de Google en caso de que existan.

Se menciona en la fuente que también existe la función de auto-enlazado la cual no he encontrado; la barra tiene un buen aspecto y se ve tan sólida como la anterior. Hago notar que al instalarla, no se pierde la configuración de la anterior barra de Google.

Descarga | Google Toolbar 5.0 Beta
Vía | NeoTeo

Verifica en cual red social tu nick está disponible

El registro de nombres de usuarios en sitios web se ha vuelto una competencia actualmente, existen personas que generan ingresos a partir de la venta de nombres de usuario de Twitter por ejemplo. Es por eso la idea de esta herramienta para poder verificar en que sitios web (esencialmente redes sociales) nuestro nombre de usuario o nick común está en uso o disponible.

UserName Check es el nombre de esta útil herramienta la cual de una forma sencilla y rápida realiza la respectiva verificación en aproximadamente 54 sitios entre los que se encuentran Twitter, Last.FM, YouTube, Flickr y muchos más.

usernamecheck-busqueda

Sin duda alguna gracias a muchas de estas redes sociales nuestros sitios web consiguen algunas visitas adicionales y da una confianza adicional para aquellos que nos visitan pues pueden darse cuenta a través de este tipo de verificaciones en donde pueden encontrarnos y si nos encuentran en su red social favorita.

Enlace | UserName Check
Vía | Spam Loco

Extraer el audio de un vídeo de YouTube en MP3

flvto-logo Extraer o descargar el vídeo de YouTube ya no es un problema, es algo realmente fácil y sencillo. Existen muchos servicios que realizan esta función; sin embargo, muchos de ellos son limitados o simplemente no funcionan correctamente.

FLV to es la herramienta que más me ha gustado de todas pues es rápida sin publicidad molestosa y no únicamente extrae el audio a los vídeos de YouTube sino también a cualquier archivo en formato FLV (Flash Video). La herramienta puede ser usada de dos maneras.

  • Insertando la URL del video de YouTube:

flvto-link

  • La otra opción es haciendo clic en un botón de nuestros marcadores cuando estemos dentro del vídeo de YouTube. Lo único que tenemos es que hace es lo siguiente:
    1. Arrastrar el enlace: “Extraer audio” a nuestra barra de enlaces rápidos o marcadores
    2. Hacer clic sobre él cuando deseemos extraer el audio de vídeo (siempre y cuando se encuentre viendo un video de YouTube). Caso contrario no funcionará.

Una vez finalizada la conversión el sitio nos solicitará automáticamente que descarguemos el archivo a nuestro ordenador. El cual se encuentra en formato Mp3.

Enlace | FLV to

Cambios y mejoras en Whos.amung.us

Hace pocos días Twitter cambió su interfaz, Sitemeter intentó hacer lo mismo pero falló y el día de ayer Whos.amung.us el sitio que nos da estadísticas de cuantos usuarios tenemos en línea en las distintas páginas de nuestro sitio ha evolucionado a lo que ellos mismo le llaman su versión 2.0.

La esencia de ésta herramienta no ha cambiado pero lo que si han mejorado y agregado es lo siguiente:

  • Nueva apariencia y estilo del sitio

whos-index

  • Un nuevo panel para una fácil visualización de las estadísticas

whos-dashboard

  • Nuevo software de “tracking” (seguimiento) para estadísticas mas confiables
  • Los mapas ahora son redimensionables y rápidos
  • Completa librería de ayuda
  • Nuevos gráficos con más opciones

whos-graficos

  • Instalación con un solo clic (copy&paste del código)

whos-code

  • Mejorado el plugin para Firefox, ahora funciona con Firefox 3.

De primera impresión andaba algo lento el script en las páginas pero ahora funciona más fluida y va nuevamente de maravilla.

Enlace | Whos.amung.us
Vía | Blog Whos.amung.us


Join My Community at MyBloglog! Blogalaxia Peru Blogs BlogsPeru.com Add to Technorati Favorites Blogesfera Bitacoras.com Creative Commons License