Contenido

CommentFeed: Más Novedades

31 ago

+ 10

El fin de semana es dificil dedicarle algo de tiempo a cualquier cosa, entre comidas con la familia y cenas con los amigos, queda poco tiempo para teclear. Pero estar alejado del PC da lugar a las mejores ideas, así que he aprovechado y he ido recopilando unas cuantas de estas ideas para CommentsFeeds.

1) Usando los servidores de Google

He creado un proyecto en Google Code, en el que he alojado el fichero commentfeeds.js que cargamos desde nuestro marcador para así disponer de un buen server donde tener alojado el script, y así disponer de una carga más rápida.

Esto nos obliga cambiar el enlace anterior a esto:

javascript:(function(s){s.type='text/javascript';s.src='http://commentfeed.googlecode.com/files/commentfeed.js?rand='+Math.random();document.getElementsByTagName('head')[0].appendChild(s)})(document.createElement('script'));

El enlace antíguo lo eliminaré el miercoles, así que si alguien le falla apartir de ese día, deberá cambiar el “Marcador fantasma” por el mostrado anteriormente.

También he usado Google Ajax Libraries, en que alojan los principales frameworks JS en los servidores de Google haciendo la carga más rápida.

2) Eliminando el CSS

En la fase anterior, usabamos un fichero CSS para colocar los elementos dentro de Google Reader. Ahora los aplico mediante Javascript evitando ese tiempo de demora para cargar el fichero.

Bueno, espero tener algo listo a final de semana, pero no quiero adelantar nada. Depende del tiempo libre que tenga. Saludos y gracias por el feedback que me estais reportando.

CommentFeed: Novedades

29 ago

+ 10

Bueno, ante todo, quiero dar las gracias a todos los que con sus pruebas me han ayudado a solucionar un par de problemas y a plantearme las cosas de una forma diferente. Esta tarde he podido dedicarle un poco de tiempo y he podido hacer alguna modificación a lo que os mostré ayer, os las enumero una a una.

1) Comentarios

Evidentemente, el no ver los comentarios previos podría suponer problemas para algunos casos, como bien comenta _SxR_ en su comentario.

Para ello he añadido los comentario relacionados al post, necesita un poco de diseño pero ahora lo importante es la funcionalidad.

commenfeed-comentarios

2) Diferencia entre “Expanded View” y “List View”.

Google Reader, permite usar 2 diferentes formas para visualizar los feeds, la “Expanded List” que nos presenta los artículo abiertos y a medida que vamos haciendo scroll hacia abajo,  nos va seleccionando el post que se encuentre en el centro.

Por otro lado, tenemos “List View”, que nos muestra las entradas cerradas, mostrando únicamente el título y al hacer click sobre él, nos abre el artículo dejando los demás cerrados.

Dependiendo del modo usado, la funcionalidad puede ser diferente.

a) Expanded View

Una vez cargado el script, haciendo click sobre el artículo haremos aparecer la opción de “Comenta”.

b) List View

Para este modo, y realmente para cualquiera, he hecho que el testigo que vemos justo arriba, al lado del motor de busqueda, sea un enlace que al hacer click sobre él, nos mostrará la opción de “Comenta”.

Posibles problemas

Al tratarse de un fichero JS, puede verse afectado por algún tipo de caché y no disponer de alguna de las mejoras. Podemos hacer 3 cosas:

1. Armarnos de paciencia y esperar a que se recarge por si solo.

2. Acceder al enlace siguiente y recargar la página para así hacer una recarga nueva del fichero.

http://www.anieto2k.com/demo/commentfeed/commentfeed.js

3. Añadir al final del enlace del Marcador (Math.random()) dejando el marcado así:

javascript:(function(s){s.type='text/javascript';s.src='http://www.anieto2k.com/demo/commentfeed/commentfeed.js?rand='+Math.random(); document.getElementsByTagName('head')[0].appendChild(s)})(document.createElement('script'));

Gracias de nuevo a todos los que me están ayudando con sus ideas, consejos y sugerencias.

WolfenFlickr 3D, fusión Wolfestein 3D y Flickr

29 ago

+ 2

Otra vez Jacob Seidelin nos sorprende con un nuevo juguetito desarrollado en Javascript. Esta vez se trata de WolfenFlickr 3D, una fusión de Wolfestein 3D y Flickr en el que podemos ver imagenes obtenidas directamente de Flickr y mostradas como cuadros que veremos mientras nos movemos por las entancias de una versión en javascript, muy fluida, de Wolfestein 3D.

WIPmania, geolocalización gratis

29 ago

+ 10

WIPmania es un aplicación que ofrece una base de datos con la que podremos geolocalizar direcciones IP, de una forma completamente gratuita y sin tener que disponer de una gran base de datos con todas las que van apareciendo.

http://api.wipmania.com/[IPADDR]?[URL]

La API que ofrecen es realmente escueta y simple, así que cualquiera puede usar este sistema sin demasiados dolores de cabeza. El resultado de la misma es un texto plano con las iniciales del pais en el que se encuentra esa IP.

Desde WordPress podemos tener una pequeña función para disfrutar de este nuevo servicio:

function getUserCountry() {
	$url = 'http://api.wipmania.com/'.$_SERVER ['REMOTE_ADDR'].'?'.get_bloginfo('home');
	if (function_exists('file_get_contents')){
		return file_get_contents($url);
	} else {
		$ch = curl_init();
		$timeout = 5; 
		curl_setopt ($ch, CURLOPT_URL, $url);
		curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
		curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
		content = curl_exec($ch);
		curl_close($ch);
		return $content;
	}
}
// USO
echo "Pais del Usuario: ".getCountrUser();
// --> Pais del Usuario: ES.

Su uso es libre y únicamente está limitado 10.000 peticiones por día.

jQuery.com se lava la cara

29 ago

+ 21

y de que manera!!

jquery

Creo que vale la pena no decir nada, simplemente callar y contemplar :D

CommentFeed, comenta en aNieto2k desde Google Reader

28 ago

+ 44

En el Congreso de Webmasters de 2007, Jose de Corral (de Macbookers) me comentó una idea que le daba vueltas por la cabeza y quería saber si era posible

La idea era la de comentar en el blog directamente desde tu lector de feeds.

Pros:

  • El usuario perezoso comenta.
  • Disminución de tiempo empleado por el usuario en leer y comentar sus feeds.
  • Ofrecer una opción más al usuario.
  • Incremento de comentario

Contras:

  • El usuario no ha de entrar al blog a comentar.
  • Posible de reducción de visitas.

Bueno, despues de casí 300 días creo que os puedo presentar la versión alpha y exclusiva para aNieto2k de CommentFeed (me he estrujado el cerebro ¿eh? :D)

¿Por que exclusiva?

Por un motivo muy sencillo, aún está muy verde. La versión que tengo está desarrollada para aNieto2k y he de pensar como montar un plugin para poder usarlo en cualquier blog sin problemas, pero me gustaría ponerme a ello después de haber testado bien el código que interviene.

¿Como funcionaría?

La idea es muy sencilla, pero requiere la intervención de las dos partes involucradas en la lectura de feeds. Por una parte, el blogger, deberá activar un plugin (aún no tengo muy claro si hará falta algo más) para permitir comentar en el blog, si el blogger no lo activa, el usuario no podrá comentar en el blog directamente desde Google Reader.

Por otra parte, el usuario deberá tener un Marcador (o Script del GreaseMonkey, o algún otro método que se me ocurra) que ejecutará cuando quiera comentar en un blog desde Google Reader.

* El funcionamiento aún puede variar, pero la idea general es la explicada anteriormente.

¿Por que Google Reader?

Por el momento es solo Google Reader, principalmente por que es el lector de feeds que utilizo, y me ha ido perfecto para hacer las pruebas, la idea es intentar conseguir exactamente lo mismo desde cualquier otro Lector de Feeds online (los offline no creo que sea factible, pero no lo descarto por el momento).

¿Como puedo comentar en aNieto2k desde Google Reader?

Pues por el momento, solo tenemos un Marcado que deberemos ejecutar cada vez que queramos comentar.

Una vez guardado el Marcador, ya podemos ir a Google Reader y pulsar sobre él.

commentfeed-testigo

En la parte superior de la pantalla veremos, junto al formulario de busqueda de Google Reader, un testigo verde, indicando que podemos hacer uso de CommentFeed.

Una vez activado, veremos en la parte inferior del post, en la barra de acciones una nueva opción más, “Comentar”.

commentfeed-comenta

Al hacer click sobre la nueva acción, nos mostrará un formulario, ubicado en la parte superior-izquierda de la ventana en la que nos encontramos un formulario con el que podemos comentar directamente en la entrada que tenemos abierta.

commentfeed

¿Posibles problemas?

Muchos y muy variados. He probado en Firefox y Safari, ha funcionado perfectamente, pero pueden producirse problemas que aún no he podido detectar.

Uno que se me ocurre ahora, es la URL con la que se guardó el Feed en Google Reader, el correcto es el siguiente:

http://www.anieto2k.com/feed/

Al usar el plugin de FeedBurner, puede ser que la URL del feed no sea la correcta. Lo podemos saber si el enlace de los artículos apunta directamente a aNieto2k o a FeedBurner.

Si ocurre algún problema, me sería muy útil que me lo comentarais para intentar solucionarlo.

¿Que te parece?

Zebra tables con CSS3

28 ago

+ 6

CSS3 está a la vuelta de la esquina, gracias a la implementación por parte de los navegadores, este estandar poco a poco va haciéndose más real y van apareciendo perlas como estas del equipo devOpera.

En el artículo, nos muestran como usar el pseudo-selector nth-child , un selector que nos permitirá crear tablas estilo zebra con una sola línea.

tr:nthchild(2n+1) {
  background-color: #99ff99;
}

Al selector le debemos indicar el número de líneas a los que ha de aplicar el estilo, en este caso, cada 2 líneas empezando en la posición 1 (comenzan en el 0).

Más información

Internet Explorer 8 beta 2 disponible para descargar

28 ago

+ 7

La gente de Microsoft anuncia que ya está disponible la beta 2 de Internet Explorer 8. Una versión que viene cargada con una gran cantidad de mejoras y novedades y que se acerca más a la versión final que disfrutaremos en un futuro.[Descargar]

Parallax, imagenes 3D con jQuery

27 ago

+ 5

Hoy he descubierto Parallax, y he quedado impresionado de lo que visto

parallax

Si has seguido el enlace de la imagen, habrás visto que es parallax. Si no lo has visto, te lo explico rápidamente.

Parallax es un plugin para jQuery que te permite crear imágenes en perspectiva usando varias imágenes ubicadas en elementos <li />.

<ul id="parallax">
   <li></li>
   <li></li>
</ul>

Mediante el uso del ratón, movemos las imágenes provocando una sensación 3D muy impresionante…. creo que así y todo es mejor que veas un par de ejemplos.

  1. Mapa
  2. Pétalos
  3. Montañera

Instalación

Para instalar parallax, deberemos tener informar, mediante tags <script /> en nuestro <head /> el fichero de jquery-x.y.z.min.js y el de jquery.jparallax.js

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.pack.js"></script>
<script type="text/javascript" src="js/jquery.jparallax.js"></script>

Funcionamiento

jQuery('#parallax').jparallax(options);

Como casi todos los plugins de jQuery, podemos indicar que elemento será sobrecargado con la nueva funcionalidad, para ello lo indicaremos mediante el selecto jQuery() y encadenamos el método jparallax() al que le podemos pasar una serie de parámetros.

Descargar

Actualmente es una versión BETA, la 0.3, por lo que puede dar algún problema en algún navegador. Lo podemos descargar directamente de la página del proyecto.

Ubiquity, el Quicksilver de Firefox

27 ago

+ 12

Ajaxian no dejan de sorprendernos, y esta vez es gracias a Mozilla Labs, que tampoco cesan en su afán de innovar y llevar la navegación y la experiencia de navegar por internet a un nivel hasta ahora desconocidos.

Ya nos mostraron propuestas de navegadores que podríamos encontrarnos en un futuro y ahora nos muestras Ubiquity. Un plugin para Firefox que nos permite disponer de un QuickSilver para nuestro Firefox querido :D

map-email-1-big

Se trata de un acceso directo a todo tipo de información a cerca de una palabra. Actualmente es una versión beta y podemos obtener información de la Wikipedia, IMDB, Google Maps, … estoy deseando ver hasta donde puede llegar a extenderse este plugin.

Por el momento podemos instalar el plugin y ver todas las posibilidades en el tutorial de uso.

Recuerdo que heySilver permite hacer exactamente lo mismo para extender cualquier página web :D

Actualizo

No había probado a el envio de mails… simplemente increible!.