Al fin han implementado en la última versión del Mozilla Firefox el soporte para degradados de color en CSS3. Hasta el momento solo los navegadores derivados de las ultimas versiones del WebKit lo implementaban.

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

Llevaba bastantes días sin programar nada, y sin tocar el diseño de la web. Para desoxidarme un poco y no perder el ritmo, he realizado algunos cambios en el blog. No son muy significativos, el que no entre habitualmente casi no los notará.

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

Como sabéis, tengo una cuenta abierta en Tumblr, que no utilizo demasiado. Es más una replica de mis actualizaciones en Twitter y Flickr que otra cosa.

He pensando que se le puede sacar mucho más provecho. Al fin y al cabo es una red social de blogs y eso siempre tiene bastante potencial.

De momento, he decidido que a parte de importar mis actualizaciones de Twitter y Flickr, voy a subir las fotografías que tengo que sin ser malas, no me convencen tanto como para subirlas a la galería. Es una forma de darle utilidad a Tumblr y ciertamente de darle salida a muchas fotografías que de otro modo no publicaría. Digamos que sera mas experimental y libre que lo que hago en Flickr. Una forma de expandir un poco más mi locura personal :P.

También he comenzado a tocar un poco el código del tema que tengo puesto en Tumblr. Si habéis entrado en otras ocasiones notareis algún pequeño cambio. Pienso personalizarlo más, pero esto me lo tomare con tranquilidad, no hay prisa.

Y de momento nada mas, feliz año nuevo para todos :).

He continuado mi pequeña aventura por el mundo del CSS3. Como siempre, mi blog es mi conejillo de indias, el pobre sufre todas las pruebas que se me pasan por la cabeza.

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.

Lo primero que he corregido es un pequeño fallo que había en la pequeña barra de imágenes que hay en la parte superior del blog. Antes, al cargar las imágenes, aparecía primero el texto alternativo lo cual no era demasiado estético. Esto era debido a un pequeño error de código bastante tonto. Actualmente si dejas el ratón sobre la imagen te aparece el título que tiene en Flickr, que era la idea inicial. Esta corrección es para todos los navegadores.

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

Anoche me entretuve programando el soporte para la visualización de los avatares en los comentarios. Así que a partir de ahora, si estáis dados de alta en Gravatar, aparecerá la imagen que tengáis asociada a vuestro correo cada vez que dejéis un comentario.

Lo he verificado en los siguientes navegadores:

En todos funciona correctamente y sin problema. No hay descuadres apreciables. Si lo probáis en algún navegador más y veis que tiene algún error, agradeceré que me lo indiquéis en los comentarios.

Repasando un poco el diseño de 13hPixel, he caído en la cuenta que el apartado “archivo” de la barra lateral ocupaba ya demasiado.

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

Como ya he dicho en alguna ocasión, siempre que puedo intento ampliar un poco mis conocimientos. La mayoría de las veces es por mera curiosidad, como es el caso que nos ocupa.

Ya que últimamente le he dado un uso bastante regular a Twitter, he decidido documentarme un poco sobre la API del mismo. Mi idea es integrar el blog con mis publicaciones en Twitter. Muchos me diréis que para algo así ya existen miles de extensiones para WordPress, y que me pueden hacer la vida un poco mas fácil. Pero mi idea es aprender, y sinceramente utilizar extensiones ya programadas por otros no me es de ninguna utilidad. Como mínimo, quiero entender su funcionamiento y luego ya decidir si me interesa programarlo yo desde cero.

Me he documentado un poco por la red y sobre todo en la página oficial de la API. Esta ultima esta muy bien organizada y da detalles muy exactos de todo lo que necesitamos para interactuar con Twitter. Todo se realiza por accesos mediante URL, ya sea mediante métodos GET o POST. Se pueden obtener los datos muy bien organizados en diversos formatos, como es el XML. Muy practico para trabajar con el bajo PHP, por ejemplo.

Tiene limitaciones como el número de accesos por hora, limitado a 150. Es comprensible ya que de por si Twitter se sobrecarga bastantes veces, se ha vuelto muy popular y eso se traduce en mas usuarios interactuando al mismo tiempo con la web. También tenemos límites a la hora de obtener nuestra linea de tiempo, o dicho de otra forma, nuestras micro-publicaciones. Podemos solicitar un máximo de 200 de una vez, las ultimas para ser exactos. Y como mucho podemos acceder a la entrada 3200 mas antigua. Aunque Twitter nos asegura que todas nuestras entradas se quedan en la base de datos, no podemos acceder a todas a través de la API. Es un límite meramente artificial para evitar sobrecargas y según la documentación algo temporal.

También he visto un poco por encima la existencia de una Streaming API de acceso. El problema es que de momento están en versión Alpha y da muchos problemas. Pero sería interesante también documentarse un poco sobre ella. Por ahora lo dejaré estar.

En los próximos días, voy a intentar realizar algunas pruebas prácticas con esto. Si me sale algo que me guste, quizás lo integre en el blog. Pero no lo aseguro de momento.

Llevo un tiempo planteándome que hacer con mi tiempo libre. Tengo muchas ideas en mente, muchos campos que me gustaría investigar. Sobre todo aprender cosas nuevas que puedan ser beneficiosas para mi propio futuro laboral.

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.

Resulta que el día 10 de este mes fue el aniversario de 13hPixel. Tengo la cabeza perdida del todo y se me paso por completo.

Un año de funcionamiento, parece casi imposible. La triste es que no he actualizado la página tanto como quería. Poco tiempo, flojera, y un largo etcétera más o menos importante que lo han impedido. Pero pese a todo, aquí estamos, nunca he llegado a abandonarla del todo.

Espero que este segundo año de funcionamiento sea mejor que el primero y pueda ofreceros muchas de las ideas que tengo pensadas. Entre otras cosas quiero volver a la programación relacionada con el ámbito de los videojuegos, y poder ofrecer en el blog mis progresos y proyectos que vaya terminando a todos mis lectores. El resto de ideas ya las contaré cuando llegue el momento.

Respecto a la programación de la propia página, la fase uno de parcheo se puede considerar finalizada con éxito. Posiblemente realice algún cambio mas, pero ya de menor importancia. La fase dos sera algo mas lenta y la realizaré a ratos, sin prisas. No es una prioridad ahora mismo.

Por si alguien no conoce la historia de 13hpixel, el por que de su nombre, puede leerse la primera entrada del blog que es donde lo explico.

Por lo demás, muchas gracias a todos los que me han seguido hasta ahora y que espero que sigan ahí, aguantándome :).