Armonía | En definitiva...

Estás viendo las entradas catalogadas dentro de la categoría "Armonía".

Armonía en CSS Manía

Viendo hace un momento las estadísticas de acceso a este blog, me he dado cuenta que ha aparecido en CSS Mania, y a fecha de hoy, con una puntuación de 7.

La verdad es que me sorprende mucho haber aparecido ahí, ya que mis cualidades en lo que se refiere a diseño no son ni mucho menos del nivel de las páginas que suelen aparecer en CSS Mania. Pero bueno, sea como sea, lo agradezco enormemente.

También quisiera aprovechar la ocasión para comentar que estoy haciendo mis primeros pinitos con programas de edición gráfica, (concretamente Photoshop), y lo primero que estoy "creando" es un nuevo diseño para este blog. Estoy totalmente abierto a sugerencias, al fin y al cabo sois vosotros los que lo visitáis, y sois vosotros los que tenéis que estar a gusto.

Entrevista en Accesibilidad Web

  • Lunes, 14 de Noviembre de 2005 a las 19:57 CET
  • Guardado en: Armonía

Ayer por la noche Víctor, (MC), de Accesibilidad Web publicó una entrevista que me hizo unos días antes.

Desde aquí quiero darle las gracias a Víctor por la oportunidad, y también, por supuesto, por su amabilidad. Aquí os dejo la entrevista:

Nombre, ciudad, trabajo y/o estudios, blog, tiempo de blog, intereses.

Mi nombre es Juan G. Hurtado, vivo en Los Barrios, un pueblo de la provincia de Cádiz, muy cerca de Algeciras. A día de hoy tengo 23 años, y trabajo desde hace 2 años y medio para Agroinformacion S.L. realizando tareas de desarrollo Web.

Empecé en esto del desarrollo Web al mismo tiempo que comencé mi trabajo en Agroinformacion. Antes de eso no tenía ni idea de cómo se hacía una página, así que mucho menos sobre qué diablos era eso tan raro llamado CSS. Poco a poco me fuí poniendo las pilas, y a la par que aprendía a programar con ASP.NET, fuí enterandome sobre las peculiaridades del HTML, etc.

No fue hasta hace año y medio aproximadamente que conocí el tema de los estándares Web, XHTML, CSS y todo el mundillo que lo rodea. Todo empezó precisamente por el tema de los blogs, buscando artículos sobre desarrollo me topé con Mini-d, y devoré uno tras otro todos sus artículos, (estupendos por cierto), y me fui metiendo en el mundillo, descubriendo más blogs, etc. Hasta que llegó el día que creé el mío propio.

Desde el 12 de Diciembre de 2004 vengo escribiendo en mi blog personal Armonía, donde hablo principalmente sobre temas relacionados con la World Wide Web, aunque también me tomo la licencia de escribir sobre otros asuntos menos técnicos, por decirlo de algún modo.

Valora la experiencia personal y profesional de publicar en tu blog.

Magnífica. En todos los sentidos, tanto personal como profesional. He conocido a gente muy interesante, he aprendido todo lo que sé a raíz de esto, incluso he recibido varias ofertas de empleo gracias al blog. Desde luego no me puedo quejar, empezar con Armonía me ha abierto las puertas a muchas cosas buenas.

Si bien es cierto que a veces escribir se vuelve un poco difícil, encontrar los temas adecuados, desarrollarlos, etc. es una tarea dura, pero se hace lo que se puede. Mi ritmo de escritura no es muy alto precisamente por eso... Soy un poco flojo, jeje...

Destácanos un artículo que hayas escrito, actual o antiguo, de imprescindible lectura.

Muy difícil asunto, porque no creo haber escrito ningún artículo imprescindible. Pero por no hacerte el feo puedo comentarte, por ejemplo, la traducción al castellano de un documento introductorio a la tecnología Atom 1.0, (original: Atom Syndication Format - Introduction de AtomEnabled.org), o la serie de artículos que escribí sobre la semántica de los elementos de XHTML, (aquí está el primero, sobre los encabezados, (h1, h2, etc.) junto con el listado al resto de artículos sobre los demás elementos).

Recomiéndanos blogs y/o páginas sobre accesibilidad y/o usabilidad o relacionados que consideres indispensables.

¿Indispensables? Con respecto a la accesibilidad el tuyo es uno de ellos, por supuesto. También recomendaría visitar Usolab, o Alzado. También, cómo no, la fundación Sidar, y listas de correo como Ovillo o Acceso Web.

Blogs relacionados con el desarrollo Web puedo destacar muchos, por ejemplo el de Rodrigo Galíndez, 16bits. Otros que me gustan mucho son el de Stanmx, o el de Pablo Viojo.

Accesibilidad vs Diseño, ¿una lucha o una colaboración?

Idealmente una colaboración, por supuesto. Por desgracia en la actualidad la accesibilidad no está lo suficientemente extendida, y muchos de los ejemplos de "páginas accesibles" que ve el gran público, (los no desarrolladores), son páginas más bien feas. Es por esto que se tiene ese falso concepto de que la accesibilidad está en contra del diseño. Aparte del hecho de que muchos diseñadores no tienen ni idea sobre accesibilidad y ayudan a extender ese "rumor".

Yo desde luego apuesto por una Web accesible, y ni mucho menos falta de diseño. Todo lo contrario, un diseño atractivo, un diseño bueno, ha de ser por fuerza accesible, si no pierde gran parte de su calidad. El diseño no es sólo elegir una buena gama de colores, el diseño es mucho más, y está muy ligado a la accesibilidad y a la usabilidad.

¿Cómo prevees la Web en 5-7 años?

Lo menos en la versión 5.4 beta RC2... o algo por el estilo. Ahora en serio, la Web dentro de unos años, si todo va bien, será como estamos luchando porque sea: una Web accesible, bien hecha, estándar, y sobre todas las cosas útil. Eso es lo más importante de todo, en mi opinión.

Una cosa que seguro existirá será mucha interacción entre aplicaciones. Sindicación por aquí, microformatos por allá, y alguna que otra sorpresa que seguro inventan.

Una cosa que me preocupa es el lastre que llevamos arrastrando detrás. Todas esas Webs mal formadas, llenas de basura, hechas con FrontPage o cualquier otra herramienta del demonio. Si logramos ir dejando atrás, en el olvido, todas esas Webs, y seguimos llenando la red con páginas bien hechas, tal y como estamos haciendo ahora, todo irá mucho mejor.

¿Web 2.0, una falsa realidad, o realmente hay reeinvención de Internet?

Ni una cosa ni la otra. Que algo ha cambiado es totalmente visible y demostrable. Todas esas aplicaciones como Flickr, del.icio.us, etc. Pero no son ninguna reinvención de Internet. Son el producto de buenas ideas, de un desarrollo adecuado, de ponerse en la piel del usuario y decir: ¿Qué necesito? ¿Cómo lo necesito?.

Lo del nombrecito ya es otro tema. Una forma muy de "marketing" de llamar a un hecho normal y corriente, que es darle al cliente, (usuario en este caso), lo que necesita, sin tonterias superfluas, sin engaños. Todo claro, conciso y simple, en tres palabras, directo al grano. Para mí esa buzzword de moda no significa nada más y nada menos que llevar buenas ideas a cabo. Sin más.

Atom 1.0 con estilo

  • Miércoles, 12 de Octubre de 2005 a las 16:51 CET
  • Guardado en: Sindicación
    Warning: sprintf() [function.sprintf]: Too few arguments in /home/armoniaspiralstatic/armonia.spiral-static.org/ecrire/tools/multicat/functions.php on line 85

Anoche, aprovechando que tenía que mirar unas cosas sobre Atom 1.0, traduje un documento introductorio a esta tecnología de sindicación, y hoy, después de un ratillo de tocar cosas y mucho aprender, ya está listo lo que queria hacer.

El motivo por el que estuve buscando información sobre Atom 1.0 es que quería actualizar mi feed Atom actual a esta nueva versión, ya que la versión que trae DotClear para Atom es la 0.3.

Eso ya está conseguido, el feed valida perfectamente, etc. Así que he pensado en preparar los ficheros que he modificado para poder distribuirlos a todos aquellos usuarios de DotClear que quieran usarlo. Eso todavía no lo he hecho, porque me he entretenido con otra cosa, que es lo que os pienso explicar en este post.

Mientras toqueteaba el feed me he dado cuenta de que el formato con el que se muestra cuando pinchas sobre el desde tu navegador favorito es algo "feo", (al menos para aquellos a los que no le gustan los lenguajes de marcado). Así que pensé en aplicarle algunos estilos CSS para que fuera más amigable y no asustara a aquellos que no saben de qué va la cosa.

Aplicarle estilos a un fichero XML como es un fichero de sindicación Atom es muy simple, tan sólo hay que asociarle a ese fichero XML una hoja de estilos desde la cual apliques todas las modificaciones que quieras, del mismo modo que lo hacemos con nuestros documentos XHTML. Para asociar una hoja de estilos a un documento XML sólo tenemos que añadirle lo siguiente:

<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="fichero.css" type="text/css" ?>

Como veis, esa es la forma de asociar una hoja de estilos a un documento XML, junto a la cabecera xml colocamos una cabecera xml-stylesheet apuntando a nuestro fichero con la hoja de estilos.

Una vez hecho esto lo único que nos queda por hacer es aplicar los estilos que queramos. Del mismo modo que aplicamos estilos a nuestros documentos XHTML usando cosas como p {line-height:1.6em;}, podemos aplicarle estilos a las etiquetas de nuestro XML usando el mismo formato de notación, salvo que en este caso no referenciaremos a ningún elemento de XHTML, sino que referenciaremos a los elementos Atom de nuestro feed.

Por ejemplo, mi hoja de estilos para mi feed Atom 1.0 la podeis ver aquí. Tiene muchos estilos poco importantes para lo que estamos hablando, porque necesitaba estilizar todo el texto que contiene el feed, pero lo más importante está situado al comienzo del fichero.

Una cosa que es muy importante recordar es que por defecto, todos los elementos del feed se comportan como elementos en linea, por lo que si queremos que algún elemento se comporte como uno en bloque, vamos a tener que especificarlo explícitamente en la hoja de estilos con display:block;. Además, también hay diversos elementos que probablemente no necesitemos que se le muestren al visitante, por lo que deberemos ocultarlo con, por ejemplo, display:none;.

Una vez que terminé con la hoja de estilos, me propuse ir un poco más allá, y pensé en transformar completamente el feed mediante el uso de la tecnología XSLT. Mediante esta tecnología puedo, como es el caso, transformar el feed en un documento XHTML sin modificar su estructura interna, por lo que seguiría siendo un feed Atom 1.0 totalmente válido.

Gracias a esta transformación, podemos hacer el feed más amigable aún para el visitante "extraviado", además de poder introducir mensajes informativos para el mismo, o adaptar aún más que con las hojas de estilo el look and feel del feed.

Es la primera vez que uso XSLT, así que es probable que lo que he hecho sea muy mejorable, pero para lo que es, por ahora me sirve perfectamente. Pero si teneis cualquier sugerencia sobre el tema, por favor no dudeis en decirmelo, os estaré muy agradecido.

Volviendo al tema, para asociar una hoja XSLT a nuestro feed, (como a cualquier otro documento XML), tan sólo tenemos que colocar algo muy parecido a lo que hicimos para asociar la hoja de estilos:

<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="fichero.css" type="text/css" ?>
<?xml-stylesheet href="fichero.xsl" type="text/xsl" ?>

Como podeis ver, esto es muy sencillo. Lo más complicado puede ser crear el XSLT, y para eso yo aún no estoy capacitado para enseñar, pero hay muchos manuales excelentes para ir aprendiendo, como por ejemplo este de w3schools.

De todas formas, desde aquí podeis ver mi archivo .xsl por si quereis echarle un vistazo y ver cómo lo he hecho, (o bien ayudarme a mejorarlo, cosa que os agradecería mucho).

Gracias a XSLT he conseguido crear un aspecto practicamente idéntico al blog para mi feed Atom sin perder ni un ápice de la funcionalidad del mismo. Además, he podido usar el mismo CSS del blog para darle estilos al XHTML generado por el XSLT del feed, con lo que me he ahorrado trabajo.

Ahora el próximo trabajo es hacer lo mismo pero con el feed RSS para transformarlo a RSS 2.0 y aplicarle estilos con CSS y XSLT.

Actualización 29/10/2005 20:47 CET

Después de unos días de inactividad, me he puesto a averiguar por qué fallaba el XSLT que preparé para mi feed Atom 1.0 en navegadores como Internet Explorer.

He usado la directiva xsl:output para solucionarlo, y por las pruebas que he hecho en el PC de mis hermanos, (usan Windows, sí...), parece que todo va correcto.

Podeis ver el atom.xsl con los cambios por si os interesa.

Problemas y soluciones

  • Viernes, 10 de Junio de 2005 a las 17:21 CET
  • Guardado en: Armonía

Como ya sabeis, he migrado el CMS de este blog a DotClear, un CMS francés de una excelente calidad. Pero para conseguirlo sin mucho impacto para usuarios y buscadores, he tenido que arreglar algunas cosillas que me molestaban bastante. Principalmente el hecho de que todas las URL a los posts y categorías del anterior CMS iban a cambiar, con lo que todos los enlaces recibidos, y todo el contenido indexado hasta ahora se quedaría colgado.

Para empezar, estudié un poco el funcionamiento del modulo de Apache mod_rewrite, para hacer las redirecciones simples desde ahí. El redireccionamiento que os comento es muy simple, y su implementación con mod_rewrite más aún. Por ejemplo me ocurría con los archivos de sindicación. Con el anterior CMS apuntaban a una URL tal que así: http://armonia.spiral-static.org/sindicacion/rss2/ , mientras que con DotClear la URL sería: http://armonia.spiral-static.org/rss.php

Usando la directiva RewriteRule de mod_rewrite podemos hacer redirecciones de este tipo sin demasiada complicación. Un ejemplo de una de mis redirecciones es el siguiente:

# Activamos el mod_rewrite
# ------------------------
RewriteEngine On


# Especificamos el path raiz para las reglas
# ------------------------------------------
RewriteBase /

# Reglas para redirigir las peticiones al antiguo RSS2
# ----------------------------------------------------
RewriteRule ^sindicacion/rss2$ rss.php [R=301,NC]

Colocando estas directivas en mi fichero .htaccess ya tenía redirigidas todas las peticiones hechas a mi antigüo archivo de sindicación RSS a mi nuevo archivo.

Desgraciadamente no todas las redirecciones fueron así de sencillas, ya que, por ejemplo, las de los posts, diferían demasiado entre sí, por lo que tuve que crearme un fichero PHP que se encargara de realizarlas. La transformación debía ser de una URL del tipo: http://armonia.spiral-static.org/post/mezcolanza/ a una como: http://armonia.spiral-static.org/?2005/05/24/41-mezcolanza

Como veis, las URL que usa DotClear son un poco más complejas. Pero gracias a un poco de programación conseguí detectar las peticiones entrantes a posts antiguos, y transformar dichas peticiones al formato nuevo, consultando un poco la Base de Datos.

Probablemente algunas de las cosas que en el anterior CMS funcionaban, ya no estén disponibles aquí. Tengo que ir solucionando los posibles errores poco a poco. Si encontrais algo, por pequeño que sea, no dudeis en decirmelo, os estaría muy agradecido.

De vuelta

  • Jueves, 09 de Junio de 2005 a las 17:09 CET
  • Guardado en: Armonía

Ya estoy de vuelta. Con nuevo CMS y con un ligero cambio de aspecto. Las novedades, bueno, en realidad sólo hay una gran novedad, y es el cambio de mi antigüo CMS hecho por mí mismo, por un DotClear adaptado a mis necesidades. Me parece un gran CMS, sencillo de entender, sencillo de modificar, con una gran cantidad de plugins, un buen sistema de themes, etc.

Así que lo dicho, ¡a escribir!

Mezcolanza

  • Martes, 24 de Mayo de 2005 a las 23:03 CET
  • Guardado en: Armonía

He vuelto temporalmente de mi letargo gracias a Stan, que me ha "invitado" a participar en el "meme" musical que sigue:

Testigo recibido de:
Stan
Tamaño total de los archivos de música en mi ordenador:
2Gb. en mi ordenador, y unos 25Gb. en mi reproductor MP3.
Último disco que me compre:
Muse - Absolution
Canción que estoy escuchando ahora:
Radiohead - Lucky
5 canciones que escucho un montón o que tienen algún significado para mi:
  • Metallica - Nothing Else Matters
  • Muse - Unintended
  • REM - Everybody Hurts
  • Radiohead - Let Down
  • Mojave 3 - In Love With A View
5 personas a las que les paso el testigo:

Y con respecto a mi letargo "blogueril", se debe, principalmente, a dos cosas. La primera es que por motivos técnicos he decidido jubilar mi CMS, y sustituirlo por un Dotclear, por lo que el tiempo libre del que dispongo lo estoy dedicando a prepararlo.

Por otro lado tenemos el hecho de que voy a mudarme a Sevilla, por motivos laborales, y preparar la marcha es algo que me trae arriba y abajo, además de algo cansado, por lo que mi tiempo para el blog es limitado, y cuando lo tengo, mi cabeza no está disponible de la forma que yo quisiera.

Así que eso es todo. Pero no os librareis de mi, descuidad.

Presentación

  • Domingo, 12 de Diciembre de 2004 a las 16:14 CET
  • Guardado en: Armonía

Ya estamos aquí. Aunque a modo de prueba, todo sea dicho. Bienvenidos a Armonía, mi nombre es Juan G. Hurtado, y he creado este espacio para poder hablar tranquilamente sobre mis cosas, la mayoria de ellas tratarán sobre el mundo de la informática, que es donde me muevo, aunque no me privaré de escribir sobre otros asuntos.

A dia de hoy, el CMS que maneja este sitio, hecho por mi, no está terminado, por eso por ahora este Blog funcionará a modo de pruebas. Seguramente mientras dure este período no escriba mucho, pero me servirá para corregir errores e ir terminando las partes que faltan.

Un saludo, y espero que se diviertan.

Paginación:

Búsqueda

Acerca de este blog

Armonía es el blog personal de Juan G. Hurtado, (C. V.). Aquí se tratarán muchos temas, pero sobre todo los relacionados con la programación, la tecnología, el desarrollo y los estándares en la World Wide Web.

Si quieres puedes visitar también las galerias de fotos guardadas en su cuenta Flickr, o su colección de enlaces en del.icio.us.

Velas en la oscuridad Mano del autor del blog en blanco y negro Trozo del paisaje desde la ventana del autor del blog Palma de la mano del autor del blog en blanco y negro

Lectura

CSS Mastery, de Andy Budd
Portada del libro Bulleproof Web Design
Muy buen libro, escrito por Andy Budd en el que nos muestra un repaso muy bien detallado por infinidad de técnicas ingeniosas para conseguir que nuestras hojas de estilo "hagan magia"
[Leer revisión]
Bulletproof Web Design, de Dan Cedelhorm
Portada del libro Bulleproof Web Design
Un libro genial en el que Dan Cedelhorm nos enseña cómo blindar nuestras páginas para evitar que se "rompan" ante configuraciones no habituales de los navegadores de los visitantes, (aparte de otras muchas cosas)
[Leer revisión]
Agile Web Development With Rails, de Dave Thomas y David Heinemeier
Portada del libro Agile Web Development With Rails
Una perfecta introducción a Ruby on Rails, el framework de desarrollo Web que está causando furor en estos momentos...
[Leer revisión]

Contacto

  • e-Mail: juan.g.hurtado@gmail.com
  • Jabber: juan.g.hurtado@jabberes.org
  • Skype: juan.g.hurtado
  • Messenger: the_micro_cuts@hotmail.com