El experimento Readability

March 8, 2010 por Ouyei · Sé el primero en comentar 


Readability – Un experimento de Arc90 Laboratory es una herramienta para poder despejar todo lo que te distraiga de una lectura web. Es bien fácil de utilizar ya que no tienes que instalar nada.
Para poder usar esta herramienta solo debes agregar Readability a tus marcadores . Una vez posisionado en la página Web que te interesa leer, activas el marcador y voilá!
Espero les sea útil.

Imágenes en movimiento en nuestro blog

January 22, 2010 por Fedelosa · 4 Comentarios 

Si has llegado a este blog a través de un link roto, o queriendo encontrar una página que no existe, te habrás dado cuenta de la hermosisima (?) página de error 404 que tenemos, es muy fácil de lograr una página así, o hablando en serio, una linda página de error.

El efecto de las nubes moviéndose, inspirado en lo explicado por Gema,  lo logramos fácilmente con un poco de código en la plantilla de nuestro blog:

Para que las nubes puedan moverse, debemos descargar jquery.easing.1.3.js y subirlo a nuestro servidor.

Agregar el siguiente código al header.php entre las etiquetas HEAD:

<script src='RUTA_DONDE_ALOJE_JQUERY/jquery.easing.1.3.js' type='text/javascript'/></script>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/></script>

<script type='text/javascript'>
		$(document).ready(function() {
			setTimeout("animation()",300);
		});

		function animation(){
                        nube1();
						nubes2();
						nubes3();
						nubes4();
		}
				function nube1(){
			$("#nube1").animate({left:"+=85%"},30000).animate({left:"-0px"}, 30000)
			setTimeout("nube1()",5000);
		}
				function nubes2(){
			$("#nubes2").animate({left:"+=85%"},40000).animate({left:"-0px"}, 60000)
			setTimeout("nubes2()",5000);
		}
                function nubes3(){
			$("#nubes3").animate({left:"+=85%"},50000).animate({left:"-0px"}, 40000)
			setTimeout("nubes3()",5000);
		}
		        function nubes4(){
			$("#nubes4").animate({left:"+=85%"},60000).animate({left:"-0px"}, 50000)
			setTimeout("nubes4()",5000);
		}
	</script>

Allí podemos jugar un poco con los valores para determinar la velocidad de movimiento de las nubes por ejemplo.

Agregamos lo siguiente a nuestro archivo de CSS:

#nube1{ position:absolute; top:220px; left: 0px; z-index:6; }
#nubes2{ position:absolute; top:300px; left: 0px; z-index:5; }
#nubes3{ position:absolute; top:380px; left: 0px; z-index:4; }
#nubes4{ position:absolute; top:470px; left: 0px; z-index:5; }

Y lo siguiente en donde queremos que se muestren las imagenes,

<div id="nube1">
<img src="RUTA_DONDE_ALOJAMOS_IMAGEN/nube1.png"/>
</div>
<div id="nubes2">
<img src="RUTA_DONDE_ALOJAMOS_IMAGEN/nube2.png"/>
</div>
<div id="nubes3">
<img src="RUTA_DONDE_ALOJAMOS_IMAGEN/nube1.png"/>
</div>
<div id="nubes4">
<img src="RUTA_DONDE_ALOJAMOS_IMAGEN/nube2.png"/>
</div>

Las posibilidades son infinitas, solo queda jugar con la imaginación

Aprende a hablar Na’Vi el idioma de Avatar

January 16, 2010 por Fedelosa · 3 Comentarios 

Me encuentro en Chicageek con una interesante guía para aprender a hablar un idioma que no existe (?), si así como lo oyen (aunque en realidad no lo oyen, lo leen, a menos claro esta que estén leyendo el post en voz alta), pero volviendo al punto, el na’vi es un idioma artificial por llamarlo de alguna manera creado especialmente para la película Avatar que viene arrasando con todo en estos días, y como todo en esta vida tiene sus fanáticos, en este caso podrán aprender a hablar el idioma de la pelicula. No puedo dar detalles mas claros ya que aun no la vi, espero hacerlo en estos días, me la recomiendan?

Dominios y usuarios de Twitter libres

January 4, 2010 por Pablo · 16 Comentarios 

logo-tweexchange

Tweexchange.com es una herramienta web útil si queremos saber que dominios y usuarios Twitter están disponibles para registro.

Para utilizarlo es muy sencillo, ingresamos al sitio y en la caja de búsqueda colocamos la palabra que nos interesa saber si se encuentra libre ya sea como dominio libre así como también para usuario Twitter.

Demora un poco el proceso para lograr ver los resultados, una vez realizado el proceso de búsqueda nos arroja los resultados como lo podemos ver en la imagen siguiente:
Hicimos la prueba sobre la búsqueda de “redessociales” que sabemos no estará libre pero a modo de ejemplo sirve.

redes-sociales

Vamos a ver cuanto duran libres los que dicen AVAILABLE jeje :P

Es una utilidad que a algunos les pueda ser de ayuda en el momento de buscar su nuevo dominio libre o para utilizarlo como usuario de Twitter.

Follow Friday online

December 11, 2009 por Pablo · 8 Comentarios 

Ya que es viernes que mejor que presentar Follow Friday, para quienes no saben de lo que estoy hablando les cuento que existe para quienes usamos Twitter una tendencia creada por los propios usuarios de Twitter que se llama #followfriday o #ff donde los mismos comparten aquellos usuarios que les parecen interesantes con sus seguidores para que los mismos los comiencen a seguir si es que ya no lo hacen.

Por ese motivo es que les presentamos un sitio que hace un ranking español con el famoso Follow Friday.

logo-ff

FollowFriday.es nace como un proyecto de Equipo24, donde lo que proponen es hacer un ranking de los mejores de la semana en lo que respecta a los usuarios más recomendados. 

Puedes seguirlos vía su Twitter, visitar su blog (que esta en desarrollo actualmente), saber más al respecto del significado del Follow Friday o simplemente visitar el ranking para conocer a los mas recomendados.

Insertar AdSense entre posts en Wordpress

December 3, 2009 por Fedelosa · 9 Comentarios 

Hace ya un tiempo, intentando optimizar el blog Moda Económica, insertando todos los anuncios de AdSense que el programa permite, quise colocar bloques entre los post, pero a su vez, no querí­a usar ningún plugin que me permitiera controlar los anuncios de Google AdSense.

Buscando en la web me encontré con varios sitios que te brindaban el código a insertar y donde colocarlo para que los anuncios de AdSense se mostraran de acuerdo a tus gustos, pero solo uno me dio la solución, aunque tuve que modificar un poquito el código que allí se mostraba.

Debemos modificar el archivo index.php de nuestro wordpress, por lo que sugiero que se haga una copia de seguridad, yo no la hice y no tuve problemas, pero en el apuro siempre podemos borrar algo de mas sin querer.

Debemos buscar el siguiente código en el archivo index.php, se encuentra bastante al principio del archivo.

< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>

Una vez ahi, debemos pegar antes de ese código:

< ?php $numeropost = 1; $publi = 1; ?>

De forma que quedaría:

< ?php $numeropost = 1; $publi = 1; ?>
< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>

Hasta aquí solo hemos inicializado unas variables, que nos servirán para controlar cuantos bloques de AdSense queremos mostrar entre cuantos post.

Ahora vamos a colocar ese bloque, buscamos este código:

< ?php the_content ….

    .

    .

    .
<?php endwhile; ?>

Y justo encima de esta ultima linea, colocamos el siguiente código:

< ?php if ($numeropost <= $publi) { echo ‘[AQUI CODIGO DE GOOGLE ADSENSE]‘; } ?>
< ?php $numeropost++; ?>

De esta forma, el código quedaría mas o menos así:

< ?php the_content(’Seguir leyendo… &raquo;’); ?>
<h4>Por < ?php the_author(); ?></h4>
 < !– end post –>
< ?php if ($numeropost <= $publi) { echo ‘<script type=”text/javascript”>< !–
    google_ad_client = “pub-xxxxxxxxxxxxxxxx”;
    /* 300×250, creado 2/03/09 */
    google_ad_slot = “9081969334″;
    google_ad_width = 300;
    google_ad_height = 250;
    //–>

    <script type=”text/javascript”
    src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
    </script>’; } ?>
< ?php $numeropost++; ?>
< ?php endwhile; ?>

Obviamente donde dice google_ad_client, las xxxxxxxxxxxxxxxx equivalen a tu numero de editor.

Así lograremos colocar Google AdSense entre el primer y el segundo post, si quisiéramos colocar otro bloque entre el segundo y tercer post, tan solo deberíamos modificar el valor de la variable $publi dándole el valor 2.

Fuente original: Tamba2

Obtener mas comentarios, modificando el formulario de Wordpress

December 2, 2009 por Fedelosa · 22 Comentarios 

Hace un tiempo leí una entrada de Aeromental en la que decían que habían triplicado el numero de comentarios rediseñando el formulario de comentarios, a raíz de eso comencé a observar los comentarios en los blogs que administro, y note que me sucedía exactamente lo mismo, que muchos lectores al no saber que poner en el campo “Sitio Web” ponían palabras sueltas, URLs erróneas (Que al final son links rotos en nuestro blog), y varias cosas mas, por lo que supuse que ademas, algunos lectores no se animarían a comentar por no saber que poner en ese campo.

formulario-comentarios

Antes de que salte algun purista del diseño web, voy a aclarar que yo no tengo idea de diseño web, ni de programación, ni de PHP, ni de CSS, ni de nada, por lo que si consideran que alguno de los cambios realizados al código es una aberración a las buenas costumbres, me pasan el código como debería ser y lo cambio :)

Lo primero que hice fue editar el archivo comments.php:

Busque esta parte del código:

<input id="author" name="author" type="text" value="&lt;?php echo $comment_author; ?/&gt;" tabindex="1" />
<label for="author"><small>&lt; ?php _e("Nombre", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="email" name="email" type="text" value="&lt;?php echo $comment_author_email; ?/&gt;" tabindex="2" />
<label for="email"><small>&lt; ?php _e("E-Mail (no será publicado)", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label>

Y la sustituí por:


<span style="float: right;">
<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label></span>

<input id="email" name="email" type="text" value="&lt;?php echo $comment_author_email; ?/&gt;" tabindex="2" />
<label for="email"><small>&lt; ?php _e("E-Mail (no será publicado)", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label>

Si observan, lo que hice fue agregar [/html]

al código del campo del formulario donde se deja la dirección del sitio web, luego ubique el campo al principio del formulario, con eso ya cambiamos la posicion de este campo.

Luego, hice que el fondo quedara de color gris, como para diferenciarlo del resto del formulario y de alguna manera quitarle importancia, esto lo hice editando el archivo style.css, busqué la parte del estilo del formulario que en mi caso era así:

#author, #email, #url {
background: #FFFFFF !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #DDDDDD;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

y la cambié por:

#author, #email {
background: #FFFFFF !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #DDDDDD;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
#url	{
background: #E8E8E8 !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #999999;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

Es muy simple, solamente quite el id “url” y lo puse aparte, copié todo y solo modifiqué el valor para “background

En unas semanas les cuento si el experimento resulta favorable :)

Le damos la bienvenida a 140GEEK el hermano menor de PuntoGeek (?)

December 2, 2009 por Fedelosa · 12 Comentarios 

De los mismos creadores de PuntoGeek y el Santuario de la boludez (?) llega….  140GEEK

logo140g

Con la misma temática de su hermano mayor, en este nuevo blog nos acercarán posts breves, como ellos mismos dicen, cortitos y al pie (?) para los lectores que no quieren o no tienen tiempo de leer posts largos. Todo lo que hoy en día incluya la cifra 140 obviamente refiere a Twitter, y si pensamos en Twitter pensamos en frases breves, de esta manera como su post de presentación lo indica, 140GEEK nos presentara tips y noticias rápidas sobre windows, Internet, diseño, fotografía y más.

Podes también seguir sus actualizaciones por Twitter en @140GEEK

Desde acá le queremos dar por lo tanto la mejor bienvenida y desearles mucha suerte (Hay que ser boludo (?) creativo para crear otro blog con GEEK en el dominio (?)… UPS!)

Convierte cualquier parte de un sitio web, en un gadget de escritorio

December 2, 2009 por Fedelosa · 16 Comentarios 

Snippage es un software creado en Adobe AIR que nos permite capturar cualquier parte de una página web y convertirla en un gadget de escritorio como los conocidos de Windows Vista o Windows 7, muy útil para por ejemplo seguir de cerca la cotización de la moneda, el estado del tiempo, o cualquier contenido mostrado en la web, pero sin tener que dejar el navegador abierto en esa página. Además, como esta hecho en Adobe AIR, funciona (no lo he probado) en cualquier sistema operativo.

La aplicación es realmente liviana e incluye un simple navegador web

snippage-browser

Una vez estemos en el sitio que queremos, nos encontramos con una caja transparente que tiene tres controles:

1.- Movemos la caja hacia la zona que queremos capturar.

2.- Redimensionamos la caja transparente

3.- Hacemos clic en la “tijera” y listo, nuestro gadget de escritorio ya se encuentra mostrando la zona capturada, podemos además con unos simples clics indicarle que actualice el contenido del gadget cada 10 minutos, 30 minutos o 1 hora y podemos optar por abrir los links en la misma ventana o en una nueva.

snippage-gadget

Yo ya tengo mi gadget que me muestra constantemente cuales son los Trending Topics en Twitter, contanos que uso le podrías dar tu.

Concurso: Invitaciones para Google Wave

November 20, 2009 por Ouyei · 2 Comentarios 

Amig@s de Lagoogle-wave-logodo Geek, como aquí alentamos la idea de que siempre se está a tiempo de subirse a la ola, es que ponemos a tu disposición 5 invitaciónes para Google Wave.

El requerimiento para ganar una de las 5 invitaciones, es que crees un screencats en el que dibujes el logo de Google Wave y nos digas que utilidades piensas que le vas a dar.

Para realizar el screencats te recomendamos Screenr.com que es ideal para la creación de pequeños videos.
Screenr.com funciona con tu cuenta de Twitter asi que luego de creado el video solo tendras que poner en los comentarios el link de tu screencast
Si aún no tienes tu cuenta, ¿que estás esperando para pasar por los comentarios y postear tu video?.

Next Page »