aNieto2K http://www.anieto2k.com Desarrollo web, Wordpress, y alguna cosilla más Sat, 07 Nov 2009 11:49:13 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 Wp-Answers, crea una comunidad de preguntas y respuestas con Wordpress http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/Rv2JIdPaacM/ http://www.anieto2k.com/2009/11/07/wp-answers-crea-una-comunidad-de-preguntas-y-respuestas-con-wordpress/#comments Sat, 07 Nov 2009 11:49:13 +0000 aNieto2k http://www.anieto2k.com/?p=9223 crear comunidades basadas en preguntas y respuestas, al estilo StackOverFlow y/o Yahoo! Answers. La idea es generar, sin modificar para nada el núcleo de Wordpress, un sistema basado en votaciones de comentarios y ordenarlos por este número de votaciones. De esta forma, podremos disponer de un sistema que nos permita lanzar preguntas y que mediante las contestaciones de los usuarios y sus votos, podamos obtener una respuesta lo más acertada posible.

Wp-Answers

El plugin se encarga de añadir un formulario a cada comentario permitiendo que los usuarios puedan votar positiva o negativamente dicho comentario. Posteriormente y dependiendo del número de comentarios de este comentario y los demás, lo ordenará de forma que el comentario con más votos quede primero, el segundo mejor votado segundo y así sucesivamente.

wp-answers (Ver Imagen)

Nuestro theme

El plugin, está pensado para no depender de ningún theme y que pueda funcionar en cualquiera, por ello todo el estilo CSS y el Javascript (para realizar las llamadas con Ajax) se puede añadir fácilmente adaptándolo a cada Wordpress.

Dándole estilos

El formulario, por defecto no tiene estilos aunque puede personalizarse como más nos guste incluyendo los estilos a nuestro style.css de nuestro theme. Os dejo un ejemplo del que he usado para las pruebas: 
.wp_answers_votes {
 float:right;
 background-color:#F1F1F1;
 margin-bottom:10px;
 padding:10px
 text-align:center;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
}
.wp_answers_total_votes{
 font-size:2em;
}

Opciones

Disponemos de una serie de opciones, muy sencillas que nos permiten configurar el nivel de Karma que aporta o resta la votación de comentarios. Además de poder indicar si necesitamos que el usuario este registrado en el blog o no.

wp-answers-options (Ver Imagen)

Widget

He creado un pequeño Widget que nos permitirá mostrar un top N usuarios, ordenados por karma acumulado en nuestro sidebar, simplemente tendremos que indicar las opciones del Widget y añadirlo al sidebar que deseemos.

wp-answers-widget (Ver Imagen)

Descargar

Aquí teneis el enlace, también podeis verlo en funcionamiento con el theme P2 (de Wordpress)

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/11/07/wp-answers-crea-una-comunidad-de-preguntas-y-respuestas-con-wordpress/feed/ 3 http://www.anieto2k.com/2009/11/07/wp-answers-crea-una-comunidad-de-preguntas-y-respuestas-con-wordpress/ Another World JS http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/peLwJcICu08/ http://www.anieto2k.com/2009/11/05/another-world-js/#comments Thu, 05 Nov 2009 19:08:13 +0000 aNieto2k http://www.anieto2k.com/?p=9220 Another World implementado completamente en Javascript. Impresionante el uso de <canvas /> e impresionante el consumo de CPU :D

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/11/05/another-world-js/feed/ 3 http://www.anieto2k.com/2009/11/05/another-world-js/ MooTools nos pide que actualicemos nuestras librerías http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/Gg7qBiMHrNo/ http://www.anieto2k.com/2009/11/05/mootools-nos-pide-que-actualizemos-nuestras-librerias/#comments Thu, 05 Nov 2009 12:21:45 +0000 aNieto2k http://www.anieto2k.com/?p=9218 recomendarnos que actualicemos las versiones 1.1.2 y la versión 1.2.4. El motivo, la desaparición de el método document.getBoxObjectFor en Mozilla Firefox 3.6. La última versión de Gecko, elimina este método y afectará directamente a la versión 1.1.2 de MooTools ya que se usa en dos casos concretos:
  • Event.relatedTarget: Identifica el target de cualquier evento. Esta propiedad se usa en muchos sitios del framework.
  • Evento MooseWheel:  Firefox identifica el evento usando "DOMMouseScroll" en lugar "mousewheel"
Por este motivo nos informan de que tenemos la actualización de las dos versiones disponibles para descargar y reemplazar las que usamos actualmente.

MooTools 1.1.2 / MooTools 1.2.4

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/11/05/mootools-nos-pide-que-actualizemos-nuestras-librerias/feed/ 1 http://www.anieto2k.com/2009/11/05/mootools-nos-pide-que-actualizemos-nuestras-librerias/ Excerpt2Content, muestra todo el contenido a tus usuarios http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/_Fn6W9V-7dw/ http://www.anieto2k.com/2009/11/04/excerpt2content-muestra-todo-el-contenido-a-tus-usuarios/#comments Wed, 04 Nov 2009 09:36:14 +0000 aNieto2k http://www.anieto2k.com/?p=9213 the_excerpt() en lugar de the_content(). La diferencia es que la primera nos muestra únicamente el extracto del artículo, sino lo hemos redactado este cogerá las primeras 55 palabras (por defecto) del artículo, eliminando tags HTML como <img />, <strong />,... haciendo que el contenido tenga un aspecto de "extracto" del original. Generalmente este contenido está seguido de unos puntos suspensivos indicando que el artículo no está completo ([...]). Lo que hace que el usuario tenga que acceder a leer el artículo directamente para ver el contenido completo. Por otro lado, the_content() nos muestra el contenido completo y nos permite cortarlo donde queramos mediante el uso de 2 tags:
  • <!--more-->: Añade un texto de "Leer Más" (que puedes cambiar) al final de la página principal y que te lleva al artículo completo.
  • <!--nextpage-->: Te permite generar una paginación y cada tag generará una página nueva.

anieto2k_excerpt (Ver Imagen) Muchos themes traen the_excerpt() por defecto, ya que la teoría dice (y la práctica lo demuestra) que al mostrar parte del contenido, el usuario genera un mayor número de páginas vistas (una de la página principal y una por cada noticia que quiere ver completa) pero en muchos casos quieres mostrar imágenes o simplemente no quieres que el usuario tenga que acceder a ver un post completo para leer toda la noticia, en estos casos tenemos varias soluciones.

1) Reemplazar the_excerpt() por the_content()

La primera solución sería la de buscar en el theme que estamos usando la palabra the_excerpt() y reemplazarla por the_content() haciendo que siempre se muestre el contenido.

2) Añadir filtro a the_excerpt()

Otra solución más sencilla y fácil de deshacer sería la de añadir un pequeño (muy pequeño) filtro a la llamada the_excerpt() para hacer que nos devuelva el contenido completo. 
function excerpt2content(){
 return get_the_content();
}
// Añadimos excerpt2content al filtro
add_filter('get_the_excerpt', 'excerpt2content');
Este código, puede ir alojado en el fichero functions.php del theme y si queremos volver al estado inicial, simplemente tendremos que eliminar estas 4 líneas para volver a la normalidad :D

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/11/04/excerpt2content-muestra-todo-el-contenido-a-tus-usuarios/feed/ 11 http://www.anieto2k.com/2009/11/04/excerpt2content-muestra-todo-el-contenido-a-tus-usuarios/ El consumo de memoria de Firefox 3.6 Beta 1 http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/I1YZHxsF9Cs/ http://www.anieto2k.com/2009/11/04/el-consumo-de-memoria-de-firefox-3-6-beta-1/#comments Wed, 04 Nov 2009 09:00:27 +0000 aNieto2k http://www.anieto2k.com/?p=9210 lifehacker hacen una comparativa de los diferentes navegadores web sobre Windows 7 y aunque los resultados no sorprenden a nadie (Google Chrome 4.0 vence sobre Firefox 3.6 beta 1 e Internet Explorer 8.0 termina la lista por detrás de Opera 10.01) nos deja una fantástica gráfica que alegrará a más de uno.

memory_use (Ver Imagen) Se trata del consumo de memoria de los navegadores consumida en el arranque y trás la carga completa de 9 pestañas. Como podemos ver Firefox 3.6 beta 1 se alza campeón de esta prueba sorprendiendonos con un consumo inferior al de la versión estable actual (3.5.4). Una gran noticia para los que usamos Firefox y conocemos los problemas de consumo de memoria con los que lidiamos día a día.

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/11/04/el-consumo-de-memoria-de-firefox-3-6-beta-1/feed/ 14 http://www.anieto2k.com/2009/11/04/el-consumo-de-memoria-de-firefox-3-6-beta-1/ Opera Mobile 10 beta para desarrolladores http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/5Aen2ls2Ix4/ http://www.anieto2k.com/2009/11/03/opera-mobile-10-beta-para-desarrolladores/#comments Tue, 03 Nov 2009 08:06:43 +0000 aNieto2k http://www.anieto2k.com/?p=9204 Opera Mobile está evolucionando y es que no solo su hermano mayor lo iba a hacer. La versión móvil, por fin se pasa a Presto 2.4 para renderizar las páginas web y no lo hace solo ya que además incorpora una gran cantidad de mejoras y nuevas funcionalidades para la Internet de hoy.

Opera_Mobile_10_beta (Ver Imagen) Como podemos ver el cambio a nivel de interfaz de usuario es destacable y el nuevo aspecto ofrece la capacidad de interactuar mediante el dedo con todas las opciones del navegador. Además esta versión dispondrá de Speed Dial portado a la versión móvil. Al igual que su hermano mayor, esta versión dispone de Opera Turbo, lo que nos permitirá comprimir las páginas hasta un 70% en caso de disponer de una conexión lenta.

Datos para desarrolladores

Los desarrolladores web, tenemos que tener presente algunas formas de detectar el navegador para condicionar las funcionalidades y/o apariencia.

Agente de usuario

El agente de usuario que arroja esta versión nos permitirá reconocer la versión móvil desde nuestro Javascript. 
Opera/9.80 (S60; SymbOS; Opera Mobi/275; U; en-GB) Presto/2.4.13 Version/10.00

Desarrollando para el móvil

Al igual que la versión móvil de Webkit disponemos de una serie de tags HTML y expresiones CSS para condicionar el aspecto para dispositivos móviles.

Meta tag viewport

Tenemos un tag HTML que nos permite especificar el tamaño de la página. 
<meta name="viewport" content="width=device-width" />

Media Query

Gracias a la implementación de CSS3 nos es posible condicionar parte del CSS a unos dispositivos u otros, dependiendo del tamaño de la pantalla o del tipo de la misma. 
@media screen and (max-width: 480px) {
  background-color: red;
  font-size: 1.5em;
}

Dragonfly

Esta nueva versión nos sorprende con una versión beta de Dragonfly para esta dispositivos móviles. No ofrece las mismas posibilidades que la versión de escritorio, pero nos permitirá seleccionar elementos y debugear nuestras aplicaciones desde el dispositivo móvil.

dragonfly-highlight2 (Ver Imagen)

Nuevos estándares

Entre los nuevos estándares disponibles, que son prácticamente los mismos que la versión de escritorio, cabe destacar la capacidad word-wrap que nos permitirá que el texto se ajuste a la pantalla automáticamente.

word-wrap_demo_mobile (Ver Imagen) 

div p.wrap { word-wrap: break-word; }
Opera siempre ha estado a la última y esta vez no va a ser diferente, con esta versión los dispositivos móviles podrán disfrutar de Internet rica y rápida en su propia mano.

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/11/03/opera-mobile-10-beta-para-desarrolladores/feed/ 2 http://www.anieto2k.com/2009/11/03/opera-mobile-10-beta-para-desarrolladores/ Ordenar artículos por orden de comentarios más recientes http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/hC82v1NC1q0/ http://www.anieto2k.com/2009/11/02/ordenar-articulos-por-orden-de-comentarios-mas-recientes/#comments Mon, 02 Nov 2009 17:29:45 +0000 aNieto2k http://www.anieto2k.com/?p=9201 Stackoverflow descubro un sistema sencillo para ordenar nuestros posts por orden de comentarios más recientes. Esto nos permitirá mostrar los últimos artículos en los que hay actividad. 
<?php

$query = 'select wp_posts.*, max(comment_date) as comment_date
 from $wpdb->posts wp_posts
 right join $wpdb->comments
 on id = comment_post_id
 group by ID
 order by comment_date desc
 limit 10';

$results = $wpdb->get_results($query) or die('!');
foreach ($results as $result):

?>
[Aquí el template del post]
<?php endforeach ?>
Una interesante forma de mostrar de una forma dinámica por parte de la interacción de los usuarios los posts que han sido comentados recientemente.

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/11/02/ordenar-articulos-por-orden-de-comentarios-mas-recientes/feed/ 1 http://www.anieto2k.com/2009/11/02/ordenar-articulos-por-orden-de-comentarios-mas-recientes/ JSGB, emulador de Gameboy completamente en Javascript http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/9bnmcswCG4c/ http://www.anieto2k.com/2009/11/02/jsgb-emulador-de-gameboy-completamente-en-javascript/#comments Mon, 02 Nov 2009 11:50:29 +0000 aNieto2k http://www.anieto2k.com/?p=9190 JSGB es un emulador de Gameboy desarrollado completamente en Javascript que se encarga de cargar los ficheros .gb que usamos en los emuladores de escritorio, lo que nos asegura una gran cantidad de roms disponibles. Aunque la fluidez no es su fuerte,se trata de una muestra del potencial de este lenguaje que muchos aún ven como un simple "validador de formularios".

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/11/02/jsgb-emulador-de-gameboy-completamente-en-javascript/feed/ 3 http://www.anieto2k.com/2009/11/02/jsgb-emulador-de-gameboy-completamente-en-javascript/ FireQuery, jQuery con Firebug con cualquier página http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/_Ne5Z-deecs/ http://www.anieto2k.com/2009/10/31/firequery-jquery-con-firebug-con-cualquier-pagina/#comments Sat, 31 Oct 2009 17:59:55 +0000 aNieto2k http://www.anieto2k.com/?p=9193 Jose Dueñas publica en Twitter una interesante aplicación que nos permite disponer de jQuery en cualquier página con Firebug.

jQueryfy (Ver Imagen) De esta forma tienes a tu disposición todas las facilidades que jQuery en cualquier página que este editando. Ideal para depurar las aplicaciones que no podemos editar directamente.

Versión sin plugin

Básicamente podemos conseguir lo mismo sin necesidad de usar ningún plugin ejecutando un pequeño script desde Firebug. 
var s = document.createElement("script");
s.type = "text/javascript";
s.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js";
document.getElementsByTagName("head")[0].appendChild(s);
De esta forma, usaremos Google Ajax Libraries para cargar jQuery desde los servidores de Google.

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/10/31/firequery-jquery-con-firebug-con-cualquier-pagina/feed/ 3 http://www.anieto2k.com/2009/10/31/firequery-jquery-con-firebug-con-cualquier-pagina/ Firefox 3.6 beta 1 disponible para descargar http://feedproxy.google.com/~r/anieto2k/Xzqf/~3/vAy5wJ6vb7o/ http://www.anieto2k.com/2009/10/31/firefox-3-6-beta-1-disponible-para-descargar/#comments Sat, 31 Oct 2009 17:58:09 +0000 aNieto2k http://www.anieto2k.com/?p=9196 Firefox 3.6 Beta 1 ha visto la luz, lo desarrolladores tenemos que frotarnos las manos ante de las novedades que esta nueva versión nos ofrece. Algunas de las que me han parecido más interesantes: Y esto es solo para ir calentando ya que esta versión tiene alguna mejora y nueva funcionalidad realmente interesante que aunque no esté en esta beta, está previsto que esta versión estable las incorpore: Tenemos que ser pacientes y no perdernos nada. :D

Artículos relacionados

aNieto2k

]]> http://www.anieto2k.com/2009/10/31/firefox-3-6-beta-1-disponible-para-descargar/feed/ 1 http://www.anieto2k.com/2009/10/31/firefox-3-6-beta-1-disponible-para-descargar/