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.

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 :).

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.

Estoy casi seguro que no hay errores en los diferentes navegadores existentes, pero siempre hay algo se me escapa. Espero que algún día todo el mundo siga el estándar existente… soñar es tan bonito :P.

Microsoft, seria taaaan feliz si eliminaras de una puñetera vez la existencia del Internet Explorer 6 de la faz de la tierra… snif, en fin, que le vamos a hacer. Toca aguantar.

Si se os ocurre algo, o veis hay algún detalle que veis que se puede mejorar, indicarlo en los comentarios de esta entrada, como siempre, claro :)

Un saludo para mis pocos, pero espero que habituales, lectores. Amor, paz y tal.

De camino he realizado algunos pequeños cambios en el diseño. No son gran cosa, pero creo que mejora ligeramente el aspecto visual del blog.

He verificado la página web en los siguientes navegadores:

Como siempre, si detectáis algún error, me lo indicáis en los comentarios de esta entrada. Gracias de ante mano.

El resto son pequeños ajustes de margenes que no coincidían en el Internet Explorer 6 con el resto de navegadores y algunos cambios de color que no me gustaban.

Por hoy lo dejo así de momento. Si veis algún error grave, avisadme :).

Va siendo hora de corregir estos errores y de paso añadir mejoras a la página.

Uno de los errores mas apreciables a simple vista, es una linea encima del texto que indica a que categorías esta asignada la entrada y si tenemos ya algún comentario en la misma.

De momento dejare el cartel de aviso que tenia antes, para indicar a los visitantes que hay problemas con el navegador de Microsoft. A ver si llega el día en que lo quite del todo.