Archivo de Marzo de 2008

Actualizando a Wordpress 2.5

Domingo, 30 de Marzo de 2008

Acabo de actualizar ahora mismo a la tan esperada versión 2.5 de Wordpress. De momento no me ha dado ningún problema y los plugins me los ha cogido perfectamente.

Para actualizar debes seguir los siguientes pasos:

  • Hacer una copia de la base de datos.
  • Hacer una copia de la carpeta donde tienes instalado el wordpress en tu servidor.
  • Desactiva todos los plugins que tengas instalados.
  • Borra todos los archivos de tu actual wordpress menos wp-config.php y las carpetas wp-content, wp-includes/languages/ y wp-images (o la carpeta que tu has especificado para las imágenes). Si tienes el .htaccess o el robots.txt en la carpeta del wordpress tampoco los debes borrar.
  • Descarga wordpress 2.5. de su web y sube los archivos al servidor.
  • Una vez subidos entra en www.tublog.com/wp-admin y sigue los pasos.
  • !Conseguido¡ Ya puedes entrar en el dashboard , activar los plugins y disfrutar de todas las mejoras de wordpress 2.5

Si quieres traducirlo al castellano te puedes bajar el archivo de idiomas desde aqui. Solo tienes que subir el archivo a la carpeta wp-includes/languages.

En unos días, si el tiempo me lo permite espero publicar una entrada sobre los cambios de esta nueva versión.

Aplicando CSS exclusivo para IE y probándolo con IETester

Jueves, 27 de Marzo de 2008

Como sabemos IE no es de lo mejorcito a la hora de traducir las hojas de estilo, por lo que a veces nos vemos obligados a realizar pequeñas chapuzas para que nuestra pagina se vea correctamente en el Explorer. Para ello utilizamos los comentarios condicionales para IE

Estos comentarios son solo para Internet Explorer, no sirven para ningún otro navegador. Todo lo que encierren dentro se ejecutará unicamente en IE. Hay diferentes opciones:

Para todas las versiones de IE

<!–[if IE]>> Código CSS <![endif]–>

El código anterior afecta a todas las versiones de Internet Explorer, en cambio con el siguiente podemos especificar la version (5.01, 5.5, 6.0…)

<!–[if lte IE 6]> Código CSS<![endif]–>

En los anteriores ejemplos el código CSS va entre los comentarios, pero es recomendable para una mayor organizacioón llamar a una hoja de estilos externo que solo contendría el codigo CSS necesario para cargar correctamente la web en el Explorer tambien podemos llamar a una hoja de estilos externa. Para ello sustituiriamos “Código CSS” por &lt;link rel="stylesheet" type="text/css" href="URL_del_archivo.css" /&gt;.

Aqui un resumen de todas las posibilidades que tenemos con los condicionales, donde la palabra versión debe ser sustituida por el número de versión de IE sobre el que quieres trabajar:

    IE (Cualquier versión de IE)
    lt IE version (Versiones inferiores a la versión especificada)
    lte IE version(Versiones inferiores o iguales que la versión especificada )
    IE version (Solo la versión especificada)
    gte IE version (Versiones superiores o igual que la versión especificada)
    gt IE version (Versión superiores a la versión especificada)

Los comentarios condicionales no funcionan en la versión de IE para Mac y si tienes instaladas varias versiones de Internet Explorer en tu equipo, no funcionarán ya que la versión que se toma es la que esta registrada en el sistema. Para solucionar este problema podemos descargarnos IETester en versión alpha, un navegador que nos permite trabajar sobre los motores de las versiones 8 beta 1, 7, 6 y 5.5 de IE en una sola aplicación.

ietester

Al estar en versión alpha puedes encontrarte con algunos errores, los conocidos son:

    Cuando redimensionas la ventana el contenido puede desaparecer.
    El focus y los botones de Atrás y Siguiente no funcionan correctamente.

Si quieres ayudar a acabar con este problema no te pierdas esta entrada sobre la iniciativa Save the Developers en el blog de keko.

Usando Google AJAX Feed API

Jueves, 27 de Marzo de 2008

Con la API Google AJAX Feed, podemos descargar cualquier feed público en RSS o Atom usando solo Javascript. Antes de empezar necesitas generar la key para usar la API, para ello solo tienes que facilitar la URL del site donde la vas a utilizar. Google AJAX Feed API

Una vez que tenemos la key ya podemos empezar a usar la API. Tienes muchas opciones para usarla, las puedes ver todas en la documentación, pero yo me centraré en lo que ellos llaman The FeedControl. Mas adelante en otro post hablaré sobre Discovering Feeds.

The FeedControl funciona usando la clase google.feeds.FeedControl de Google, puedes mandarle una lista de feeds y te devolverá sus últimas entradas. Vamos a ver el código que necesitamos:

El código que se muestra a continuación debe de ir dentro del <HEAD>

&lt;script  type="text/javascript" src="http://www.google.com/jsapi?key="AQUI-DEBES-DE-PONER-TU-KEY"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;

google.load("feeds", "1");

function initialize() {

var feedControl = new google.feeds.FeedControl();

feedControl.addFeed("http://www.vier0n.com/blog/feed/", "vier0n blog");

feedControl.addFeed("http://www.kekoponte.com/?feed=rss2", "Khaducsti");

feedControl.draw(document.getElementById("feedControl"));

}

google.setOnLoadCallback(initialize);

&lt;/script&gt;

Donde dice AQUI-DEBES-DE-PONER-TU-KEY , como es obvío debes de poner la key que acabas de generar.

Para indicarle los feeds que quieres descargar a la API, debes de modificar la siguiente linea.

feedControl.addFeed(”http://www.vier0n.com/blog/feed/”, “vier0n blog”);

Las primeras comillas encierran la URL del feed y las segundas el título que quieres que se muestre para dicho feed. En el código anterior aparece dos veces esta línea pero la puedes duplicar tantas veces como quieras para múltiples feeds.

El código que se muestra a continuación debe de ir dentro del <BODY>

<div id=”feedControl”>Cargando feeds…</div>

El código que genera esta API es totalmente personalizable con CSS. Puedes verla funcionando en vier0n Shares, en la columna central de la web.

BlogRoll
Enlace: Google AJAX Feed API

WebAppers, una piscina de recursos OpenSource para desarrolladores web

Miércoles, 26 de Marzo de 2008

WebAppers


WebAppers
es una web que nacio con la idea de ahorrarnos el trabajo a la hora de desarrollar nuestro proyecto web. Día a día actualizan con recursos de codigo abierto que circulan por la web listos para ser usados por cualquier desarollador web que los necesite. Estan divididos en componentes, diseño, extras y licencias. Puedes encontrar desde calendarios, formularios, galerias y sistemas de votación hasta iconos, botones, motivos

 

apps

 

Vía: woork
Enlace: WebAppers

ABRviewer, previsualizando los pinceles de Photoshop

Miércoles, 26 de Marzo de 2008

ABRviewer

De link en link me encuentro ABRviever, una aplicación Opensource que te permite ver los pinceles de Photoshop sin tener que abrirlo y cargarlos. Puedes ajustar el tamaño del thumbnail y ver un preview del tamaño actual del pincel. Corre bajo .NET Framework.

Diigo llega a su versión 3.0

Miércoles, 26 de Marzo de 2008

Hace unas semanas salió la versión 3.0 en Beta de esta aplicación web. Incorpora nuevos cambios y funcionalidades, pero lo que mas me ha gustado ha sido la nueva Diigo Toolbar:

diigotoolbar

Incorpora un nuevo botón que despliega una ventana con tres pestañas en el lateral izquierdo del navegador , en la que puedes visualizar tus bookmarks y buscarlos por tags, ver la gente que tiene en sus bookmarks la pagina que estás visitando y las anotaciones que hay sobre ella, y buscar e invitar a amigos. Espero que a la ventana de amigos le metan algo mas de caña.

El botón de Diigo lo han convertido en un desplegable con bastantes opciones y accesos directos a tu dashboard, tus bookmarks, tus amigos…

diigotoolbarboton Diigo

El botón Bookmark para agregar la pagina que estas visitando a tu colección. Un click la agrega, otro click la editas (Titulo, URL, Descripción y tags). Ademas han incluido la posibilidad de postear la direción del bookmark directamente en tu cuenta de Twitter.

El resto no ha cambiado mucho: posibilidad de subrayar fragmentos de texto, escribir comentarios, enviar a tus amigos y un acceso a la bandeja de entrada de mensajes de Diigo.

Enlace: Diigo

Nuevas experiencias

Lunes, 17 de Marzo de 2008

Despues de llevar bastante tiempo planteando hacerme un blog, al final aqui estoy con un diseño minimalista y sencillo que poco a poco, espero se valla llenando de contenidos y miniaplicaciones 2.0 que tanto me gustan. Este blog nace con la idea de almacenar toda aquella información que me puede resultar interesante o útil con el objetivo de compartirla con todo aquel al que le pueda interesar, y de poco a poco ir construyendo mi propia base de datos con la informacion que manejo.

Los contenidos a tratar principalmente serán el diseño, la web, la programación web, las nuevas tecnologías y todo lo relacionado con esto. Haciendo un hueco tambien a todo lo que no tenga que ver con esto y que me pueda resultar interesante.

Sin mas palabrerío, os dejo.