Lo cierto es que me apetecía juguetear un poco más con el código de la web. Mi objetivo esta vez era agregar los típicos botones encargados de compartir las entradas en las redes sociales. Algo bastante simple de llevar a cabo y que sin embargo, no me había molestado en programar hasta ahora.

Al documentarme sobre el tema, observé la existencia de cientos de extensiones para WordPress que hacían el trabajo de forma automática. Si las utilizaba, me ahorraba toda la programación y el tiempo empleado. Pero claro, la finalidad de mi blog, entre otras cosas, es el aprendizaje. Mi idea desde el principio era desoxidarme un poco programando algo sencillo. Y esa fue mi decisión final.

¿Por que he agregado solo los botones de Twitter y Facebook? La respuesta es bien simple, son las dos redes con las que más contacto tengo y para empezar, como experimento, es suficiente. Puede que en un futuro añada alguna más, pero de momento no lo veo necesario.

Aunque parezca increíble, para añadir dos miserables botones, he tenido que parchear el código para evitar un descuadre en el Internet Explorer 8. Y lo peor de todo es que seguramente al final tendré que re-parchearlo para el resto de versiones del navegador de Microsoft. Oficialmente ya no voy a dar soporte a la versión 6 e inferiores del mismo. Es hora de modernizarse.

Como siempre, comentadme todos los errores que encontréis. No he tenido tiempo de verificar la web en todos los navegadores existentes, así que es más que probable que tenga algún que otro fallo.

Vamos a ver que capítulos se habéis perdido :).

Me voy a central en todo lo que tenga que ver con este blog y resto de redes complementarias. Voy a hacer memoria e intentaré recordar los cambios que he realizado en cada página. A ver si no se me escapa nada y nos ponemos al día. De camino y donde proceda, voy a comentar que tengo en mente para el futuro.

13hPixel

Mi blog, ese que siempre tengo tan sumamente abandonado. Vamos, lo que viene a ser está página. ¿Que ha cambiado desde la última vez? Pues… lo cierto es que nada de nada. De lo único que me he ocupado últimamente es de mantener actualizada la plataforma WordPress sobre la que se sustenta. Actualmente se encuentra en la versión 3.0.4 y por lo que parece es estable. Por lo demás, no he tocado ni una sola linea de código. Por suerte parece que todo funciona correctamente y no necesita de más parcheos para ser funcional.

¿Y el futuro del blog a corto plazo? El más inmediato es actualizarlo de forma regular. Escribir sobre todo aquello que me interese o me apetezca. Utilizarlo para exponer mis fotografías. En definitiva, darle uso.

¿Y a largo plazo? Lo he meditado bastante y he llegado a una sola conclusión. Voy a rehacer por completo el diseño de la página. Totalmente desde cero, con WordPress como base por supuesto. Esta vez no voy a partir de un tema ya diseñado, ni siquiera de referencia como en el actual. Me servirá de aprendizaje. Ademas, después de casi 3 años de funcionamiento es hora de actualizarse. Siempre le tendre un cariño especial a este diseño, pero no es precisamente una maravilla y el código es ligeramente chapucero. Eso si, funciona sin problemas y eso es casi un milagro. O tengo mucha suerte o soy un maestro del parcheo. Y no quiero sentirme orgulloso por ninguna de las dos opciones. Lo mejor es volver a empezar.

Tumblr

Aquí si que he realizado algunos cambios en los últimos meses. Lo primero de todo es que he eliminado todo lo que se publicaba desde mi cuenta de Twitter. Era absurdo duplicar mis chorradas de esa manera. Por lo tanto he desvinculado ambas cuentas y he realizado una limpieza a fondo en Tumblr. Ahora tiene mejor aspecto, la información es menos caótica y se respira algo más de sentido.

Lo segundo es que he cambiado la dirección de acceso web y el nombre de la misma. A partir de ahora se accede desde tumblr.13hpixel.com. Lo he vinculado directamente a mi dominio. No es que sea un cambio importante, pero es bueno informar de ello.

¿Que voy a hacer con esta web? De momento voy a centrarla en mis fotografías y diseños, aunque esto último de momento lo tengo aparcado. Será básicamente un foto-blog. ¿Cual es la diferencia con mi galería en flickr? Pues que en Tumblr voy a publicar todo tipo de fotografías, sin preocuparme tanto de la calidad de las mismas. Será un nivel más modesto, más amateur.

Twitter

Los que me tengáis agregados en Twitter ya sabéis para que lo utilizo. Básicamente para decir chorradas y quejarme de sucesos insustanciales. Resumiendo, para reírme de mi mismo y tomarme con humor lo que me pasa en el día a día. Es realmente un pequeño diario en tiempo real de mi vida. Eso si, no os va a servir para el marujeo, rara vez digo algo concreto o doy datos de un suceso reconocible. Suelo ser algo difuso. Tampoco se creáis que siempre lo pongo todo en clave de humor, tengo mis momentos y a veces necesito ponerme serio. Pero son pocas veces, nada preocupante.

El futuro de esta cuenta será exactamente el mismo, no va a cambiar. Siempre que no le de a Twitter por borrarme otra vez más de 1000 entradas, como hizo hace un mes aproximadamente. Por suerte ya están recuperadas del todo. Eso si, la empresa tardo bastante corregir el error. A veces uno se olvida de lo volátil que puede llegar a ser la información hoy en día. Es bueno que te lo recuerden de vez en cuando.

Otras cosillas

¿Que más me queda por comentar? No demasiado, realmente no he realizado tantas cosas a nivel de web relacionadas con la “Red 13hPixel” por desgracia. He estado algo ocupado en otros menesteres. Lo único que me queda es informar de que mi servidor/dominio ya están pagados por este año. Por suerte no es algo que me salga excesivamente caro, es asumible.

Espero dedicar más tiempo a toda esta nube de bits que he montado alrededor de mi blog. Necesito crear objetivos que alcanzar este año. Me gusta tener la mente ocupada :).

Una de las grandes mejoras incluida era la integración con WordPress MU, que permite la creación de múltiples blogs a partir de una sola instalación. Ademas se ha remodelado la interfaz de administración.

En el vídeo anterior se explican todas estas mejoras y muchas mas que han incluido en esta versión. También podéis ir a la página oficial e informaros detalladamente de ello. En 13hPixel lleva un par de días instalado y de momento es totalmente estable.

Solo lo utilizo en los comentarios, en la barra de la derecha. No es algo imprescindible, mas bien meramente decorativo. Si veis algún fallo, comentadmelo como siempre :).

Estas “mejoras” solo las van a ver aquellas personas que usen un navegador compatible con CSS3. Con las ultimas versiones de Google Chrome y Mozilla Firefox se ve exactamente como pretendía. He verificado que la versión 9 del Opera no tiene soporte completo del nuevo estándar, pero tampoco queda mal. No se que tal se vera en las últimas versiones. Internet Explorer como siempre queda descartado, la página funciona y se ve correctamente, pero apenas notaremos cambios respecto a la versión anterior del blog.

Como siempre recomiendo Google Chrome en su última versión. Al estar basado en WebKit, soporta correctamente todas las funciones de CSS3 que utilizo.

Si veis algún fallo, agradeceré que me lo indiquéis en los comentarios :).

Este vídeo no es que sea la gran creación. Es mas, es una pequeña tontería que me dio por hacer anoche en mis ratos de aburrimiento. Las texturas pertenecen a un proyecto que se quedo en nada de hace unos años. Todo es creación mía.

De camino quería probar el funcionamiento de YouTube HD. La verdad es que no está nada mal, funciona mas que correctamente y se ve bastante bien. Me esperaba algo mucho peor.

Espero ir recuperando un poco la práctica de nuevo en este campo. Es algo que me gusta y necesito mejorar.

Anoche tocaba jugar un poco con la barra lateral del blog, la cual hacía ya bastante tiempo que no la tocaba. Los principales cambios se los ha llevado la zona de “Últimos Comentarios“. Como ya ocurrió la ultima vez que programé en CSS3, los cambios se verán de una forma u otra según el navegador. Esto es realmente bastante molesto, pero de momento no hay otra forma. Voy a detallar los diferentes cambios por cada uno de los 3 navegadores que he comprobado.

Internet Explorer 6

Los cambios para este navegador son casi inexistentes. Como ya dije en mi anterior entrada, voy a darle un soporte mínimo en mis próximas modificaciones del diseño. Tal vez más adelante me parta la cabeza buscando formas de adaptar los cambios al navegador de Microsoft, pero de momento no voy a hacerlo. El único cambio que notareis es en la parte de los comentarios, pero es bastante sutil.

El problema es que todo esto no afecta solo a la versión 6 del navegador. También la 7 y la 8 se ven afectadas. Hasta que salga la 9, el soporte de CSS3 es inexistente. a ver si Microsoft se pone las pilas de una vez.

Mozilla Firefox 3.5.5

Los cambios realizados se visualizan casi en su totalidad en esta versión del navegador. La única diferencia radica en la zona de los comentarios. El problema radica en que Firefox no soporta aun la función “gradient“, la cual la utilizo de background cuando pasamos el ratón por encima de cada comentario. De momento solo los navegadores que utilizan “WebKit” para el renderizado, lo soportan. En el caso que nos ocupa, solo se oscurecerá un poco el fondo, con un color plano. Esto se va a quedar así hasta la salida de la versión 3.6, la cual supuestamente incluirá está funcionalidad.

Google Chrome 4

En este navegador se pueden ver todos los cambios tal y como los concebí en un principio. Al estar basado en WebKit, tienen un soporte más avanzado de CSS3 que los anteriores. Solo hay un fallo que afecta a las lineas demasiado largas cuando pasas el ratón por encima. Se parten de forma no demasiado elegante. Eso si, la zona de comentarios, que es la que mas cambios tiene, funciona a la perfección.

Supuestamente cualquier navegador que utilice WebKit para renderizar, debería de visualizar mi blog de forma idéntica a Google Chrome.

Como siempre, si veis algún error, indicádmelo en los comentarios de esta entrada.

También tenía curiosidad por probar el nuevo estándar CSS3 en mi blog. Actualmente no está soportado completamente por todos los navegadores, pero pienso que vale la pena experimentar un poco con el.

He añadido un pequeño efecto visual en la barra de imágenes superior. Ahora al pasar el ratón sobre cada imagen, se resaltan de forma individual. Creo que el efecto conseguido es bastante elegante. También he agregado un marco difuminado a las imágenes que se publican en las entradas del blog. Al pasar el ratón sobre ellas, el marco se hace un poco mas oscuro. No quería que fuera un marco muy llamativo, mas bien pretendía que fuera bastante sutil y pienso que lo he conseguido.

El problema del CSS3 es el soporte bastante limitado que tiene actualmente en los navegadores existentes. En Google Chrome 4 es en el que mejor funciona los pequeños efectos que he implementado. No se observan errores aparentes. Sin embargo en el Mozilla Firefox 3.5.5 hay un pequeño bug en la implementación de la propiedad “border-radius“, que no realiza el recorte adecuado en la imagen al redondear los bordes. Como no es un fallo demasiado apreciable y el efecto sigue quedando bien, lo he dejado activado para este navegador también. En el navegador Opera no lo he verificado aun, al igual que en otros navegadores como el Konqueros o el Safari. Si usáis habitualmente alguno de ellos y veis algún error, decírmelo en los comentarios de esta entrada.

Como podéis imaginar, CSS3 no esta para nada implementado en las versiones actuales de Internet Explorer. Así que he decidido que a partir de ahora, estos pequeños añadidos meramente estéticos, no los voy a soportar en este navegador. El blog seguirá funcionando en el, pero tal y como se veía hasta ahora. No se verán cambios apreciables. Al menos hasta la llegada de la versión 9 del Internet Explorer, en la cual se planea soportar parte del estándar CSS3.

Y de momento nada mas, espero que os gusten los cambios y que no haya demasiados errores :).

He decidido cambiarlo por un desplegable, que lo hace visualmente un poco mas atractivo y funcional.

Lo primero de todo, es mantener este blog mas actualizado. En parte es solo un blog personal mas, de los miles que existen en la red, pero también es cierto que es mi plataforma de experimentación. Aquí realizo mi aprendizaje y mejoro mis conocimientos en el ámbito de la programación Web. Es importante que le dedique más tiempo.

También quiero mejorar mis conocimientos de programación en Flash. Es mas, mi idea es diseñar pequeños juegos en la plataforma de Adobe y colgarlos en el blog. Es una forma de que mis lectores también participen en mi propio aprendizaje y hacerlo todo un poco mas interactivo.

Otra de mis ideas es volver al diseño 3D. Es algo que me gustaba y me producía cierto grado de satisfacción. Además de mejorar bastante mi capacidad para fijarme en los detalles. A veces pienso que nunca debí abandonarlo del todo.

De momento voy a centrarme en el blog y el aprendizaje de Adobe Flash. No se puede hacer todo a la vez por desgracia, así que voy a ir por etapas.

Por supuesto, seguiré con mi afición a la fotografía, y voy a tratar de compatibilizarlo con el resto de ocupaciones.