5.1.1. Mudanza

2005-08-01T05:25:00.000-03:00

Este blog se seguirá actualizando en http://511.dabomb.com.ar/.

Chau Blogger, hola Dabomb.

Descargar Opera 8.02

2005-07-27T12:48:00.000-03:00

Categoria: Opera

Opera 8.02 ya está disponible desde el servidor FTP oficial, aunque todavía no han hecho el aviso.

Actualización: Changelog for Opera 8.02 for Windows. Hay tres correcciones de seguridad por lo que es recomendable la actualización.

NetNewsWire y Atom 1.0

2005-07-25T13:40:00.000-03:00

Categor?a: Atom

NetNewsWire 2.0.1 soporta Atom 1.0. NetNewsWire es un conocido lector de RSS y Atom para MacOS.

Opera 8.02 no incluirá Bittorrent

2005-07-24T18:24:00.000-03:00

Categoría: Opera

Opera 8.02 will NOT have bittorrent.

La versión final de Øpera 8.02 sólo será una versión para agregar correcciones. Bittorrent fue incluido en Øpera 8.02 Technical Preview como una muestra de lo que se está desarrolando, aunque probablemente reaparezca para la versión final de Øpera 8.1.

Atom 1.0 para Wordpress

2005-07-22T20:12:00.000-03:00

Categoría: Wordpress

Suponiendo que se enteraron de que Atom 1.0 ya es (casi) un hecho, aprovecho para publicar una plantilla para generar feeds de Atom 1.0. en Wordpress

Código fuente de plantilla de Atom 1.0. Atom 1.0 no es compatible con Atom 0.3. Eviten modificar (aún) su plantilla actual, al menos hasta que existan implementaciones. Esto no debe pasar más alla de lo anécdotico.

También publique un (extremedamente simple) archivo ejemplo de Atom 1.0. Si tienen oportunidad, agradecería que lo probaran con su lector habitual para conocer si existen implementaciones. ~~De momento puedo confirmar que Bloglines sencillamente no lo reconoció.~~

Si están interesados en oir quejas y comentarios, pueden seguir. Están advertidos.

¡Que código más sucio!

Sí, lo sé. Está mal visto no haber escrito funciones pero sepan que, primero, no soy programador, y segundo, para el momento que estaba haciendo eso, estaba desproticando contra todos los seres vivientes.

Igualmente tengan en cuenta que en un momento estuvo muchisimo peor (si no fuera porque después algunas de esas mal documentadas funciones de Wordpress sirvieron como hack).

Fechas en Atom y lidiando con Wordpress

Atom 1.0 tiene los elementos published y updated para marcar la fecha de publicación y de última actualización de un post (en Atom 0.3 eran issued y modified). Por defecto, Wordpress escribe en ambas la fecha de publicación. Entonces simplemente la cuestión era corregir el contenido de updated. El problema es que Wordpress no tiene ninguna función documentada para obtener la fecha de última modificación, así que hubo que usar un pequeño hack que encontré en No Template Tag has access to post_modified (y pasar el resultado directamente a mysql2date que es quien realmente hace el trabajo de get_post_time).

Categorias en Atom

El nuevo elemento category tiene tres atributos. scheme, mas alla de lo que dice la especificación, parece que se refiere a la ruta absoluta a la raíz de las categorias. En Wordpress esto normalmente es url-del-blog/category/. La única forma que encontré de obtener este dato (no todos tienen sus categorias dentro de category) fue engañar a get_category_link pasandole un id de una categoria inexistente (la categoria 0) para que, sin proponerselo, devuelva la ruta absoluta.

term identifica la categoria. Normalmente sería lo que se le agregaría a scheme para llegar a la susodicha categoria. El problema es que algunas categorias pueden ser descendientes de otras. Así que nuevamente usando get_category_link se obtiene la ruta absoluta a la categoria (que incluye a las categories superiores) y se le extrae el contenido del elemento scheme. Ejemplo: Si la ruta a la categoria es url-del-blog/categoria/personal/opinion/, se extrae el contenido de scheme (url-del-blog/categoria/ y se obtiene el term (personal/opinion/).

Eso no es todo

Como mínimo hay dos correcciones que hacer, pero las dejo para la proxima. De momento esta plantilla cumple su cometido.

¡Mazinger en Canal 7!

2005-07-22T02:37:00.000-03:00

Categor?a: Personal

¡Mazinger!. Los viejos episodios por Canal 7 (Argentina) de lunes a viernes a las 6 de la tarde (dentro de una abominación llamada Chicos.ar).

Actualización: Aparentemente la emisión empieza entre 20 minutos y media hora después del inicio del programa.

Happiness is

2005-07-19T02:04:00.000-03:00

Categoría: Personal

Good work! We have just recieved the 250th visitor to Opera's download page through your site.
As promised, here are your Opera registration codes:
You are now entitled to the following:
Free upgrades of all Opera 8.x versions
Free email technical support

Thank you for spreading the word about the fastest browser on earth!
The Opera team. Opera Software. www.opera.com

El aviso se había retrasado. El mínimo de 250 lo tenía hace rato.

138

2005-07-15T22:45:00.000-03:00

Categoría: Personal

Hoy, sin darme cuenta, publiqué mi post número 138 en Linklog (Finalmente Atom 1.0). El chiste es que finalmente superé a FrancoG por un post. Gracias al aviso de Diego porque la verdad hacía rato me había olvidado del asunto.

Monstruo

2005-07-13T04:03:00.000-03:00

Categoría: Personal

Sí, sí, soy yo, no otro. Cuando quieran decir el forro mal cogido retrograda aguafiestas antipodcasting pueden referirse a mí. Pueden defenestrarme a diestra y siniestra. No tengo nada que perder.

No acepten imitaciones. Si creen que hay otro es porque no estan leyendo bien. ¿O acaso nadie leyó Podcast accesible?

Vamos a ver quien es el primer tonto que cree que tengo algo contra el autor de esos articulos.

No es publicidad no tradicional, sino trackback: Yo argentino.

Abreviaturas y acrónimos: la semántica exquisita y la accesibilidad que no es

2005-07-10T00:33:00.000-03:00

Categoría: HTML

Para quienes esperan lo peor de mí: esto es sólo una opinión y dado el tema, una invitación a una divertida guerra sagrada.

Para ponerse al corriente, pueden leer: Carga semántica en XHTML: acronym y Carga semántica en XHTML: abbr, ambos en Armonía, o más reciente, Acrónimos y abreviaturas en HTML/XHTML en Garbage In, Garbage Out.

Sumado a esos, hace un tiempo escribí Abreviando sobre este mismo tema (que ahora podría considerarse desactualizado).

La Real Academia Española me dijo

El uso (correcto) de ABBR y ACRONYM es sin duda una de las guerras sagradas cuando salta el tema de la semántica. La posición más común (y académica) es que si está la palabra formada por partes de otras varias, se debe usar ACRONYM, y si es sólo una forma contraída de la misma palabra, es ABBR.

Como ejemplos de ACRONYM tenemos HTML (por estar formado de la palabras Hypertext Markup Language) y OTAN (formado de Organización del Tratado Atlántico Norte. De ABBR pueden ser etc. (etcétera) o info (información).

Navegadores gráficos y navegadores lectores

Pero, ¿cuál es el punto de esta rigurosa exquisitez? Cuando se sale a hablar del tema, se menciona como consumidores de esta distinción a los usuarios de navegadores gráficos y los usuarios de lectores de pantalla.

Los navegadores gráficos tienden a resaltar tanto a ABBR y ACRONYM con un borde punteado, o sea que ¡no hacen la más mínima distinción!

Por otro lado, los lectores de pantalla (o código, como prefieran) tampoco pueden sacar el más mínimo beneficio de todo esto. Según el criterio que están utilizando, este tipo de programas deben resignarse a que cualquier cosa puede ser cualquier cosa. Si de pronto aparecería lo que sea HTML que teóricamente es un acrónimo, ¿qué debe hacer el programa? ¿Pronunciar o deletrear? ¿Y si se encuentra con ONU que también es acrónimo? ¿que hay de hetero, que es abreviatura de heterosexual o del clásico etc.?

Pronunciá la A de acrónimo y de abreviatura

Los navegadores lectores entonces están totalmente perdidos sobre la distinción de estos dos elementos. ¿La especificación de HTML 4 ayuda en algo? ¡Para nada! Está también tratando de decidirse sobre cómo usar correctamente cada uno. Por algunos ejemplos pareciera que sigue las reglas del diccionario, pero en ese caso, WWW como abreviatura sería una contradicción.

La sección de aural style sheets tampoco es de mucha ayuda. La Sample style sheet for HTML no propone ningún trato en particular para ABBR y ACRONYM.

Adiós `ACRONYM`

La solución parece ser simplemente olvidarse del tema. Como dije antes, ¿a quién le importa si usamos uno o el otro? Los únicos usuarios que podrían preocuparse son los de lectores para lidiar con la pronunciación, pero es la misma especificación la que dice que la pronunciación es pura presentación.

Cita de Phrase elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM.

(…)abbreviated forms (…) are spelled out by some people and pronounced as words by other people. When necessary, authors should use style sheets to specify the pronunciation of an abbreviated form.

Entonces para aquellas formas abreviadas que pueden causar problemas pueden simplemente inventarse un par de clases asociadas a {speak: normal} y {speak: spell-out}. Irónicamente, y contrariamente a lo que yo di a entender en el viejo post, tanto abreviaturas como acrónimos pueden ser deletreados. Cita de la definición de speak:

spell-out
Spells the text one letter at a time (useful for acronyms and abbreviations).

¿Por qué Adiós ACRONYM? Simple: no sólo desaparece en XHTML2 sino que abbr también puede entenderse como abbreviated form — los acrónimos y las siglas son formas abreviadas de ciertas expresiones.

Pequeña prueba con Opera 8

El lector en Opera es bastante simple en todo este tema: si no queda ridículo, se pronuncia como palabra, salvo que haya puntos en el medio. De esta forma, DAI (Do As Infinity) lo pronuncia como palabra pero D.A.I. lo deletrea (sin pronunciar los puntos). También si la palabra no tiene vocales, será deletreada: CGT y C.G.T. son deletreadas de la misma manera. Esto llevaría a situaciones extrañas como tener que escribir X.H.T.M.L. — X y T no son letras iniciales — por lo que este comportamiento no debería pasar más que como anecdótico.

El bienintencionado atributo `title`

De la especificación de HTML 4.01, nuevamente Phrase elements:

The title attribute (…) may be used to provide the full or expanded form of the expression.

Luego, de Técnicas para las Pautas de Accesibilidad al Contenido de la Web 1.0, el punto 4.3.2 Acrónimos y abreviaturas:

Marque las abreviaturas y acrónimos con ABBR y ACRONYM y utilice title para indicar la expansión.

Sumado a que los usuarios tenemos bastante asumido que los navegadores gráficos muestran un tool tip o mensaje de ayuda ante la presencia de title.

¿Mi respuesta? No, gracias.

Los atributos fueron hechos para ser invisibles. ¿Necesitas que algo se vea? Usalo dentro un elemento. Este detalle no lo tuvo en cuenta el programador en Microsoft que decidió que el atributo alt aparecería como mensaje de ayuda.
Lynx no reacciona ante el atributo title.
Los navegadores lectores podrían requerir configuraciones extras para reaccionar ante title.
El contenido de title no es para nada semántico.
Requiere un mouse.
Requiere que con el mouse el usuario averigüe cada forma abreviada.

La única recomendación que tiene un mínimo de utilidad para el usuario común es la de incluir la primera vez la forma abreviada y la forma expandida juntas para que el lector (humano) pueda relacionarlas. Si hay algo que no conoce, Google está abierto las 24 horas.

Mientras tanto, en este blog, yo seguiré pensando como usar clases sin terminar abusando de ellas. Y les advierto que no esperen muchos atributos title; si no saben qué significa HTML entonces están en el lugar equivocado.

Opera 8.02 Technical Preview

2005-07-07T01:16:00.000-03:00

Categoría: Opera

Ya deben estar enterados pero para marcar el hito. Opera 8.02 Technical Preview incluye soporte para bittorrent. Ya algunos preguntaron si ésto no le traerá problemas por promover la pirateria. Me pregunto cuantos kilobytes de diferencia habrá en el instalador.

Noticia oficial: Faster, more efficient downloads in Opera technical preview with BitTorrent.

CSS 2.1 (13 de junio de 2005)

2005-07-04T20:04:00.000-03:00

Categoría: CSS

El 13 de junio se publicó un nuevo borrador de la especificación CSS 2.1. Por supuesto que no hay grandes novedades. Aunque es curioso que nadie se haya babeado anunciandoló.

El gobierno de Noruega, los formatos propietarios y Opera

2005-07-02T03:03:00.000-03:00

Categoría: Opera

El gobierno de Noruega se cansó de los formatos propietarios y quiere erradicarlos: Norwegian Minister: Proprietary formats no longer acceptable in communication with government (Tatle).

En Error 500 bien explican que lo importante del anuncio es dejar de usar ciertos formatos que requieren programas propietarios — léase también como secuestro de información — :Noruega contra los formatos propietarios. De esta última nota, un pequeño extracto:

Hay que recalcar que estamos hablando del uso de formatos y estándares abiertos, que no implican necesariamente el uso de software libre ni por la administración ni por los ciudadanos…

Pero como en la declaración del gobierno noruego mencionan la intención de usar código abierto, Asa Dotzler (Quality Assurance para la Fundación Mozilla) se pregunta what does it mean para Opera.

Supongo que muy poco. La principal preocupación del gobierno debe ser sacarse de encima la necesidad de andar gastando plata en los productos de Microsoft. Eso muy probablemente signifique librarse de Word y Excel (entre otros) para ahorrarse también los dolores de cabeza de las incompatibilidades entre versiones. Por otro lado, la intención de usar productos open source es, lamentablemente o como quieran verlo, un reflejo a la posibilidad de obtenerlos de manera gratuita.

¿Pero que pasaría con Opera en particular? Como dije antes, poco creo que les afecte. Opera no es necesariamente un blanco principal dado es gratis (en el sentido de que no hay costo para el bolsillo en usarlo). Además, según reporta la misma empresa, no son demasiados los que han pagado por su licencia, por lo que es probable que el gobierno tampoco se moleste. Aún así, sería interesante que le dieran un poco de apoyo a su propia industria.

Japonesitos y chinitos no son iguales

2005-06-30T02:02:00.000-03:00

Categoría: Personal

Fer (Into the woods) preguntaba en su post Spooky sobre cómo podía estar seguro que el pibe que aparecía en la foto (del mismo post) era un chinito y no un japonecito.

La respuesta es muy simple: los japoneses tienen mecha.

Otra que Opera y Firefox. ¡Yo quiere ese robot! No importa para qué; sólo sé que lo quiero.

Por si lo notaron, la imagen ampliada de la chica japonesa comandando un robot.

Para continuar con fanatismo por los mecha, no dejes de ver la publicidad del Citroën C4

Internet Explorer 7, RSS y Atom

2005-06-27T09:55:00.000-03:00

Categoría: Internet Explorer; Microsoft

A pesar de todo el anuncio sobre el soporte para RSS en MS Longhorn, es importante recalcar que no planear dejar de soporte para Atom. Cita del artículo Frequently Asked Questions and Answers about RSS support in Longhorn (MSDN):

Longhorn will support all common RSS formats, including: RSS 1.0, 2.0 and Atom 0.3. We will support Atom 1.0 when it’s released.

O sea que mi comentario sobre el botón RSS se mantiene. Claro que como dije en ese momento: si esta versión de RSS tiene más funcionalidad, es normal que Internet Explorer prefiera empezar a popularizar el término.

Luego, en El impacto de MS en el mercado de la sindicación segunda parte (Denken Über), comentaba que lo curioso que me resultaba que hayan elegido RSS por sobre Atom (como formato preferido) cuando el primero (según parece) tiene problemas con su capacidad para definir el contenido, sumado a las incompatibilidades de las diferentes versiones. Y aún más curioso cuando son ellos mismos los que reconocen las mejores intenciones de Atom. Cita de All About Blogs and RSS (MSDN):

Atom is the name of a project for developing a new Web log syndication format to address what many feel are the main problems with RSS today (a soup of confusing version numbers, not a truly open standard, inconsistent, poorly defined, and so on). Atom hopes to offer a clean version that addresses everyone's needs. It is designed to be completely vendor neutral, freely extensible by anybody, and thoroughly specified.

En Comparing RSS 2.0 and ATOM - For the Rest of Us! (Weblog Tools Collection) comentan más sobre los problemas de RSS:

RSS’s main problem is with the description and title elements, that they may be encoded HTML, or not. As markp puts it, I can’t tell you, and you can’t guess. RSS doesn’t have any way to say a link is via related or alternate, although you could put it all into the content stuff, but that sucks since you can’t process that data and keep track of it. In RSS there is also some problem with silent data loss and all versions of RSS are incompatible with each other while they claim they are compatible.

En Microsoft to take RSS five steps backwards (Digital Web) insisten con la idea de por qué extender RSS — más allá de lo no incompatible que eso sea — cuando Atom permitiría la misma funcionalidad de las listas ordenadas. Posiblemente sea como dicen en Microsoft Internet Explorer vendrá con soporte RSS (Garbage In, Garbage Out) una forma de MS de asegurarse tener la última tecnología desde el principio.

Viendo las capturas de Internet Explorer 7

2005-06-26T20:17:00.000-03:00

Categoría: Internet Explorer

Para este momento debo ser uno de los últimos en ver las primeras capturas de Internet Explorer con su famoso lector de RSS, pero aún así. En Flexbeta (Internet Explorer 7 Screenshots) publicaron unas capturas de gran tamaño — que a su vez aparecieron primero en la galeria de fotos de Nial Kennedy — sobre las que quisiera hacer unos ligeros comentarios.

Punto a favor por aplicarse estilos al archivo de sindicación. Logran prevenir al usuario promedio del terror de ver código XML crudo.

Por el cuadro de dialogo para la suscripción, parece como si estuvieran copiando el esquema de suscripción de Live Bookmarks de Firefox — y eso no es necesariamente bueno. Esa opción de seleccionarle una carpeta es lo que me genera desconfianza. Poder agrupar suscripciones es sin duda una buena idea, pero que de entrada se les haya ocurrido como opción me resulta raro. Suena más a que el sistema de suscripción es apenas una modificación de los clásicos favoritos.

Pero lo más llamativo es que para indicar que un sitio incluye un archivo para suscripción, Internet Explorer mostraría un botón en que se lee RSS.

Curiosa elección. Firefox, al principio, también mostraba un botón con la misma leyenda pero lo cambiaron luego del tirón de orejas que le dieron al recordarle que Atom no es RSS. Justamente Opera todavía está cometiendo el mismo error de hablar de RSS cuando también soporta Atom. Claro que cuando uno piensa que Microsoft le tiene ganas a RSS todo parece menos casual. Atom… fue un gusto conocerte.

Blogger agrega DIV clear:both a los posts

2005-06-26T07:27:00.000-03:00

Categoría: CSS; Blogger

gringo avisa que Blogger agregó una opción para corregir el problema. La nota original (en inglés) es Google Blogger adds one feature, breaks another pero para resumirla (traducida) sería:

Loguearte en Blogger
Opciones
Formato
Cambiar Enable float alignment a NO

Desde hace unos días, de manera automática, Blogger está agregando al principio y al final del texto de cada post dos elementos DIV con clear:both.

<div style="clear:both;"></div>

<!-- cuerpo del post -->

<div style="clear:both; padding-bottom: 0.25em;"></div>

Estos no pueden ser editados ni removidos y están produciendo — culpa de la loca teoria de los float — que muchos plantillas se estén rompiendo. La solución que proponen en Blogger Forum (Blogger "Clear:Both" Glitch workaround) es agregar

div { clear: none !important; }

En el mismo articulo, uno de los usuarios comenta que Blogger reconoció que se trataría de un bug y que sería corregido pronto.

Tengan en cuenta que la solución anterior es bastante drástica y puede producir aún más problemas de maquetación.

Para los que manejan mínimamente CSS hay dos soluciones más. El problema que se produce es que la columna de los posts aparece recién donde termina la barra lateral. En la mayoría de las plantillas, esta segunda columna aparece primera en el código, y por tal lo que hacen es flotarla para que luego la columna de posts se acomode.

Una solución es flotar la columna de los posts y definirle un ancho (lo bastante angosto como para que pueda ubicarse al lado de la otra).
```
#lateral {float:left;width:40%}
#posts {float:left;width:60%}
```
La otra solución sería simplemente invertir el orden en que aparecen la columna de posts y la columna lateral en el código HTML. El clear sólo tiene efecto sobre los elementos flotantes que aparecen antes en el código, por lo que la columna de posts no notaría la presencia de la lateral.

Seguramente todo este problema está relacionado con la incorporación de las opciones de imágenes en Blogger. Durante el proceso semi automatizado, está la opción de alinear las imágenes a los lados. Como seguramente Blogger automáticamente les define float, los infames DIV son una forma de asegurarse que cada post no se mezcle con las fotos de los otros.

Firefox bug: El texto que parpadea

2005-06-25T20:41:00.000-03:00

Categoría: CSS; Firefox

En los comentarios, Yelo me remarcaba el curioso efecto de parpadeo que se está produciendo con Firefox. Cuando se activa el :hover, el cartel de Opera en la columna derecha parpadea. En este caso noté que borrando la propiedad float para esa columna, el problema desaparecía. Pero como le aclaré, este curioso efecto ya lo había notado en los elementos PRE.

Probé aislar el problema y sin duda se trata de un error de Firefox. Es más, ni siquiera hace falta un PRE y no es muy complicado hacerlo aparecer. De momento yo lo estoy reproduciendo en Firefox 1.0.3

El código sería el siguiente:

div {float:left}
a:hover {border:0}
p#flickr {overflow:auto}


<p>Lorem<br>Imsum<br>Dolor<br>Sit<br>Amet

<div>
 <p id="flickr">Este texto aparece arriba.</p>
 <p><a href="#" id="flick">Hacelo parpadear</a>.
</div>

El parpadeo del texto se activa cuando el mouse pasa sobre el enlace. Si no hay texto antes, el efecto parece no ocurrir. Tanto el texto que parpadea como en enlace deben estar contenidos dentro de otro bloque flotante. Aunque overflow: auto no produce ningún efecto en especial, es parte del problema. Fijense que :hover define los bordes como 0, aunque ningún elemento tiene bordes.

Esta prueba no funcionará en Internet Explorer: Prueba: Firefox hace al texto parpadear.

Suponiendo que quieran seguir usando este navegador, no me queda más que decirles que esperen a que Firefox 1.1 (AKA Deer Park) sea lanzado porque parece que se decidieron a corregir el problema.

De números inflados y Opera

2005-06-24T23:25:00.000-03:00

Categoría: Opera

Hace unos días se comentaba el CEO de Opera se habría quejado de que los números de Firefox estaban inflados.

Ahora, Haavard Nord, (casi) el vocero de Opera, comenta en Igniting the browser wars que simplemente de la larga entrevista que tuvo Jon von Tetzchner con la gente de ZDNet, la entrevista (Opera: Firefox user figures 'inflated') eligió resaltar ese detalle en particular como una forma de avivar la guerra de navegadores.

No es por defender a Opera, pero teniendo en cuenta que la gente de ZDNet no publica una entrevista textual sino un artículo fuertemente editado, al menos se les puede dar el beneficio de la duda.

Habría que ver cómo fue que Tetzchner comentó el tema. Es un hecho que si uno mira las estadisticas de ciertos sitios especificos, los números de Mozilla Firefox tendrían falsos positivos — tengamos en cuenta que Stanford es tanto una universidad como un personaje y que otros sitios jamás notarán a Opera.

Por cierto, la gente de Mozilla ama hablar de Opera (sin editores como intermediarios) y a nadie parece molestarle.

IM7 22

2005-06-23T00:26:00.000-03:00

Categoría: Personal

¡Feliz cumpleaños! ¿Viste que me acordé, puto?

Opera soporta WAP

2005-06-22T23:43:00.000-03:00

Categoría: Opera

Hace poco, Pablo Viojo se sorprendía de que Opera renderizara páginas WAP. Pero sinceramente más me sorprendí yo al enterarme que Opera tiene soporte WAP desde su versión 4.

Como pasa el tiempo. Ni usé yo esa versión.

Opera se burla del browser sniffing

2005-06-22T04:53:00.000-03:00

Categoría: Opera

En una web plagada de sitios (muy años 90) que sólo saben identificar a Internet Explorer y Netscape, el resto de los navegadores tuvieron que aprender a mimetizarse con los representantes de facto.

Opera tiene dos formas de mimetizarse. Una, la más conocida, consiste en usar el menú de configuración rápida. Presionando F12 y seleccionando Identify as. Las opciones de identificarse como Internet Explorer y Mozilla no son perfectas porque se sigue incluyendo la palabra Opera en el user-agent id (identificación de agente de usuario). Esta solución alcanza para lidiar con scripts obsoletos y permite que Opera siga apareciendo en los registros de los servidores.

Lamentablemente la mentalidad retrograda del browser sniffing no ha desaparecido y los bestias de ahora aprendieron (a medias) a identificar a (casi) cualquier navegador — Safari no es Firefox, por ejemplo. Para casos extremos, existe desde la versión 8 de Opera un archivo de configuración llamado ua.ini que lista aquellos sitios que, o bien saben identificar a los navegadores, pero sólo reconocen a Internet Explorer o Firefox, o que concientemente patean a Opera.

Editando ua.ini

Este archivo se guarda en la carpeta profile de Opera. Para ubicar primero esta carpeta, dirijanse a la dirección opera:about y busquen la linea que dice Opera directory.

El archivo ua.ini contiene, en principio, las siguientes lineas:

Opera Preferences version 2.0
; Do not edit this file while Opera is running
; This file is stored in UTF-8 encoding

[Identity]
www.opera.com=1
pncbank.com=4
online.wellsfargo.com=4
gmail.google.com=1
gmail.com=1
msdn.microsoft.com=2
my.opera.com=1
espn.go.com=1

La parte importante es la lista de sitios. Cada linea se compone del nombre de dominio del sitio, el signo igual y un número. Cada número representa una identificación distinta.

Número	Identificación (user-agent id)
0	Opción elegida como por defecto en Identify as
1	Opera
2	Mozilla + Opera
3	Internet Explorer + Opera
4	Mozilla (no hay rastros de Opera)
5	Internet Explorer (no hay rastros de Opera)

Tengan en cuenta que Opera carga este archivo en memoria cada vez que se inicia, por lo que si Opera está corriendo mientras editan el ua.ini, tendrán que reiniciarlo para que los cambios surtan efecto.

Por ejemplo, un sitio que patea a Opera es Getty Images. Simplemente agregen al ua.ini gettyimages.com=4 y podrán ver que el sitio funciona perfectamente.

El color del neumotorax

2005-06-20T19:35:00.000-03:00

Categoría: Personal

Algunos recordarán que hace casí un año me operaron por un neumotorax. Curiosa coincidencia que visitando COLOURlovers encuentre un color llamado Pneumothorax.

Lastima que no es un color muy lindo. Personalmente prefiero el color Piriformin (en honor al síndrome piriforme).

Opera 8.01 y Opera 8.0 oficialmente en español

2005-06-16T16:41:00.000-03:00

Categoría: Opera

Opera 8.01

Opera 8.01 ya está oficialmente en español.

Opera 8.01 para Windows (en español)

Luego de un no anunciado intento fallido de lanzar esta nueva versión, finalmente es oficial. Para Opera 8.01 se hicieron, entre otras cosas, correcciones de seguridad, por lo que es recomendable la actualización.

Descargas: Opera 8.01 para Windows (en inglés); Opera 8.01 para Linux (en inglés); Opera 8.01 para MacOS (en inglés) —me parece que se habían quedado en 8 beta para MacOS así que ésta es una buena noticia.

Los servidores de Opera nuevamente no dan abasto. Acá tienen dos mirrors para tal caso:

Changelogs: Changelog for Opera 8.01 for Windows; Changelog for Opera 8.01 for Linux; Changelog for Opera 8.01 for MacOS

Una de las novedades de esta versión es Browser JavaScript, un archivo javascript para corregir problemas con sitios que intentan detectar a Opera o scripts demasiado antiguos. Este archivo es creado por la gente de Opera personalmente y es actualizado semanalmente. Pueden leer una explicación más oficial sobre el tema, además de la lista de los primeros sitios de la lista en Browser JavaScript Explained.

Para los que probaron modificar las busquedas en Opera: ¡hagan una copia de seguridad del archivo search.ini! Esta nueva versión cambio el número de file versión a 6, por lo que éste archivo será reemplazado en cuando instalen Opera 8.01.

Opera 8 en español es oficial

Desde hace un tiempo se pueden descargar las versiones en español de Opera 8.0. Aunque hace un tiempo había comentado sobre una traducción no oficial al español de Opera 8, esta versión incluye una traducción de otra persona. Si ya tienen Opera 8 en inglés, pueden bajar el archivo oficial de traducción al español (que extraje del instalador) que, seguramente, también funciona en la versión 8.01.

También pueden descargar el programa completo: Opera 8.0 en español para Windows.

Podcast, la nueva moda inaccesible

2005-06-15T23:28:00.000-03:00

Categoría: Accesibilidad

Ayer, HTMLlife publicaba su primer podcast y me di cuenta que esta nueva moda (personalmente, estupida) tiene todas las ganas de quedarse. Temí que fuera el único que lo notara, pero por suerte Podcasting, ¿accesible? en Accesibilidad Web no sólo se hizo eco sino que también lo comenta con lujo de detalles.

Aún así, esperando que sepan disculpar mi alto ego, quiero expresar las pocas ideas que tuve al ver el infame post. Primero y principal, como triste usuario de dial up, cualquier cosa que supere el 200kb debe ser lo bastante bueno como para no ser ignorado, por lo que es obvia mi reacción ante una extravagancia de 3mb.

Sin ir más lejos, fueron ellos mismos quienes comentaron sobre el servicio de podcasting Odeo y mi (levemente sarcástico) comentario sobre problemas de accesibilidad fue equivalentemente ignorado.

Por otro lado, quisiera rescatar el comentario de MC en el post de Accesibilidad Web:

De acuerdo Pablo, pero si te fijas, me estás diciendo que hay que publicar el texto y el podcast. Redundante, ¿no crees?

Aunque Pablo Viojo respondió a éste comentario, quisiera agregar que lo de alternativa no es una opción de lujo sino una pauta de accesibilidad. La Guía breve para crear sitios web accesibles especifica para el contenido multimedia:

Multimedia. Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.

Luego, el documento Técnicas HTML para las Pautas de Accesibilidad al Contenido de la Web 1.0, en el punto 9.2, Equivalentes textuales para multimedia, especifica:

Proporcione un texto equivalente para todo elemento no textual (…). Esto incluye: (…) archivos exclusivamente auditivos.

También hay una cuestión de sentido común, pero éste no viene documentado.

Technorati beta es tan Internet 1.0

2005-06-14T12:16:00.000-03:00

Categoría: Internet

Que triste coincidencia que mientras todos están felices con la versión beta de Technorati, tenga que ser un blog perdido entre muchos el que rescate que en las páginas dedicadas a los Technorati tags usan Ajax para obtener la información de Flickr, furl y otros.

Technorati será Web 2.0 pero éste uso de Ajax es muy Internet 1.0.

¿Tan poca plata tendrán para invertir en servidores que ahora los navegadores tienen que hacer todo el trabajo?

Si a alguien le queda alguna duda sobre el uso de Ajax:

<script src="/js/ajaxlib.js" type="text/javascript"></script>

Por cierto, no funciona en Opera, al que, dado mi poco conocimiento de Javascript, asumo que están pateando:
if (navigator.userAgent.indexOf('Opera') > -1) { return false; }

Junto con el rediseño oficial, arreglaron los scripts de browser sniffing para que funcione en Opera 8.

¡Que asco! ¡Sin Javascript ~~(y en Opera identificándose como Opera)~~ ni siquiera aparecen los tags relacionados!

Por supuesto, mi uso de la expresión Internet 1.0 es diferente al que normalmente se está usando. Entiendase mi razonamiento como tan años 90 —pero si modifico el titulo, se modifica la URL.

¡HTML es semántico!

2005-06-12T15:21:00.000-03:00

Categoría: HTML

Siguiendo con la linea de ¡HTML es estricto! esta vez le toca al mito que dice que XHTML es más semántico que HTML.

¡Los buscadores entienden perfectamente HTML! El 90% del código HTML en internet es un asco, y sin embargo Google no para de indexar páginas. Puede que sea cierto que a los buscadores les gusta ver elementos H1, strong y similares, pero no olvidemos que son elementos que ya existen en HTML.
¡XHTML es HTML! No hay elementos nuevos ni atributos nuevos. Todo sigue exactamente igual. Fijense las diferencias oficiales entre XHTML y HTML.
XHTML no separa mejor el contenido de la estructura. A los que le tienen terror al elemento FONT les recuerdo que ese elemento no está permitido según el DTD de HTML 4.01 Strict, sin embargo si está permitido según el DTD de XHTML 1 Transitional. El DTD de XHTML 1 Transitional es el mismo HTML 4 Transitional sólo que reformulado para funcionar como XML y lo mismo pasa con los dtd de HTML 4 Strict y XHTML 1 Strict. Decir que XHTML va a impedir que el nabo promedio use FONT o align es como decirle te saco el tenedor porque te podes pinchar y estarle entregando un cuchillo.

Y no, no hay mucho más. El mito de la semantica de XHTML casi siempre esta relacionada con los buscadores y con la separación de la presentación del contenido. ¿Se entiende por qué desconfió cuando veo a alguien escribir sobre XHTML?

Microsoft Planning 'Lower Rights' IE 7.0

2005-06-12T00:08:00.002-03:00

Categoría: Internet Explorer

IE 7.0 will add support for IDN (International Domain Names), built-in RSS and seamless search that will include choices of search providers.
The browser will also improve Web page printing capabilities like the automatic fit-to-page feature…

(Eweek.com) Federico ROTFL.

Opera y los premios de PC World

2005-06-10T02:24:00.000-03:00

Categoría: Opera

Es extraño que nadie me haya comentado sobre el incidente de Opera y PC World, por lo que antes que se escuchen los gritos (en castellano) de algún Firefox zealot, aprovecharé para comentar.

Para los que no estén enterados, paso a contarles. Hace unos días, la revista PC World publicó 100 Best Products of 2005 en el que —mal que me pese— Firefox apareció como producto del año. Luego, en el sitio oficial de Opera, apareció un informe de prensa diciendo que Opera había ganado como el mejor navegador. Luego de todo esto, Asa Dotzler (parte de la organización Mozilla) puso el grito en el cielo diciendo que Opera lies about being named PC world best browser (noticia que muy simpáticamente tradujeron en DiarioTI como Opera intentó usurpar posición de Firefox en lista "Top 100"). Luego de este mini escándalo, la página inicial de Opera fue modificada diciendo que habían ganado un PC World's World Class Award y también modificaron el anuncio oficial a Opera 8 is a PC World 2005 World Class Award Winner. No, no hubo aún ninguna respuesta oficial sobre el asunto con la excusa de que Opera aparece listado en la categoría web pero Firefox no y que eso les habría creado la confusión (a los del departamento de marketing de Opera).

Mi visión personal sobre el asunto. Cuando apareció el anuncio oficial (original), di vuelta media internet buscando dónde cuernos decía que habían ganado como mejor navegador, hasta que finalmente encontré la mención en la lista pero como si se trata de un producto más. Por supuesto que en ese momento me resultó curiosa la auto proclamación, pero ni me preocupe. Planeaba comentarla pero sin negar que aparecía mencionado medio perdido en la lista. Sobre la noticia, sí, creo que estuvieron medio desubicados y decir que fueron mencionados entre los ganadores es más correcto.

Sobre el resto de los navegadores mencionados, además de estas dos divas, apareció Maxthon. Ahora, olvidando todo el cariño que uno puede tener por su navegador. ¿Se dan cuenta que un mísero skin para Internet Explorer aparece no sólo mencionado sino que en puesto bastante alto? Ya sé que no querían ver a Opera en esa lista, pero ¿eso? Habiendo tantos navegadores (especialmente para MacOS) le dan un premio a un maquillaje para la aplicación más pedorra del momento. Después del incidente de Cnet ya no da para confiar en nadie.

Cambio de template otra vez

2005-06-08T06:13:00.000-03:00

Categoría: Institucional

Así como vino, se fue. Perdón por el alboroto. ~~Igualmente sigue estando enlazado como alternate stylesheet para aquellos que quieran ver lo del selector de adyacentes.~~

Si no fuera porque cierta persona le encontró una virtud, no hubiera cambiado. Después de verlo tantos días seguidos, ya prácticamente lo odio.

¿La virtud novedosa? Sólo disponible, hasta donde puedo confirmar, en Opera 7 o superior y vaya uno a saber qué versión de Mozilla y Firefox. Entren por la página principal y bajando hasta donde termina el segundo post. La loca magia del selector de adyacentes. Sí, justo en este momento se ve medio pedorro por mi mala costumbre de meter posts extremadamente largos, pero la idea se entiende.

En Internet Explorer 6 y Opera 6 se ve sólo una columna interminable pero al menos se ve decente. Opera 5 es un chiste. IE 5 lo dejaré para otro día. ¿Sabían que Opera 6 implementa el selector de adyacentes pero no first-child?

Vuelvo a tener trackbacks gracias al buen Haloscan porque resulta que aunque borra los comentarios no así los trackbacks, sumado a que los que envío quedan almacenados en el servidor de los terceros. Demasiado fácil como para no unirme al grupo.

Presto apesta. Al final sólo Firefox jamás me dio problemas.

El marrón últimamente se combina con el rosa o el celeste. El problema es que el rosa me recuerda cierta organización que defiende minorías. Y no, tampoco hay tanto celeste como quería.

Por si algún nerd revisa el código HTML: lo siento, sé muy bien que es un sacrilegio pero mientras Blogger no se ponga media pila, es lo hay. Lo importante son los fuegos artificiales.

Al margen, espero que cierta persona me perdone que esté usando ancho fijo.

Faltan los comentarios

Y ya está. Hay mejores cosas sobre que escribir.

BrowseHappy queda en manos de Wordpress

2005-06-06T04:57:00.000-03:00

Categoría: Internet

BrowseHappy es un sitio que funciona como campaña para navegar más feliz, o dicho más directamente, dejar usar Internet Explorer. Fueron los de The Web Standards Project quienes lo habían creado y se venían ocupando de mantenerlo, pero recientemente decidieron pasarle el mando a la gente de WordPress. En el comunicado oficial de The Web Standards Project titulado BrowseHappy Now Part of WordPress as WaSP Refocuses Mission explican las razones de esta decisión.

In an effort to refocus energy on advocating for standards from a perspective of universal access and vendor neutrality…
(BrowseHappy campaign's) lack of neutrality has actually put WaSP in a compromising position by seemingly showing favoritism toward specific browsers.

Vaya uno a saber por qué específicamente lo dicen. En principio se me ocurren dos simples razones. Primero, si se fijan en el sitio, casi todo el contenido es a favor de Firefox, dejando a Opera con sólo una recomendación y a Mozilla y Safari con ninguna. La fundación Mozilla no siente menos respeto por los estándares que el resto de los productores.

Por otro lado, tampoco les debe convenir mucho estar peleados con Microsoft. Es un hecho que Internet Explorer 6 está muy desactualizado pero Internet Explorer 7 parece querer mejorar el soporte de estándares. No resultaría muy ético que por un lado se reunan con ellos para discutir sobre estándares y por otro estén pateando sin asco su producto. Como bien dicen, la cuestión es ponerse de acuerdo en el objetivo y no avivar más la actual guerra de navegadores.

La gente de Wordpress también comentó la noticia Browsing Happy with WordPress.

We’ve promoted Firefox for a long time…, this will allow us to expand our promotion to cover other excellent browsers as well.

¿A qué se referirán con otros navegadores? Es un hecho que el sitio es una campaña en contra de Internet Explorer ?alcanza con ver la bienvenida del sitio. ¿En qué sistemas operativos podemos encontrar a Internet Explorer? Sólo en Windows y MacOS. En Windows las únicas opciones (gráficas) que existen (si no me equivoco) serían Opera y los derivados de Gecko, mientras que en MacOS serían (hasta donde sé) Safari, OmniWeb e iCab, además de, nuevamente, los derivados de Gecko. O sea que en general tienen todas las alternativas ya contempladas en el sitio; faltaría agregar Netscape 8.01, K-meleon y el antes mencionado iCab. A menos, que de pronto sean iluminados y elijan tener un sitio con comparativas objetivas de características de cada navegador. En ese caso, habría que recordarles que Lynx es un navegador y que funciona bastante bien. Aunque en el fondo ni siquiera tengo esa esperanza. BrowseHappy es sólo propaganda orientada al público promedio. Espero que al menos completen un poco más el sitio.

:only-child. Testeando el selector de CSS3 en Deer Park Alpha 1

2005-06-04T22:14:00.000-03:00

Categoría: CSS

Este post es experimental. Para verlo completo se necesita un navegador medianamente moderno —puedo confirmar que funciona en Opera 8 y en Firefox 1.0.4— y los ejemplos de momento sólo funcionan en Deer Park Alpha 1.

No soy un avanzado de CSS como para esperar encontrar errores en la implementación de este selector pero eso no quita que es divertido probarlo contra casos bastante básicos. Por si alguien no se dio cuenta, :only-child se usa para seleccionar aquellos elementos que no tienen hermanos.

Prueba básica

p:only-child {background:red}

<body>
 <p>Texto sin sentido</p>
</body>

P, más allá de su contenido, sigue siendo el único hijo de BODY por lo que debería poder ser seleccionado. Como era de esperarse, P muestra fondo rojo. Demostración de Prueba básica.

Prueba básica 2

Como dije antes, el contenido de un elemento no afecta su condición de hijo único.

ul:only-child {background:red}

<body>
 <ul>
  <li>Item 1
  <li>Item 2
  <li>Item 3
 </ul>
</body>

Demostración de Prueba básica 2

Elementos anónimos

em:only-child {background:red}

<p>Esto es texto común pero 
 <em>éste tiene énfasis</em>
</p>

Mi error. Pensé que el texto fuera de EM contaría como otro elemento pero no es así. En realidad ni siquiera se trata de un elemento anónimo sino de una caja en línea —inline box— anónima. Cita de Anonymous inline boxes (Visual formatting model en CSS 2):

The P generates a block box, with several inline boxes inside it. The box for emphasized is an inline box generated by an inline element (EM), but the other boxes (Some and text) are inline boxes generated by a block-level element (P).

Demostración de Elementos anónimos

El elemento `HTML`

html:only-child {background:red;}

El elemento HTML no es hijo de nadie por lo que no puede ser seleccionado.

Demostración de El elemento HTML

Hermanos con `::after` (o `::before`)

body::after {content:"Hola mundo"}
p:only-child {background:red}

<body>
 <p>Texto sin sentido</p>
</body>

::after y ::before crean al pseudo elemento dentro del elemento seleccionado; en este caso, dentro de BODY, por lo que P ya no debería ser hijo único.

Mi error nuevamente. El selector se basa en los elementos declarados en el DOM. Cita de What's New in Deer Park Alpha en Mozilla.org:

CSS3 :only-child
This CSS3 selector allows selecting an element that has no other elements as siblings in the DOM.

Sumado a que a ::before y ::after no afectan al DOM. Cita de Adding Generated Content in CSS2 en Javascript Kit.

Generated content is not considered actual content, and hence doesn't alter the document tree, for those of you who work with the DOM.

Y por si falta más, el mismo DOM Inspector de Firefox muestra que no existe otro elemento más que P.

Demostración de Hermanos con ::after (o ::before).

Único hijo con `::after` (o `::before`)

body::after:only-child {content:"Hola mundo";background:red}

Por todo lo explicado antes, esta declaración tampoco tendria efectos.

Conclusión

No hay mucho más. Es un selector bastante simple por lo que no creo que logren sacarle algún error. Por cierto, según el módulo CSS3 Selectors una forma de emular a only-child es usar :first-child:last-child. Claro que Opera no soporta last-child. ¡Opera! ¡Ponete las pilas, por favor!

¡HTML es estricto!

2005-06-03T03:37:00.000-03:00

Categoría: HTML

Haciendo amigos por enésima vez. Para evitar problemas, evitaré mencionar la fuente de cada cita —aunque no debería ser muy difícil encontrar gente que represente ese tipo de pensamiento.

XHTML es mucho más estricto que HTML.

Entiéndase que la frase anterior se dice mientras se muestra como todos los elementos tienen que tener su correspondiente etiqueta de cierre.

El siguiente bloque de código es HTML 4 válido y una muestra de lo estricto que es:

<p>
<div>
 Texto
</div>

Si no se dieron cuenta de lo reusable y lo estricto, ¿qué mejor que mirar las especificaciones? El DTD de HTML 4 declara al elemento P:

<!ELEMENT P - O (%inline;)*            -- paragraph -->

El contenido entre paréntesis se refiere al tipo de contenido que el elemento acepta. En este caso, %inline; se refiere a elementos en línea (más conocidos como inline).

<!-- %inline; covers inline or "text-level" elements -->
<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

Para que se den una idea, inline se refiere tanto al texto y a ciertos elementos como A, SPAN o STRONG.

Pero volviendo al ejemplo original, ¿qué es un elemento DIV? ¡DIV es un elemento de tipo bloque!

<!ENTITY % block
     "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
      BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

Por tal razón, es inadmisible que ocurra dentro de un elemento P. Entonces cuando un navegador con dos dedos de frente se encuentra con un elemento P sin etiqueta de cierre seguido de un elemento de tipo bloque (DIV en ejemplo) sabe perfectamente que P termina donde empieza el siguiente.

Por favor, no crean que esto una locura mía. Fíjense nuevamente la declaración para el elemento P. Luego del nombre del elemento tenemos un guión y una letra O. El guión significa que la etiqueta de apertura es obligatoria, pero que la de cierre es opcional. Si quieren hechos, simplemente defínanle un color de fondo al elemento P y fíjense dónde termina el color. En un navegador decente —cualquiera calculo— el contenido de DIV no se debería ver afectado.

En XHTML el ejemplo anterior tendría que ser reescrito para volverlo más estricto.

<p></p>
<div>Texto</div>

¿Pero por qué tenemos que hacer esto cuando en HTML 4 quedó demostrado que no es necesario? Muy simple. Porque XHTML es XML, o al menos la mayoría cree estar utilizando XML. Un analizador de XML no conoce nada de HTML, sólo distingue etiquetas. Entonces, en el ejemplo de XHTML válido, no tendría problemas en entender que P termina en cuanto encuentra la etiqueta </p>. En cambio, en el ejemplo de HTML válido, no tiene por qué saber que P termina donde empieza DIV, por tal va a considerar a DIV como hijo de P y seguirá analizando el documento con la esperanza de encontrar la etiqueta de cierre para éste último.

XHTML funciona mejor con dispositivos móviles, navegadores antiguos, etc.

Error. Si estamos hablando de navegadores comunes y corrientes (sin importar antigüedad o plataforma), deberían ser perfectamente capaces de leer un documento HTML. Ya quedó claro antes que HTML tiene reglas claras. De ahí a que un navegador tenga errores es una tema ajeno a HTML.

Programar un analizador de XML sin duda sería mucho más fácil que uno de HTML pero la diferencia es mínima. Si el analizador conoce la diferencia entre un P y un DIV, entonces no debería importarle si tiene que trabajar sobre un documento XHTML o uno HTML. Aclaro igualmente que estamos suponiendo que ambos documentos son válidos —analizar un documento no válido puede ser un parto sin importar las reglas que estemos usando.

Otro ejemplo de HTML:

1. <dl>
2. <dt>Termino 1
3.  <dd>Definición 1
4.  <dd>Definición 2
5.   <p>Párrafo 1
6. <dt>Termino 2 
7.  <dd>Definición 3
8. </dl>
9. <p>Párrafo 2

DT sólo puede contener elementos inline, por lo que ante la apertura de DD en la línea 3 sabe que debe cerrarse.

DD no puede contener otro DD por lo que el de la línea 3 se cierra en cuanto empieza el de la linea 4.

DD puede contener tanto elementos de tipo inline como tipo bloque por lo que el elemento DD de la línea 4 puede tener por hijo al elemento P de la línea 5.

Como P sólo puede contener elementos de tipo inline, al ver la apertura de un nuevo DT en la línea 6, sabe que debe cerrarse. Como DD tampoco puede contener a DT, también se cierra.

En la línea 8 cerramos a DL como una forma de avisarle al DD de la línea 7 que también debe cerrarse, y así evitar que contenga al elemento P de la línea 9.

¿Y si quisiéramos reutilizar un documento HTML en una aplicación que sólo recibe XML? Es claro que en principio no se puede. Un analizador no podría entender las reglas de HTML. Pero para eso existen herramientas como Tidy. Tidy es lo bastante inteligente como para entender las reglas de HTML y agregar las etiquetas de cierre donde corresponden y así tener un documento XML bien anidado.

Entonces HTML es tan estricto como XHTML. Las etiquetas de cierre obligatorias —la causa de lo estricto— no van a impedir que haya gente escribiendo <a><h1>Titulo</h1></a> esperando que funcione mientras se sienten orgullosos por estar usando la última tecnología.

Sanitize and report

2005-06-02T01:03:00.000-03:00

Categoría: Firefox

Deer Park Alpha 1, includes an easy way to let users remove browsing history, cookies, cache, saved form information, and other personal data —a Sanitize feature, according to Mozilla.
Also new is the report a broken website wizard, which could help in the effort to get more Web sites compatible with Firefox.

Cita de Users can 'sanitize' next Firefox browser.

Sòlo espero que no salten a llamarlo revoluciòn. Bah, los de Cnet son capaces.

Sólo funciona con

2005-06-01T01:30:00.000-03:00

Categoría: Navegadores

O haciendo amigos, parte 2.

Amazing X-Ray Effect es una simpática muestra del poder de CSS 2 —apostaría que el truco está en la correcta implementación de ~~background-scroll: fixed~~ background-attachment: fixed como aclaró Rodrigo en Lindo ejemplo de background-attachment. Justamente con correcta se puede distinguir a cualquier navegador que se haya actualizado recientemente —Internet Explorer 6 tiene varios años sin mejorar. Todo esto viene a la errónea leyenda que acompaña la página: Only works with Firefox. Aclaremos algo bastante obvio: funciona en varios navegadores. Normalmente no me molestaría en hacer notar esto. El problema es que en la nota Efecto Rayos X en Microsiervos eligieron repetir el mismo error y aunque, como corresponde, pedí amablemente una corrección del error (para que no digan que soy jodido), no me llevaron demasiado el apunte. Exactamente la respuesta oficial fue:

Opera, Konqueror, Safari… son todo "mozillas" así que también se debería ver ok en ellos (en Safari por ejemplo sí)
Firefox en este caso yo diría que se usa como abanderado de los "mozillas-todos-en-general" (Opera incluído) en lugar de nombrarlos a todos cuando al final son más o menos lo mismo y en cambio son menos conocidos que éste.

Para futuras referencias les recuerdo que ninguno de esos navegadores son lo mismo; cada uno tiene su propio motor de renderizado. Decir que uno puede ser abanderado de los demás es ignorar las capacidades individuales de cada uno y sólo exaltar las carencias en comparación con el abanderado de facto.

Ahora bien, ¿a quién está dirigido este experimento y en consecuencia el mensaje erróneo? Se me ocurren dos objetivos: el público promedio que no sabe ni usar Windows, y los diseñadores (especialmente aquellos minimamente interesados en CSS).

Si el objetivo es el público en general, no hay mucho que hacerle. El marketing se basa en las mentiras. Decir que sólo Firefox puede mostrar la página es una mentira hecha con conocimiento de causa.

Si el objetivo son los diseñadores, están jugando un juego, como dije antes, muy peligroso y dañino. El verdadero merito del experimento debería ser demostrar las cosas que se pueden hacer con CSS, y no simplemente hacer presión para que, como temo, un día tengamos a Firefox en el lugar monopólico de Internet Explorer.>

¡La web se supone que sea abierta! Y querer hacer creer que sólo existe una forma de entrar no está muy lejos de una burda discriminación.

Éso, allá afuera

2005-05-31T16:07:00.000-03:00

Categoría: Opinión

No terminan de entenderlo: El conflicto entre Weblogs SL y los agregadores de feeds. El capitalismo más agresivo que he visto. Si estos tipos son los gurúes de la blogósfera en español y terminan siendo los más conocidos, entonces no quiero seguir siendo blogger. Ni en una pelea de putos se puede presenciar tanto delirio de diva.
II encuesta webloggers y lectores de blogs: Actualización: La encuesta sí tiene una licencia CC aunque en el pie de página dice © Mayo de 2005.

Y yo que pensaba que preguntar que tipo de licencia tenía la encuesta iba a sonar muy sarcástico.
Puntos a tener en cuenta a la hora de organizar un meetup (según yo): La blogósfera no aprende que los bares tienden a poner música a todo volumen, por lo que resultan poco apropiados para una reunión pensada para charlar. Creo que después del incidente del problema de organización en el picnic de principios de este año, se podría haber aprendido que organizar no es poner un simple mensajito perdido en un blog sino trabajar para las que las probabilidades de ser vanagloriado sean lo bastante altas. Menos mal que cuando uno de mis estimados me aclaró que la zona era Palermo Hollywood me aterré al punto de no ir.
Como hacer publicidad barata: El nuevo meme de la blogósfera. Para mostrar devoción en lugar de lamé mis botas ahora se dice Votame en los premios Juancito.

Poniendo en claro la licencia de este sitio (2)

2005-05-30T17:04:00.000-03:00

Categoría: Institucional

Todos los comentarios que se hagan en este blog pasan a formar parte del mismo y quedan sujetos a la licencia de este sitio.

Recuerden: All your comment are belong to us.

Por cierto, ¡Brinkster está metiendo publicidad en mis comentarios y obteniendo ganancias! Y es publicidad contextual por lo que leen mis comentarios, ¡o sea que me deben miles de dólares!

Poniendo en claro la licencia de este sitio

2005-05-29T23:44:00.000-03:00

Categoría: Institucional

Sólo por leer este blog me deben un dólar. Envíenlo a Pato Feliz, avenida Siempreviva 72, Springfield. ¡No tarde! La felicidad eterna está a un dólar de distancia.

Me pregunto quienes recordarán este episodio.

Yahoo Mindset. Pequeño destripamiento.

2005-05-28T20:34:00.000-03:00

Categoría: Internet

Si necesitan saber qué es Yahoo Mindset pueden leer Yahoo! Mindset en ALT1040.

Primero y principal: Yahoo Mindset no es AJAX. No he visto a nadie que lo afirme pero recuerdo que alguien se lo preguntaba. Yahoo Mindset está basado en un simple script que reordena los elementos que contienen los resultados. Si desactivan CSS verán la lista completa de los primeros 100 resultados. Es más, fíjense que cada resultado está acompañado de un número entre paréntesis; número que en la primer página jamás supera el 100.

El código HTML es sencillamente un despelote sin pies ni cabeza. Mucho DIV donde lo mejor sería P, B en lugar de STRONG, atributos style y para asustar a quien intente ver el código, IRIs kilométricas por culpa del redireccionador. Fuera de todo eso que quizás tenga alguna razón de ser, lo que más me sorprendió fueron los LI de cada resultado: <li id="res_1" score="0.034598" rank="1" class="hideres">. El class="hideres" se repite en cada LI. Alguien tendría que explicarles que como no tienen LI anidados, bien podrían haberle puesto un id a OL e incluir en la hoja de estilos ol#resultados li y ahorrarse algunos bytes. Fuera de eso, me llama la atención los dos nuevos atributos inventados: score y rank. rank en particular me llama la atención porque bien podrían haber parseado el atributo id para obtener el número —fíjense que el número en rank es igual al de id, a menos que en algún momento lo estén cambiando mediante Javascript. score acepta valores (numéricos) tanto positivos como negativos, por lo que asumo que es la forma que eligieron para diferenciar los resultados entre shopping y researching —una prueba muy básica revela que los valores negativos se refieren a researching. Me pregunto si tener que parsear el score de cada resultado es más práctico que tener un array con cada valor. Expertos en Javascript sabrán.

Cuestiones básicas de accesibilidad… Si el navegador no soporta Javascript no funciona. O mejor dicho, ¡no se ve nada! A pesar de que en el código fuente aparece claramente la lista de resultados, nada de ésto aparece en pantalla. Parece que en su afán de disimular los 90 resultados extras, de entrada los ocultan a todos. El problema (o grave error) es que primero ocultan todo mediante CSS y recién después los hacen reaparecer mediante Javascript. ¿Para qué usar dos herramientas cuando con una sola alcanzaba? Sólo ellos saben. Si quieren ver el agujero, simplemente agreguen:

<style>
* {visibility:visible !important;overflow: visible !important;}
</style>

Espero que Yahoo se ponga las pilas luego de MSN Search demostrará que se puede escribir código válido.

Meme musical (otra vez)

2005-05-27T02:03:00.000-03:00

Categoría: Meme

Tanto Rodrigo (Música, música, siempre sí) como Diego (Saracatunga catunga catunga) me mandan a hacer lo que los blogs yanquis empezaron como musical baton. El problema es que yo ya había respondido a un meme similar anteriormente por lo que no hay muchas novedades. Igualmente pasaré a responder.

Tamaño total de los archivos de música en mi PC:

3.69 GB en aproximadamente 1200 archivos. Faltarían un par de docenas que tengo dando vueltas sin clasificar. A todo eso hay que sumar los archivos que tengo en los simuladores de Dance Dance Revolution (aproximadamente 1.5 GB) y Pump it up (aproximadamente 850 MB).

Último disco que me compré:

Uno de Radio Aspen que compré apenas por un tema.

Canción que estoy escuchando ahora:

¡Maldición! ¿Justo ahora preguntan esto? Para ser sincero, estoy escuchando Waterloo de E-rotic; un cover del original de Abba. Ojo, cover en serio, nada de Abba Teens. Si quedaban dudas sobre mí, acaban de ser despejadas.

5 canciones que escucho un montón o que tienen algún significado para mí:

Be Rock U(1998 burst style) de NAOKI (género: rave)
Frozen ray de dj TAKA (género: trance)
Maniac Monday de Bangles
Candy ~LMK Trance Style~ de DJ LMK vs. Luv Unlimited
Samurai 2000 de Smile.DK vs Juno Reactor - (género: trance)

5 personas a las que les paso el testigo:

Lucas, sólo para molestarlo.
Franco, así escribe las respuestas en papel, le saca una foto y la publica en su fotoblog.
Bcloud, porque no tiene donde responder.
Lake, porque es realmente gracioso.
Peste, porque posiblemente me tire este meme por la cabeza.

Por cierto, chequeen la gente con la que me incluyó Diego. ¡Que honor, che!

Deer Park: mis observaciones prejuiciosas

2005-05-26T03:23:00.000-03:00

Categoría: Firefox

Vía Firefox 1.1 (Alpha 1 RC): Deer Park en Mundo Geek me acabo de enterar de que se han publicado varios changelogs sobre las mejoras que incluirá Firefox 1.1. Como hay varias cosas interesantes, que mejor que yo para hacer algunos comentarios (lease lo anterior con un tono sarcástico).

Sobre las mejoras en el funcionamiento general del navegador, la nota rescata Sanitize que permite borrar rápidamente el historial, las cookies, la cache, la información de los formularios, y en definitiva toda la información guardada durante la navegación… Ustedes dicen Sanitize, yo digo Delete private data.

La velocidad de navegación por el historial (anteriores o siguientes páginas) se ha incrementado significativamente. Si no me equivoco (repito, si no me equivoco) lo que haría es mantener ciertos documentos en la memoria RAM para no tener que volver a analizar la copia en disco. No es una novedad en el ámbito de navegadores, pero que bueno que mejoren ese aspecto.

Cerca del final enlazan otro documento titulado New Web Developer Features in Deer Park Alpha 1 en Mozilla.org. Obviamente éste es uno de los que más me interesa así que sigamos.

CSS2 quotes nesting: Starting with this release, the CSS2 quotes property is fully supported. ¡Una buena! Si mal no recuerdo, Mozilla tenía problemas cuando quotes tenía definida cuatro valores. Opera actualmente también tiene problemas así que buen tirón de orejas es. Para que se den una idea, pueden fijarse la sección de comillas en mi archivo CSS para comprobar el embrollo que tuve que armar para que todo saliera bien.

CSS3 :only-child. Siguen agregando soporte para selectores de CSS3 (lo que no está mal teniendo en cuenta que este módulo es poco probable que cambie). No es que only-child me emocione, pero es bienvenido. Se rumorea que Opera también está trabajando en incluir soporte para estos selectores.

CSS3 columns. No lo malentiendan. Lo que este módulo propone es una manera de hacer fluir el texto en columnas, no los elementos de tipo bloque (para esto último existe float). Tomen en cuenta que bien aclara que se trata de experimental implementation por el momento. Por cierto, si leen el módulo Multi-column layout, les recomiendo el punto 10 Floating in and between columns que va a ser realmente interesante cuando se lo logré resolver.

CSS3 overflow-x and overflow-y properties. Firefox 1.0.3 ya las soporta así que no sé cuál será la novedad.

CSS3 cursors. Personalmente no me emociona que un autor ande modificando con tanta facilidad cuestiones ajenas al documento. Me recuerda demasiado a las propiedades scrollbar-* de Internet Explorer. Supongo que aquellos que desarrollen aplicaciones web les será útil este módulo.

CSS outline property. Lease: pasar de -moz-outline a outline. Supongo que habrán mantenido hasta ahora ésto en experimental para determinar qué lugar ocupa outline en la pila.

SVG Support. Apuntan a SVG 1.1 Full; mucho mejor que el SVG Tiny de Opera —su cuota de mercado en el ámbito de los dispositivos móviles seguramente afectó los objetivos del segundo. Espero que lo logren. ¿Un futuro sin Flash?

XForms support. ¿Con la misma X de XHTML? Salvo que aprenda algo nuevo sobre el tema, no es la gran cosa (o que ocurra un milagro en otros ámbitos).

Esto fue todo. No comenté todos los puntos por lo que les recomiendo leer el artículo completo. Al final no tiré ningún palo como alguno podría haber previsto. Ojalá Opera también hiciera este tipo de avisos (más que nada para calentar el ambiente al menos).

Recomiendo la reseña sobre el diseño de La Coctelera

2005-05-25T02:54:00.000-03:00

Categoría: Accesibilidad

Les recomiendo leer Diseño de interacción para La Coctelera en Terremoto, especialmente el párrafo de Navegación mediante Mapeado Natural. La interfaz para la configuración del blog realmente me ha sorprendido por la simpleza —y no lo digo por repetir el mismo discurso que se escuchó con todo el asunto de la inauguración. Es curioso que si la idea del diseño está basado en un concepto un tanto viejo (guiándonos por los años que disponemos de interfases gráficas) sea tan poco conocido —entiéndase la diferencia entre conocido y usado; por ejemplo, Ajax hace rato que es usado pero ahora se hizo conocido. Al margen, reconozcamos que esta aproximación a las opciones de configuración también está disponible en Windows (Opciones avanzadas, en la pestaña Apariencia de las propiedades de pantalla).

Como último detalle, quiero rescatar un detalle simpático cuando habla de la diferencia entre posible y probable:

(Diseñar para lo más probable) Supone diseñar para el grueso de usuarios y taparse los oídos cuando suena eso de y si un usuario quisiera….

Estoy seguro que la intención del autor fue buena por lo que espero que ningún malintencionado se tape los oídos cuando suene otra frase relacionada y no menos importante como es y si un usuario quisiera (acceder) pero no pudiera (porque no es del grueso de los usuarios).

Netscape 8.0.1 (y algo de IDN)

2005-05-22T20:18:00.000-03:00

Categoría: Navegadores

Parece haber un poco de desinformación sobre el tema de esta nueva versión de Netscape.

Algunos (muchos tal vez) sabrán que la versión 8.0 está basada en Firefox 1.0.3. El problema viene a cuento de que, aunque Firefox fue actualizado recientemente a su 1.0.4 por problemas de seguridad, Netscape no había prestado atención a ese detalle.

Igualmente, Netscape 8.0.1 fue lanzado a las pocas horas, esta vez sí usando el motor de Firefox 1.0.4. O sea que Netscape 8 (en general) debería ser tan seguro como Firefox para este momento.

Tanto Infobae en Netscape tuvo que actualizar su nuevo navegador y Libertad Digital en La nueva versión del navegador Netscape sufre hasta 44 fallos de seguridad se hicieron eco de esta noticia — también Linklog actualizó su comentario al respecto.

Igualmente sobre la nota en Libertad Digital no deja de sorprenderme que hablen de 44 problemas de seguridad cuando el reporte de Firefox sólo habla de 3 (2 de seguridad más especáficamente), además que encontrar tan tremenda cantidad en tan poco tiempo y resolverlo en apenas horas no deja de ser sorprendente aún suponiendo las mejores intenciones de parte de los responsables de Netscape. Además, al final, comentan que Netscape resuelve los problemas con mucha mayor presteza que Microsoft, aunque vale pensar que el que Firefox ya los tuviera corregidos seguramente habrá ayudado bastante.

Por cierto, quisiera agregar una última curiosidad. La solución que eligió Netscape para prevenir a los usuarios de sitios peligrosos es el uso de una lista de sitios seguros y de sitios sospechosos.

Netscape continuously updates the browser with a list of trusted and suspected sites, so it will automatically apply your security settings to make you safer and more compatible.
User receives frequent updates of trusted and potentially dangerous sites.

Lo curioso es que es la misma solución que eligió Opera para evitar engaños con los nombres de dominio internacionales. Básicamente Opera actualiza una lista de dominios de nivel superior cuyos registrantantes controlan los dominios para evitar problemas.

No he podido bajar Netscape 8 así que si alguien lo tiene quisiera pedirle que por favor chequee la siguiente URL: http://www.müller.de/. Si en la barra de direcciones se lee exactamente la URL como la he escrito, Netscape estaría usando el mismo sistema de Opera. Si en cambio, muestra algo como http://www.xn--mller-kva.de/ entonces siguieron los pasos de Firefox.

Pronostico del tiempo à la Bloglines

2005-05-18T22:27:00.000-03:00

Categoría: Internet

Hace poco comentaba sobre la opción de pronóstico del tiempo de Bloglines.

En este exacto momento, Bloglines informa que hoy miércoles es un día soleado (y mañana jueves también).

Por si ni siquiera vieron por la ventana, les aviso que hay una humedad terrible y el cielo está todo cubierto.

Ya me habían advertido que los periodistas no tienen idea sobre meteorología.

Un helecho por la inauguración

2005-05-16T19:20:00.000-03:00

Categoría: Weblogs

De una conversación por MSN (el que habla obviamente soy yo):

Que gran parte — ¿o acaso todos? — de los que están suscriptos mediante Bloglines a Weblog sobre weblogs lo estén haciendo prácticamente desde el mismo día, ¿significará algo?

¿En qué extraño mundo hemos caído en el todo se vuelve rosa con la promesa de un hermoso futuro — en este caso un blog?

Aclaro que la mención del anterior blog es sólo anecdótica — en serio lo digo — ya que considero que muchos se habrán enterado de los 4 otras promesas — dos blogs, un blogzine y un servicio (a los que no planeo publicitar).

Me dije que el próximo blog que acabara con mi paciencia festejando una inauguración iba a ser borrado de mis suscripciones. Lamentablemente no pude respetar mi promesa por un conflicto de intereses — y también algo de culpa.

Finalmente, como acto de bondad, quiero que toda la blogósfera sea feliz: ¡planeo escribir otro post! ~~Convensance~~ Convénzanse de que va ser muy bueno y serán felices.

Al margen, si abandono este blog y empiezo uno nuevo (igual), ¿también van a armar tanto barullo? Es que me encanta ser el centro de atención.

Hablando mal de Opera desde la ignorancia

2005-05-13T01:59:00.000-03:00

Categoría: Opera

Si visitan Concept&Development con un navegador distinto a Mozilla, serás bienvenido con un simpático mensaje.

Estás usando un navegador que no cumple con los estándares. Ciertas funciones pueden no estar disponibles.

Decirle esto a alguien que usa Internet Explorer tendría cierto sentido teniendo en cuenta el soporte desactualizado que tiene, pero decirlo sobre Opera (y otros como Safari o Konqueror) es una estupidez.

Si revisan el script que detecta navegadores, se ve claramente que con toda la intención se está discriminando cualquier cosa que no sea Mozilla (~~por lo que cabe preguntarse si no estará criticando también a K-Meleon que también usa el motor Gecko~~ el script reacciona ante la palabra Gecko por lo que no debería dar problemas con K-Meleon).

Me importa un bledo qué navegador prefiere cada uno, pero no pienso permitir que alegremente se difame al resto. Y menos cuando evidentemente lo están haciendo desde la más pedante ignorancia.

Por cierto, muy interesante la explicación sobe la posición del sitio con respecto a los estándares (y otros navegadores):

Este sitio web respeta los estándares desarrollados por el W3 Consortium por lo tanto está optimizado para ser utilizado con navegadores que respetan dichos estándares.

31 errores. El atributo alt es obligatorio. Border y target no están permitidos. El contenido de SCRIPT está desnudo.

Mejor me cambio a Firefox para ver si todo eso se corrige.

Actualización: A pesar de tantas líneas, el script de detección es bastante simple. O sea, las líneas que cuentan son apenas dos:

var Moz = (navigator.userAgent.indexOf('Gecko') != -1);
if (!Moz) {document.write ('...');}

Opera cuando intenta identificarse como Mozilla envía Mozilla/5.0 (Windows NT 5.1; U; en) Opera 8.0 por lo que es imposible escapar.

Opera mini

2005-05-11T01:23:00.000-03:00

Categoría: Opera

Para vos, que me comentabas que Opera debería tener una versión reducida de su navegador. La respuesta oficial.

We have discussed doing a "light" version of Opera where we have stripped extra functionality, but we have always come to the same conclusion; Opera is a lot smaller than the competition and the program size would not get a lot smaller by removing mail, chat and the like. With Opera 8 we have taken steps to hide a lot of the functionality and only show it when you wants to use it. The benefit of doing it this way is to give you the flexibility to choose how complex you want Opera to be and not spend a lot of resources on doing two versions of Opera. I believe this gives you the best solution.

Editar las busquedas en Opera

2005-05-09T01:10:00.000-03:00

Categoría: Opera

Vamos a hacerle un poco la contra a Real Academia Española, MercadoLibre y DeRemate en tu FireFox.

En principio, editar las búsquedas de Opera no está soportado tan oficialmente como ocurre con Firefox. Igualmente existen dos formas de hacerlo: editando el archivo search.ini o usando Opera Search.ini Editor. Por cuestión de simpleza, comentaré la segunda.

El programa incluye traducción al español por lo que no debería ser mayor problema. Al instalarlo, como recomienda el programa, conviene asegurarse que la auto detección de search.ini fue correcta — especialmente importante cuando Opera está guardando configuraciones específicas para cada usuario. Por otro lado, es importante que Opera esté cerrado cuando quieras guardar la nueva configuración.

Agregar búsquedas predefinidas

El programa incluye por defecto varias configuraciones de búsquedas listas para ser instaladas. Primero seleccioná la opción Añadir (Editar, Añadir) y la nueva ventana mostrará, en la columna izquierda, una lista de búsquedas listas para ser instaladas. Usando el menúFiltro es posible mostrar sólo aquellas que estén es español.

Agregar nuevas búsquedas

Las búsquedas predefinidas en español son bastante pobres, por lo que lo mejor es agregar tus propios buscadores. Nuevamente en la opción Añadir, usaremos la columna derecha para agregar nuestro propio buscador.

Hay que tener en cuenta que Opera sólo reconocerá los primeros 50 buscadores, aparte de los de click rápido o hotclick —que serían los de diccionario, enciclopedia y traductores.

La opción Nombre es bastante obvia. Simplemente se trata del nombre del buscador. Éste también será el nombre usado en los menús de Opera.

El campo Dirección se refiere a la URL que usa el buscador para la búsqueda. En el caso de Google, ésta es http://www.google.com/search?q=palabra. La opción Asistente URL puede ayudar a determinar la URL de cada buscador.

El Tipo de búsqueda no sólo determina el tipo de búsqueda, valga la redundancia, sino que también se usaba en Opera 7 para determinar el icono. En Opera 8, la cuestión de los iconos ya no cuenta pero si la de los números, dado que algunos están reservados. Lo mejor es usar el botón Predefinida y seleccionar un número de la lista Normal. No deberían existir problemas al usar números repetidos (al menos personalmente no los he tenido).

El campo Clave se refiere al prefijo que se usará para activar cada buscador. Por ejemplo, por defecto, escribiendo la letra G más la palabra a buscar en la barra de direcciones, se activará el buscador Google.

Codificación se refiere a juego de caracteres internacionales. Salvo que UTF-8 cause problemas, no es necesario cambiarlo.

Tiene separador final simplemente agrega una línea separadora debajo del nombre del buscador en el menú desplegable. Ideal para agruparlos.

Sobre los números de las búsquedas

Todos los buscadores (normales) definidos aparecerán en la lista desplegable de buscadores, en el orden que están definidos. Sumado a esto, los primeros 16 estarán disponibles como campos exclusivos. Seleccioná Tools, Appearance, la solapa Buttons y de la columna izquierda, la opción Search para seleccionar entre estos 16.

Por otro lado, los buscadores 1 y 2 serán los usados por Super search.

Super search

Este pseudo buscador lo que hace es buscar en dos buscadores al mismo tiempo. Como dije antes, esta opción utiliza los dos primeros buscadores definidos. Por defecto, esta opción viene desactivada en Opera 8, pero con Opera Search.ini Editor es posible volver a activarlo.

Dentro del programa, seleccioná Añadir, en el filtro seleccioná Especial, y de los buscadores desplegados, seleccioná Super.

Descargar nuevas búsquedas

Nuevas motores de búsquedas pueden ser descargados de la red, básicamente descargando un archivo que contiene la configuración necesaria. Opera Search.ini Editor se integra a Opera de tal forma que cuando intentes bajar uno de estos archivos (con extensión .se7) automáticamente aparecerá una ventana para instalar la búsqueda. El programa también es compatible con los archivos de búsquedas para Mozilla (con extensión .src), por lo que las búsquedas de Real Academia Española, MercadoLibre y DeRemate para FireFox también funcionarían si no fuera por el browser sniffing. Como para no robarle los archivos, modifiqué los suyos para hacerlos compatibles con Opera.

Sobre las búsquedas en Babylon: En principio es posible modificar los motores de traducción, que trae Opera por defecto, usando el Opera Search.ini Editor. Si aún quieren tenerlas dentro de las búsquedas normales, también es posible.

Sobre YaGoohoogle, aunque bien podrían definir a Yahoo y Google como los primeros buscadores y llamarlos usando Super Search, también puede ser agregado: Buscador Compuesto (Yahoo/Google).

Aprovechando, incluyo algunas sugerencias mías:

Si querés seguir agregando buscadores, podés visitar Opera Search Plugin Manager que contiene configuraciones especiales para Opera o sino Mycroft project que reúne buscadores para Mozilla.

Editando manualmente

Por lo visto es posible simplemente copiar el contenido del archivo .se7 dentro de search.ini sin problemas. Sólo falta cambiar el texto entre corchetes (Opera Search Engine) por Search Engine seguido de un número que esté disponible.

Cinturón de castidad

2005-05-08T15:45:00.000-03:00

Categoría: Internet

Disculpa, pero tu sistema de represión sexual está invadiendo mi privacidad.

En realidad sigue haciendolo desde aquella vez.

Al menos a Lake le ocurrió y a Fede también les pasó — lo que demuestra que no soy el único buscando eso por internet.

Tiempo para perder

2005-05-04T22:41:00.000-03:00

Categoría: Firefox

¿Son tan pocas las cosas para arreglar en Gecko que los usuarios de Mozilla tienen tiempo de ocuparse de Opera?

El CEO de Opera respondió

2005-05-02T16:56:00.000-03:00

Categoría: Opera

El CEO de Opera respondió a (algunas) de las preguntas que le enviaron los usuarios. La nota completa: Opera CEO chat.

Lamentablemente, los muy guachos ignoraron mi pregunta de por qué no tienen una base de datos abierta sobre bugs (al menos en CSS) como The Mozilla bug database. Una de esas cosas que le envidio al resto.

Avisame si rediseñas

2005-04-29T03:53:00.000-03:00

Categoría: CSS

No sé absolutamente nada de Javascript por lo que no puedo explayarme como me gustaría, por lo que sólo diré que la unión de User JavaScript (tecnología de Opera; los usuarios de Mozilla remítanse a Greasemonkey) y user CSS, veré algunos sitios de otra manera.

Mi versión de Denken Über (PNG). Por cierto, sin darme cuenta también se modificó Mobile Uberbin (PNG).

Lo siento, Mariano, pero Verdana en ese tamaño tan pequeño es un no-no.

Para los desorientados: no es un juego de rediseñar el sitio sino mi libertad de pedirle al navegador que modifique automáticamente un sitio (en particular) a mi gusto.

Y después decían que Autolink era maligno.

3333 comentarios

2005-04-25T21:00:00.000-03:00

Categoría: Institucional

¡Felicidades, Capitán Intriga! El comentario número 3333 fue tuyo.

Festejo éste porque el 1000, 2000 y 3000 fueron míos.

1 millón 50 mil descargas de Opera

2005-04-25T17:15:00.000-03:00

Categoría: Opera

DOWNLOADS: 1,050,000: Target reached by April 23 0900 CET!

Y como lo prometido es deuda, el CEO de Opera realmente planea nadar.

Los afiliados de Firefox

2005-04-23T23:21:00.000-03:00

Categoría: Firefox

La lista de los 250 sitios que más visitas produjeron a ¿Spread Firefox?: Roll Call Top 250.

Opera 8 en español

2005-04-23T22:59:00.000-03:00

Categoría: Opera

Opera 8.01 ya está en español de manera oficial.

La traducción al español de España. Esta traducción no es oficial: archivo .lng traducido al español.

Para instarlo, sólo copiá el archivo .lng a la carpeta de instalación de Opera y, una vez abierto el programa, seguí los siguientes pasos:

Tools
Preferences
General
Details

En esa sección también podés seleccionar el español como idioma preferido para ver las páginas — especialmente útil en Google.

Tooltips del bloqueador de popups de Opera

2005-04-22T18:33:00.000-03:00

Categoría: Opera

Cuando Opera bloquea un popup, del botón Closed aparece un pequeño tooltip informando que una ventana emergente ha sido bloqueada.

Un aviso está bien, pero cuando no paran de salir avisos puede resultar molesto (además de que puede enlentecer el scroll, al menos en mi caso). Por suerte es posible desactivar estos avisos:

Menú Tools
Preferences
Pestaña Advanced
En la columna de la izquierda, seleccioná Notifications
Destildá Show notifications for blocked pop-ups

La lista de pop-ups bloqueados se puede seguir revisando desde el submenú Blocked popups from del icono Closed.

Sitios que discriminan a Opera

2005-04-22T03:28:00.000-03:00

Categoría: Opera

Si algún sitio realiza un browser sniffing innecesario, impidiendo que Opera pueda acceder, ahora es posible denunciar el sitio.

Simplemente vayan al sitio ofensor y elijan del menú Help, la opción Report a site problem para enviar un reporte junto a los comentarios que consideren pertinentes.

Sí, sé que recuerda al informe de errores de Windows pero al menos éste no salta agresivamente a pedir que uno haga el reporte.

La nueva mascota de Opera

2005-04-22T01:45:00.000-03:00

Categoría: Opera

Reconozcamos que la nueva mascota de Opera — al que pueden ver en varias de las publicidades de descarga — es bastante chocante.

Aún así, para quienes se lo preguntaban, en realidad se trata de Haavard Nord, encargado del área de Quality Assurance y miembro activo de los foros, disfrazado como un Power Ranger.

¿Alguien habrá perdido una apuesta?

El CEO de Opera en traje de baño

2005-04-22T00:52:00.000-03:00

Categoría: Opera

El CEO de Opera promete cruzar a nado el océano Atlántico si se alcanza el millón de descargas dentro de los primeros cuatro días del lanzamiento.

Opera fue lanzado el 19 de abril, por lo que el límite sería este sábado.

Las estadísticas de momento se ven prometedoras:

The download numbers of Opera 8 reached 600000 in the first 48 hours.

Nota completa: The one million download challenge of Opera 8: Opera's CEO will swim from Norway to the USA.

Al margen, como no tengo trackbacks, aviso que Diego comentó la noticia en Se lo imaginan al dueño de Opera nadando?

Opera: Si la función de voz no lee

2005-04-21T17:47:00.000-03:00

Categoría: Opera

Pequeño detalle importante si planean usar la opción Speak en Opera 8: deber tener activada la opción Enable sound in web pages.

Para probar sólo seleccionen un texto (en inglés) y aprieten la tecla V (o clic derecho y seleccionen Speak).

Identificate como Opera

2005-04-21T15:42:00.000-03:00

Categoría: Opera

F12
Identify as Opera

Parece que para evitar el susto de un browser-sniffing, Opera elige identificarse como Internet Explorer por defecto.

Migrando de Opera 7 a Opera 8

2005-04-21T01:38:00.000-03:00

Categoría: Opera

Estos guachos de Opera me cambiaron todas las opciones de lugar, pero al menos se molestaron en documentarlas.

Migrating from Opera 7.5 to 8.0.

Descargar Opera 8 (al fin)

2005-04-19T23:36:00.000-03:00

Categoría: Opera

Actualización: Descargar Opera 8.01 en español.

Si logro que 250 personas visiten el sitio de Opera ~~(o que 50 descarguen el programa)~~ usando mi enlace de afiliado, me regalan una licencia de uso.

Representando mi vida vacía (solución)

2005-04-18T17:35:00.000-03:00

Categoría: CSS

Seguramente no aparecerán más propuestas para representar mi vida vacía por lo que pasaré a la explicación. Por cierto, es conveniente aclarar que jamás he trabajado con XML por lo que mi documento puede no ser perfecto (de hecho, voy a obviar gran parte de su estructura).

Empezaré justificando mi elección, que quizás es mucho más fácil de hacer. Primero, olvídense de todas las soluciones propuestas. Segundo, concéntrense en la estructura del documento sobre los autores en Linklog. Eviten pensar en sus nombres o en su presentación; noten que simplemente se trata de una lista: una lista de autores. Como se repiten, es válido considerar que puede existir un elemento AUTOR que los enumeré aunque sin distinguirlos. O sea que hasta el momento tenemos siete elementos AUTOR.

Momento de distinguirlos. Todos serían autores, pero como personas son únicos e irrepetibles. Quienes estén acostumbrados a las bases de datos, sabrán que cada registro tiene una identificación única. Si un valor no puede repetirse, ¿qué mejor que usar el atributo id que prohíbe que su valor se repita en otro elemento? Justamente esa es la razón por la que rechace la opción de Diego de usar class. Como el documento que estamos armando es muy sencillo y de uso privado, podemos recurrir a valores más amigables para id. Por tanto, de momento, parte del código se vería así.

<autor id="francog">
</autor>

<autor id="lucas">
</autor>

<autor id="mariano">
</autor>

<autor id="federico">
</autor>

Tengan en cuenta una cosa: un navegador o un parser normalmente mantienen oculto el valor de un atributo, por lo que no se puede depender del valor de id para obtener los nombres. Como se imaginarán, luego agregaré un elemento NOMBRE para contener los nombres. Si alguno se está preguntando si no sería redundante tener el nombre tanto en un atributo como en un elemento, les comento que no. Mientras que puede aparecer otro autor con el mismo nombre (por lo que el contenido de NOMBRE sería igual), el valor para su id tendría que ser distinta.

Volviendo a la página de autores, se ve que cada autor tiene ciertos datos asociados:

Nombre
Cantidad de posts
Localidad
Perfil (acerca de)

En mi código original, yo asocie el punto de perfil con un elemento LIFE, por lo que de momento el elemento AUTOR con mis datos dice algo como ésto.

<autor id="federico">
 <nombre>Federico</nombre>
 <posts>8</posts>
 <localidad>Buenos Aires</localidad>

 <life>Texto sin sentido</life>
</autor>

Como en el perfil digo el resto de mi vida, es valido ignorar todo el texto anterior de introducción. Si lo borraran, el elemento LIFE quedaría:

<life></life>

Como LIFE ahora no contiene ni siquiera espacios en blanco, es posible seleccionarlo con el selector :empty.

Después de mostrar como llegue a mi versión, creo que es bastante simple por qué ninguna de las soluciones propuestas me convenció. Más allá de la mala manía de inventar propiedades para CSS, que ya hemos visto que es innecesario, están olvidando un punto muy importante: ¿qué pasa si CSS está desactivado? Como la mayoría de los ejemplos tratan de establecer el hecho de que mi vida está vacía desde CSS, ¿si esta función estuviera desactivada, mi vida se llenaría de cosas?

Sobre el ejemplo que propuso Diego:

life#federico

LIFE no me parece el mejor nombre para un elemento que tiene que contener datos tan variados como el número de posts.

En el siguiente ejemplo, él propone:

profile#federico { life:empty }

Pero nuevamente caemos en que pasaría con mi vida (o LIFE) si se desactiva CSS.

La propuesta de JEL fue:

#federico-life {status: empty;}

En primero, con esos valores para id sería muy difícil capturar todos los elementos relacionados conmigo. ¿Acaso también debería haber un elemento con id federico-posts, otro con federico-localidad? Además, suponiendo que el elemento con id federico-life fuera el contenedor, el valor empty para status, en cierta mágica forma, prohíbe que existan otros elementos dentro (cuando en realidad existen y no están vacios).

En en comentario 3 de Nirvana la propuesta es:

Federico.life=empty

Es muy interesante el uso de objetos, pero (si mi conocimiento de programación no me traiciona) él estaría cambiando el valor de life a empty cuando, en realidad, life bien podía contener algo. ¡Mi vida no es una constante a la que pueden definirle el valor que quieran; es una variable sobre la que no tiene control!

En el comentario 6 de Diego la propuesta es:

profile#Federico {
user-agent: url(http://www.opera.com); 
language-known: "xhtml 1.0", html, css 1, css 2; 
_life: empty; 
}

Pero el navegador que uso (user-agent) y los lenguajes que conozco (language-known) son parte de mí. ¡Si los estilos (la parte decorativa) desaparecen, esos datos no cambian! Sumado a lo anterior, alguien podría querer parsear esos datos, por lo que dejarlos en una hoja de estilo es muy desaconsejable.

Todas las demás propuestas ya son más surrealistas por lo que no pueden ser criticadas.

Lo siento, pero no hice trampa, sólo aproveche la estructura de un documento y recordé que a un documento se le pueden asociar diferentes hojas de estilos. Aunque la hoja de estilos quiera poner miles de colores, autor#federico life siempre va a poder ser seleccionable con :empty.

Si entendieron algo de todo esto, ¡felicitaciones! Prometo volver a hacerlo.

Mi vida vacia estaría mal representada

2005-04-17T05:10:00.000-03:00

Categoría: CSS

Antes que nada, éste no es un post personal.

Segundo, gracias a la gente de Linklog por incluirme en el grupo. Es un verdadero honor.

Ahora sí, pasemos a la parte entretenida. Si revisan en la sección de autores (dejando de lado la foto) notarán una pequeña linea de código con la quise transmitir la idea de que mi vida está vacia (como una forma de escapar a la confección de un verdadero perfíl).

#federico life:empty

Para los que no lo conocen, :empty es un selector en CSS3 para seleccionar elementos que no contienen absolutamente nada (ni siquiera espacio en blanco).

Gracias a la colaboración de Diego y JEL, hoy les traigo una pequeño pasatiempo: critiquen ese código. ¿De qué forma hubieran dicho lo mismo?

Diego, el primero en opinar, propuso dos alternativas:

```
life#federico
```
```
profile#federico { life:empty }
```

JEL, por su parte, opina que tendría que haber sido:

#federico-life {status: empty;}

Como era de esperarse, ninguna de esas opciones me terminó de convencer. Así que están abiertos los comentarios a propuestas. Si alguién me convence, se gana una cookie de las imborrables. Pero no, el perfíl no se cambia. Y sí, planeo explicar por qué elegí lo que elegí.

Jugando al Online Poker

2005-04-15T14:16:00.000-03:00

Categoría: internet

Seguramente recordarán la iniciativa de asociar online poker con el artículo correspondiente en la Wikipedia. Actualmente este googlebomb ubicó al artículo en cuarto puesto en Google, segundo en A9 pero por otro lado, no aparece en AllTheWeb así como tampoco en Yahoo. No hay duda que el spam apesta y que Online Poker es una interesante ofensiva a los spammers, pero ¿que Google pueda caer tan facilmente victima de un Googlebomb es algo bueno o algo malo? y por otro lado, ¿no resulta irónico usar las mismas armas que los spammers para luchar por recuperar un terreno tan frágil como muestran ser los buscadores? ¿deberíamos seguir confiando en la capacidad de un bot para clasificar la información o en la subjetividad de las etiquetas?

Opera se integra con Adobe Creative Suite 2

2005-04-13T02:42:00.000-03:00

Categoría: Opera

Opera y Adobe unieron fuerzas: Adobe Creative Suite 2 usa el motor de renderizado de Opera para el manejo de contenido, especialmente en Adobe GoLive y Adobe Photoshop. En GoLive será especialmente útil por la capacidad de Opera de emular la pantalla de dispositivos móviles con la técnología Opera's Small-Screen Rendering.

Más alla de la alegría que me produce, como usuario de Opera, semejante alianza, también es rescatable que un editor WYSIWYG (gráfico) use un motor más potente que el de Internet Explorer. Aún así no puedo dejar de preguntarme qué habrá hecho a Adobe elegirlos por sobre Gecko, siendo éste último más libre y que seguramente hubiera puesto menos trabas económicas (asumiendo que las hubo para usar el motor de Opera).

Por otro lado esta implementación mantiene mi esperanza de que algún día Opera abra lo suficiente su código como para al menos poder crear extensiones que permitan integrarlo en otros editores al momento de la previsualización.

Press release: Powered by Opera: Opera Integrated with Adobe Creative Suite 2.

¿Opera 8 para este martes?

2005-04-11T00:50:00.000-03:00

Categoría: Opera

Según la nota Buying a Browser del 8 de abril en Internet News, version 8 of Opera's sleek, lean, fast and secure browser is slated to be released Tuesday.

Espero que traiga alguna novedad interesante. Personalmente la beta 3 que probe no me pareció gran cosa. Si es que hay novedades, ninguna terminó siendo de mi interes. Las principales caracteristicas con las que planean promocionar esta versión (sobre sus antecesoras) serían:

El soporte de voz, que no tuve oportunidad de probar por problemas técnicos. En principio es un hecho que la mitad de la gracia es poder darle ordenes verbales al navegador, función que quizás alguno encuentre útil cuando realiza proyecciones, pero la otra mitad que es la lectura en voz alta de una página no pasaría de un simple juguete. Aparentemente la función de lectura estaría muy lejos de un lector de pantalla pensado para personas con discapacidades. Se supone que sólo leería texto en pantalla sin tomar en cuenta todo el texto no visible que compone una página web. Por lo visto puede leer el atributo alt, sabe hacer pausas y entiende algunas abreviaturas, pero no hace avisos cuando se trata de enlaces ni leer el atributo title.
Soporte para XMLHttpRequest, principal razón para la actualización de la versión 7.54.
Solución para los ataques de URL spoofing con nombres de dominio internacionales (Internationalized domain names (IDN) can be used for spoofing).
Fit-to-Window que formatea una página para adaptarse a cualquier tamaño de pantalla; especialmente útil para quienes trabajan en resoluciones bajas en una web donde la resolución horizontal mínima requerida es 800 pixels. Por cierto, estuve jugando un poco con esta opción y funciona realmente bien; las páginas no se ven forzadas ya que Opera elige los elementos a formatear para lograr el ancho ideal.
Fit-to-width que formatería el ancho de una página al momento de imprimirla.

La niñera y el sexo

2005-04-10T01:26:00.000-03:00

Categoría: Internet

Parece que el que sancionaran a un cíber por permitir que menores vean pornografía fue tomado como un llamado de atención por todo el gremio. Ya van dos cíbers en los que debo soportar tener los filtros para menores activos en una maquina.

La metodología de estos programas es, sin duda, bastante curiosa. Algunos parecen ser bastante paranoicos y bloquean sitios sólo por contener palabras seleccionadas o eso me pareció en su momento.

Otros, también paranoicos a su manera, filtran, según parece, según una base propia de URLs. Que Gaydar (un sitio de contactos) sea bloqueado tendría un mínimo de sentido si no fuera porque su página principal no da acceso a ninguna opción más que la de registrarse; la única forma de acceder a alguna foto sería que otro usuario hiciera pública la URL de su pérfil (y calculo que para eso primero el usuario a proteger tendría que entrar en una sala de chat donde puede conseguir algo mejor que una foto). Otro sitio que filtra es Gay.com, que aunque tiene una opción de contactos, es principalmente un sitio de noticias y actualidad para la comunidad homosexual; no es más pecaminoso que andar visitando cualquier portal. El filtro más pelotudo es, sin duda, el que aplican sobre Facelink, un sitio de contactos que está fuertemente moderado. Claro que nada es perfecto y ContactosSex, orientado a todo tipo de público no es considerado como peligroso. Todo lo anterior puede atribuirsele a Parental Filter, que además filtra según el texto en algunas páginas teniendo en cuenta que no me permitió chatear tranquilo en UOL, sitio cuya página principal también es considerada nociva. Por cierto, Firefox (y seguramente Opera también) pueden confundir a Parental Filter.

Pero sin duda las palmas a la tontería se las lleva NetNanny, que además de prohibir el acceso a ciertos sitios, censura palabras consideradas fuertes. El problema es qué considera este programa como objetable. Esta captura la tomé del chat de UOL donde se listan las salas disponibles.

Virtual
Erotismo
Heterosexual
Homosexual
Censurado
Cambio de parejas
Bisexuales
Travestis
Sadomasoquismo

La bendita palabra censurada es lesbianas. Así que ahora saben que pueden hacerse bisexuales sadomasoquistas y tener relaciones con travestis o tocarse en cámara sin culpas siempre y cuando se mantengan alejados de las lesbianas (al menos según NetNanny).

Ahora hablando en serio, esto de los filtros ya está fuera de control. Teorícamente los cíbers no pueden permitir menores después de medianoche (aunque muchos rebajan ese límite a las 10 de la noche) por lo que pasado ese horario podrían desactivar todos estos programas y dejarme disfrutar mi sexualidad sin extraños mensajes de error.

Diego lo predijo y Ariel lo confirma: este blog fue bloqueado por los filtros para menores.

Mis horarios en la UBA

2005-04-09T20:34:00.000-03:00

Categoría: Personal

Ciencia política: Lunes 21:00 a 23:00; Jueves 21:00 a 23:00
Economía: Martes 19:00 a 21:00; Viernes 19:00 a 21:00
Antropología: Miercoles 19:00 a 21:00; Sábado 13:00 a 15:00

Si de pura casualidad hubo alguien hoy en Antropología, yo soy el pelotudo que tuvo que leer al resto de la clase.

Si de pura casualidad tenemos alguna clase en común, ¡hola!

Si de pura casualidad sos ese pibe que me parece tan lindo, sabé que te mordería el cuello hasta que mueras desangrado.

Blogger permite recuperar posts

2005-04-08T03:24:00.000-03:00

Categoría: Internet

Parece que las quejas de Diego sobre los posts que se le pierden también fueron escuchadas por Blogger.

A partir de ahora, cuando uno escribe un post, éste se irá guardando cada cierto tiempo en una cookie (en la propia maquina del usuario). Si por alguna razón como cuelgues del navegador o problemas de conexión todo lo escrito se pierde, se puede recurrir a la opción Recover post para recuperar parte de lo escrito.

No aclaran con qué frecuencia se realiza la copia de seguridad (y actualización de la cookie) pero sí puedo alegrarme por algo: funciona en Opera 7.

Versión original y más detallada en Can I recover a lost post?.

Parece que Blogger no tiembla tanto como Diego creía.

Actualización: Todo este post se había perdido pero por suerte regresó. Lastima que los títulos no se guardan.

Los dominios de la vaca

2005-04-07T07:09:00.000-03:00

Categoría: Internet

Hace un par de meses, la empresa multinacional Kraft Foods,dueña de la marca Milka, inició un juicio contra una costurera francesa llamada Milka Budimir por haber registrado y haber estado explotando el dominio Milka.fr para promocionar sus trabajos de costura. Más info en La vaca como estandarte (HTML life).

Finalmente para mediados de marzo de 2005, la justicia le dió la razón a Kraft Foods y la señora Budimir fue condenada a transferirles el dominio. Más info en Finalmente la costurera dio el mal paso (Terra).

Pero si Kraft Foods es una empresa multinacional y la señora Milka Budimir es apenas una empresa dentro de Francia, ¿no correspondería que la primera se quede con el dominio Milka.com y la segunda con Milka.fr? ¿Acaso no habíamos llegado a un acuerdo sobre el abuso de los dominios en Internet?

Por cierto, muy gracioso el cierre de la nota de Terra:

La costurera francesa también había considerado denigrante ver su nombre tatuado sobre la emblemática vaca violeta de los chocolates Milka.

Institucionales

2005-04-07T04:31:00.000-03:00

Categoría: Institucional

Agregue el bendito enlace en el logo a la página inicial y aunque tiene un pequeño problema de medidas es mejor que nada. El plan original era incluir un verdadero menú, pero ni modo.
Los comentarios ahora tienen enlaces permanentes para cada comentario en partícular (aka permalinks). La barra de publicidad de Brinkster es un grano pero mientras no supere la culpa se quedará ahí. Internet Explorer tiene un pequeño error en los enlaces permanentes pero es un simple detalle. Por cierto, los comentarios se ven más presentables en un navegador que tenga buen soporte de CSS2.
Instale AdSensesólo en la página de posts individuales por el momento. El formato vertical quizás no sea el más adecuado pero la otra opción era luchar (nuevamente) contra Internet Explorer. No quise ser tan agresivo de meterlo en cualquier lado por lo que aparecen recién al final de todo el post. Como dijo Diego en Creemos un hábito, si el post les pareció bueno, un click en la publicidad será muy agradecido.

Finalizados los anuncios, me pondré a pensar qué se puede hacer con un float.

El hack del selector universal para Internet Explorer

2005-04-02T22:38:00.000-03:00

Categoría: CSS

Como complemento al hack del guión bajo que permite definir propiedades exclusivamente para Internet Explorer, el hack del selector universal permite definir declaraciones completas unicamente para este navegador.

El selector universal, que se escribe usando el asterisco (*) selecciona cualquier elemento dentro del documento.

* {color: red} /* todo el texto será de color rojo */

También puede usarse en combinación con otros selectores.

* p {color: red} /* todos los párrafos descendientes de cualquier elemento */

El hack consiste en que erroneamente Internet Explorer cree que antes del elemento HTML existe otro elemento sin nombre.

* html p {color: red}

El código anterior selecciona todos los elementos P, descendientes del elemento HTML, y éste último a su vez descendiente de otro elemento cualquiera. Fijense que no existe ningún elemento antes de HTML (no, la declaración de DTD no cuenta).

Esto puede ser combinado con cualquier otro selector, por ejemplo, selector por id.

* html #foo {color:red}

Aunque el elemento llamado foo es único, la declaración exige que se cumpla la parte de * html.

Aplausos, por favor

2005-04-02T01:40:00.000-03:00

Categoría: Personal

Siempre me dan mala espina esas personas a las que aplauden antes de que digan algo.

Espero, señor, que éso aclare mi decisión.

Al resto del público, no se maten en entender, ésto es interno.

Maldito abril

2005-04-01T02:54:00.000-03:00

Categoría: Internet

En Estados Unidos están festejando April's Fool y yo, como flor de idiota, caí en el primer chiste del día: CSS Beauty Sold. Notese el parecido del anuncio con I sold the vault que sí es real.

Por cierto, ¿la PC barata también será un broma de April's Fool?

El rediseño de Ciudad Internet

2005-03-29T02:06:00.000-03:00

Categoría: Internet

Ignoro hace cuanto que ocurrió el rediseño de Ciudad Internet pero aprovecho para un par de comentarios.

Es curioso como, a pesar de que la idea de portal va (teoricamente) perdiendo efectividad, ciertos errores tan simples se mantienen.

Imagenes para reemplazar texto y para colmo sin alt.
Código horrible que (como se imaginaran) produce errores en Opera.
GIFs animados en las publicidades.
Un super escondida linea para los noticias de Clarin (parece que hubieran descubierto el código para hacerlo y lo metieron de prepo para impresionar).
DIVitis que produce horror.

Igualmente parece más ordenado de lo que venía siendo e incluso me resulta curiosa la aparición de una visible botonera (la naranja de 3 botones) para diferenciar secciones importantes.

Eso sí, parece que piensan seguir pateando por siempre el modificar páginas internas (como la de páginas personales).

Six Include

2005-03-27T23:27:00.001-03:00

Categoría: Personal

Lo que más me asombró de la provincia vecina a Korea es que los hombres se saludan con un apretón de manos. Pensar el tiempo que me llevó borrar esa costumbre y ahora en un minuto tuve que condicionarme a recordarla.

El hack del guión bajo en Internet Explorer

2005-03-22T18:16:00.000-03:00

Categoría: CSS

Una de las tantas formas de ocultar propiedades de CSS a Internet Explorer es lo que se conoce como hack del guión bajo y consiste en agregar este caractér al comienzo del nombre de una propiedad.

Normalmente el navegador debería ignorar aquellas propiedades que desconoce. Por tanto, el siguiente ejemplo debería ser ignorado.

p {_color: red;}

Mientras el resto de los navegadores toman a _color como una propiedad desconocida, Internet Explorer la reconoce como la conocidad propiedad color.

p {
color: green; /* leido por todos los navegadores */
_color: red; /* Sólo para Internet Explorer */
}

Hay que usar este hack con precaución, porque las reglas de cascada siguen vigentes. Dicho de otra manera, como Internet Explorer leería ambas lineas, una puede redefinir a la otra.

p {
_color: green; /* Sólo Internet Explorer */
color: red; /* Internet Explorer redefine el color */
}

La queja del validador

Si intentan validar una hoja de estilo que incluya este hack, el validador les dirá que no es valido. Técnicamente no es válido si se compara con la lista de propiedades existentes, pero sí es legal porque contaría como extensión propietaria según la especificación CSS2.1.

Vendor-specific extensions: In CSS2.1, identifiers may begin with '-' (dash) or '_' (underscore). Keywords and property names, beginning with -' or '_' are reserved for vendor-specific extensions.

¿Error de Internet Explorer?

Ni tanto. Aunque la conducta de Internet Explorer va claramente contra las reglas.

Rules for handling parsing errors: Unknown properties: User agents must ignore a declaration with an unknown property.

Más bien parece otro de sus metodos para hacer más fácil la vida de los demás al recuperarse de manera tan silenciosa al error del diseñador.

Bug Opera: height con porcentajes y contenedor con padding

2005-03-21T02:51:00.000-03:00

Categoría: CSS

Cuando una caja tiene definida la propiedad height con un valor en porcentaje, la altura se calcula de manera proporcional al de la caja que la contiene.

#padre {height:500px;}
#hijo {height:100%;} /* 100% del contenedor - 500px */

En Opera 7 y 8 beta 3, si el elemento contenedor tiene definido un padding vertical, el valor de éste afectará el calculo del 100% de la altura de las cajas que contenga. Opera parece calcular la altura del contenedor restandole además los valores verticales de padding.

Agregando un padding al ejemplo anterior:

#padre {height:500px;padding-top:10px;}
#hijo {height:100%;}

Siguiendo el ejemplo, el 100% de la altura para #hijo es el resultado de la resta de la altura de #padre (500px) y su padding (10px). Resultado: el 100% es 490px. ~~Ejemplo 1~~.

Si la altura de #hijo fuera explicítamente 500px se mostraría bien.

Efecto gracioso: ¿que pasaría si el padding vertical fuera igual a la altura? 500px de altura menos 500px de padding da cero, por lo que ¡el elemento #hijo no tiene altura! ~~Ejemplo 2~~.

Reportado como bug 165956 aunque seguramente será tomando como duplicado.

Lectomanía a la Federico

2005-03-19T16:46:00.000-03:00

Categoría: Meme

Federico (para que deje de hablar tanto de códigos y errores)

JEL me manda a hacer el meme Lectomanía así que calmaré su morbosa curiosidad. El pequeño problema es que conociendo a los hijos de Cortazar, sólo consideran digno de mención aquello que cuente como literatura (aka entretenimiento) por lo que mirar cada tanto una especificación no contaría como leer.

¿Cuáles fueron los últimos tres libros que leíste? (sin importar género ni clasificación)
Los mejores cuentos de ciencia ficción, una recopilación de cuentos de Oscar Wilde y Boquitas pintadas de Manuel Puig, en orden inverso.
¿Prestados, comprados, robados y/o fotocopiados?
Regalado, comprado y comprado.
¿Cuál estás leyendo ahora?
Ya no leo aquello que consideran libros.
¿Algún libro en particular que querés leer y hasta ahora no pudiste por cualquier motivo?
The CSS of Zen Design por ser la novedad pero no tengo tarjeta de crédito y Los siete locos pero me aburrí a la cuarta parte del libro.
¿Leés e-books? ¿Los imprimís para leerlos?
Si e-books es una forma de referirse a los formatos propietarios, entonces la respuesta es no. Sumado a que tampoco tengo impresora. Pero llegado el caso, prefiero leer algo impreso antes que en pantalla.
¿Cuál fue el mejor libro que leíste en tu vida? ¿Y el peor?
The Buenos Aires Affair de Manuel Puig quizás sea el mejor, pero está fuertemente influenciado por un valor emotivo y otro tanto fetichista. El peor son tres: Don Segundo Sombra en primer lugar, por ser terriblemente denso; Crime never pays, una recopilación de relatos de misterio que hacen leer al 90% de los que estudian inglés en institutos privados; y Zama por tener un final tan pedorro.
¿A qué siete personas les harás estas preguntas?
No me interesa hablar de literatura con nadie, así que sólo a Diego como una forma de venganza.

¡Devuelvanme a la vieja web!

2005-03-18T06:49:00.000-03:00

Categoría: Internet

Insultos removidos para una lectura más amena.

Hablando sobre los nuevos propotipos de servicios (en beta) de MSN, Mariano en Start.com feeds a la Microsoft (Denken Über) dice:

encima compatibles o "camino de serlo" con Firefox (eso para los desconfiados)

Luego, en los comentarios:

saber que los tipos le dan soporte a FF en una aplicacion propia es un paso adelante

No, esto no va a ser un palo a Mariano (aunque no incluir body {padding:0px;} podría ser una razón ).

¡La web de los '90 ha vuelto! ¿Recuerdan esos locos tiempos en que los sitios hacían maravillas para funcionar en Internet Explorer y Netscape Navigator 4? Incluso había resignados que creaban dos versiones de la misma página, cada una optimizada para cada navegador.

El tiempo pasó y Netscape Navigator empezó a funcionar tan mal que practicamente todos se fueron del brazo de la competencia. ¡Netscape no funciona! ¡Usa Explorer! decían por todos lados. Los creadores de sitios notaron esto y convirtieron la costumbre de usar Netscape en una operación de hemorroides. Ese fue el comienzo de una epoca negra en la web.

Epoca de oro

Pero un día llegó Zeldman con su capa naranja y nos enseñó que podiamos usar CSS para que nuestros sitios se degradaran de una manera en que el usuario siempre pudiera acceder al contenido.

La web fue feliz. Los pequeños sitios y las grandes compañias optimizaban (medianamente) su contenido para lograr una (medianamente) mejorada experiencia para todos sus usuarios. Aunque no había colores ni fuegos artifiales para los navegadores más antiguos, igualmente eran respetados y bienvenidos —aunque lamentablmente advertidos muy amablemente de sus deficiencias.

La familia de código abierto

Entre los navegadores que se sentían comodos con los sitios optimizados según estandares estaba Mozilla. Después de haber estado ocultos en el olvido, los restos de Netscape Navigator habian dado forma a un navegador muy robusto (y pesado). Los nostalgicos usuarios de Netscape pudieron volver a navegar e incluso en mejores condiciones que su competidor Internet Explorer.

Tiempo más tarde Mozilla tuvo un hijo que pasó de pajaro a zorro; un navegador robusto como su padre pero mucho más agil. Los que lo conocieron lo amaron al instante. Entonces salieron a gritar a los cuatros vientos: ¡Internet Explorer apesta! ¡Usa Firefox!.

El patito feo se quedó feo

Las campañas de marketing en favor de Firefox fueron un exito. Hoy el 90% de los usuarios de internet usan Internet Explorer y el 50% usa Firefox —lease lo anterior con tono sarcástico. Y así comenzó la segunda epoca negra de la web.

Si antes el mensaje era La mayoría usa Internet Explorer así que no damos soporte para Netscape Navigator, el mensaje ahora es La mayoría usa Internet Explorer y Firefox así que no damos soporte para otras porquerías.

Ahora que los usuarios de Firefox también son una mayoria —como piqueteros en la web— son (muy) tenidos en cuenta. Pero como era de esperarse tanto poder los corrompió. Se volvieron egocentricos como lo fueron en su momento los usuarios de Internet Explorer, peleando sólo por su tajada del pastel.

¿Alguién todavía se acuerda de los navegadores alternativos? ¿Que pasó con los ideales de libre acceso al contenido? ¿Y con la idea de que Javascript debía mejorar la experiencia del usuario en lugar de limitarla? ¿Que tienen Start.com o Gmail tan especial que sólo admiten a un grupo tan selecto?

Cuando en los comentarios de Start.com feeds a la Microsoft menciono el poco probable soporte para Opera, la respuesta de Mariano, bienintencionada y amable, representa el típico pensamiento (que vengo viendo) del usuario de Firefox: funciona en mi navegador, ¡todo bien!.

Los viejos sitios plagados de tablas quizás se veían desprolijos, pero al menos se podían leer.

Los nuevos sitios, las nuevas tecnologías, los nuevos usuarios (edición bien intencionada: principalmente los que además son desarrolladores, según los comentarios)… ¡Vayansé ya saben donde!

Bug IE y Opera: margin-bottom, float y clear

2005-03-17T21:34:00.000-03:00

Categoría: CSS

Para que no haya tendencias contra un único navegador, el bug en Internet Explorer involucrando margin-bottom, float y una caja no flotante también puede ser adaptado a Opera.

Repitiendo el esquema de tres DIVs, las diferencias son:

El segundo DIV puede tener cualquier ancho.
El tercer DIV debe tener definida la propiedad clear en la misma dirección en que el anterior elemento está flotando (o simplemente estar definida como both.

#uno {margin-bottom: 10px;}
#dos {float:left;}
#tres {clear:left;}

Pueden verlo funcionando en el ejemplo 1.

De esta forma el bug también se repite en Internet Explorer 5, 5.5 y 6. En Opera aparece en la versión 7.54, 7.23 y 8 beta 2 (por lo seguramente se extiende a todas las versiones 7). Opera 5.12 interpreta bien el ejemplo y seguramente las versiones 6. Por tal, sospecho que este es uno de los nuevos bugs que aparecieron con la reescritura completa del engine que hicieron para la versión 7.

Las soluciones para este bug se basan en evitar que el margen toque el elemento flotante.

Solución para Opera

Opción 1

Agregar un elemento de tipo bloque entre el margen del primer elemento y el elemento flotante. Ejemplo 2.

<div id="uno"> Elemento con margen inferior </div>

<div> <!-- elemento vacio --> </div>

<div id="dos"> Elemento flotante </div>

Opción 2

Encerrar el elemento flotante en un DIV (sin ninguna propiedad definida). Ejemplo 3.

Opción 3

Encerrar al elemento flotante y al siguiente (#dos y #tres) en un DIV (sin ninguna propiedad definida). Ejemplo 4.

Solución para Internet Explorer

Las soluciones que funcionan en Opera deben ser levemente modificadas para funcionar en Internet Explorer. En caso de usar cualquier de ellas, el nuevo DIV tener definida la propiedad height con un valor de 1% o 1px. Tené en cuenta de ocultar esa definición para los demás navegadores. Ejemplo 5, ejemplo 6 y ejemplo 7 respectivamente.

Bug Internet Explorer: margin-bottom, float y una caja no flotante

2005-03-17T01:07:00.000-03:00

Categoría: CSS

Cuando una caja tiene definido un valor para margin-bottom simplemente debería mover el ~~borde~~ limite superior de la siguiente caja flotante un X valor hacía abajo.

Tenemos tres DIVs dentro del BODY:

Al primero sólo se le definió un margin-bottom de 10px.
El segundo está flotando (no importa el lado) y ocupa el 100% del contenedor.
El tercero no tiene ninguna propiedad en partícular.

También puede lograrse definiendo un ancho para el primer y segundo DIV si la suma de ambos es mayor que el ancho del contenedor.

Todo lo anterior en el mismo orden puede traducirse a CSS como:

div#uno {margin-bottom:10px;}
div#dos {float:left;width:100%}  /* el width:100% es sólo para asegurar que ocurra */
div#tres {}

Lo normal sería que la segunda caja (la flotante) se ubique 10px debajo de la primera (por el margin-bottom) y la tercera sea visible justo donde termina la anterior.

Internet Explorer 5, 5.5 y 6 agregan a la caja flotante un margen inferior equivalente al del elemento anterior. En este caso, #dos tiene magicamente definido margin-bottom: 10px. Ejemplo uno.

Agregadas las soluciones para este bug.

Dato anecdotico: Internet Explorer 4 no sufre de este bug.

Petición contra Autolink

2005-03-16T02:23:00.000-03:00

Categoría: Internet

En PetitionOnline.com existe actualmente una petición contra Autolink titulada Google, Let Our Pages Go!. No piden la remoción de esta herramienta sino la posibilidad (oficial) de tener un control sobre los enlaces agregados.

Si Defendiendo a Autolink de Google no los detiene, corran a firmar que todavía hay poca gente convocada.

Por cierto, ¿no resulta ironico ver un AdSense en medio de las firmas?

3 columnas iguales con position: absolute

2005-03-15T09:46:00.000-03:00

Categoría: CSS

Cierta persona me consultó hace poco sobre cómo hacer un esquema de 3 columnas y el problema en particular que tenía usando position: absolute.

Probe con position: absolute y dandole el margen a la izquierda anda bien, sólo que el fondo no se estira junto con el contenido, y queda para la mierda…

Este problema era bastante esperable. Una caja con posicionamiento absoluto es explícitamente desplazada con respecto a su bloque de contención (Posicionamiento absoluto). Dicho de otra manera, la caja que tiene declarado position: absolute deja de existir para su bloque de contención (el que contiene al elemento), por lo que este segundo no está obligado a estirarse para contenerlo. Para colmo viejos trucos como clear: both no funcionan para este tipo de situaciones.

Posiblemente lo que voy a comentar ya aparezca en otro tutorial (en inglés) pero no es mi proposito comentar ésto como una novedad sino como un ejemplo de imaginación y de poder aprovechar los elementos disponibles.

¿Por qué `position: absolute` en lugar de `float`?

Todo está en el orden que tienen las secciones (de contenido) en el código. Para una mejor indexación y mejor experiencia cuando las hojas de estilo están desactivas se recomienda incluir primero el contenido más importante del sitio, seguido por aquellos en orden de importancia decreciente.

Supongamos que el proyecto incluye 3 secciones lo bastante largas como para merecer una columna: una que enlace las diferentes secciones del sitio, una segunda con el contenido principal, y una tercera con contenido secundario. Siguiendo los consejos sobre el orden del código, tendríamos lo siguiente:

<div>
 Contenido principal
</div>
<div>
 Contenido secundario
</div>
<div>
 Menú
</div>

La intención es poder ubicar el contenido secundario a la izquierda, el contenido principal en el centro y el menú a la derecha. A los fines de un más fácil seguimiento a los DIV de cada sección se les definirá un id con un valor izquierda, centro y derecha respectivamente.

<div id="centro">

 Contenido principal
</div>
<div id="izquierda">
 Contenido secundario
</div>
<div id="derecha">
 Menú
</div>

Si usaramos float saltarían dos problemas sin solución:

No existe un valor center para poder ubicar el DIV central.
Un elemento flotante se ubica siempre después de los elementos que lo preceden. Aunque el DIV central les hiciera lugar, los DIVs flotantes de los costados no pueden magicamente elevarse para alinearse con éste.

Solución: la libertad de position: absolute.

El secreto mejor guardado de `position: absolute`

Normalmente una caja es posicionada absolutamente con respecto al elemento BODY en lugar de su bloque contenedor. El truco es que este último esté definido como position: relative. Entonces incluiremos un cuarto DIV que contenga a los otros tres (y permita centrarlos más facilmente).

<div id="contenedor">
 <div id="centro">
  Contenido principal
 </div>
 <div id="izquierda">
  Contenido secundario
 </div>
 <div id="derecha">

  Menú
 </div>
</div>

Definiendo las posiciones con CSS

Por cuestiones de limitacies en el truco, hay que recurrir a un ancho fijo para el elemento contenedor.

#contenedor {
 position:relative;
 width:600px;
 margin:auto;
}

Cada columna tendrá las siguientes medidas:

#centro: 300px
#izquierda: 200px
#derecha: 100px

Para la columna central alcanza con que su ancho no se extienda tanto como para quedar tapada por las siguientes. Definiremos un margen de 200px a la izquierda y de 100px a la derecha para dejar lugar a las siguientes secciones.

#centro {
 width: 300px;
 margin-left: 200px;
 margin-right: 100px;
}

Ahora ubicaremos absolumente las dos columnas siguientes:

#izquierda {
 width: 200px;
 position: absolute;
 top:0px;
 left:0px;
}

#derecha {
 width:100px;
 position:absolute;
 top:0px;
 right:500px;
}

El esquema para este momento debería verse igual que el ejemplo 1.

Finalmente la solución: Aplicando un fondo

Para lograr el efecto de columnas igual habrá que usar una imagen de fondo. Crearemos una de 600px de ancho por 1px de alto coloreada según lo que se vé en el ejemplo 1 —100px desde la izquierda de color #CC0, 200px desde la derecha de color #0CC y el resto en el centro de color #0C0. Imagen de fondo.

El problema es a qué elemento aplicarle este fondo. Una solución sería aplicarla al DIV contenedor que tiene la obligación de extenderse tanto como sea necesario para contener a la columna central. El problema es que la columna central siempre debería ser más larga que sus adyacentes. Solución descartada por no ser infalible.

El truco es simple: el fondo aplicado al elemento body se extenderá siempre hasta contener todos los elementos de la página. Aplicaremos la imagen de la siguiente forma:

body {
 background-image:url(fondo.gif);
 background-position:top center; /* para que se muestre centrada como la columna contenedora */
 background-repeat: repeat-y; /* sólo debe repetirse verticalmente */
}

Pueden ver el ejemplo 2.

Aplicando una cabecera y un pie de página

Aplicar una cabecera es una tarea muy fácil. El DIV contenedor nunca fue removido de su lugar, por lo que sigue estando afectado por los elementos que lo rodean. Si hay un elemento de tipo bloque antes del DIV contenedor, éste último se ubicará debajo sin mayores complicaciones.

<div id="cabecera">

 <h1>Título de la página</h1>
</div>
<div id="contenedor">
 (las tres columnas irían aquí)
</div>

Es recomendable especificar un fondo a la cabecera para que tape el fondo de 3 columnas. Ejemplo 3.

El asunto del pie de página no es tan sencillo. El DIV contenedor crece con la columa central, no con los elementos posicionados absolutamente, por lo que se vuelve imposible (con CSS) controlar que el pie de página se ubique justo debajo de todas las columnas. Una solución sería ubicarlo también absolutamente en el borde inferior de la página pero habría que controlar muy minuciosamente su altura para que no tape el contenido de las demás. La solución más segura es crear otra caja con las mismas propiedades que la columna central, pero ni así sería suficiente. Ejemplo 4.

Conclusión

Pues no debería haber mayor problema entre navegadores. El único que se quejaría sería Internet Explorer 5 pero por problemas ajenos a este tutorial.

Pequeño descargo: quienes conocen demasiado de CSS notarán un pequeño desliz en el código pero dada la simpleza de la intención y la compatibilidad los ejemplos propuestos son suficientes.

Propiedades por defecto de los elementos en HTML

2005-03-13T23:57:00.000-03:00

Categoría: CSS

Para que no digan que DIV tiene un margin o padding definido por defecto, pueden leer el Apéndice A: Una hoja de estilo de ejemplo para HTML 4.0. ~~Igualmente cuidado al leerla porque se les escapó un error bastante serio.~~

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }

~~Esa definición está mal. Todos esos elementos deberían estár definidos como display: block. Sí, ya lo reporte.~~ Ya corrigieron el error. El post refleja el cambio.

También pueden leer la versión en inglés en Appendix A: A sample style sheet for HTML 4.0.

Como bien aclara al principio, los desarrollares de los navegadores no están obligados a respetar estos valores a rajatabla, por lo que se da el caso de Firefox prefiriendo padding para el elemento UL y el antes mencionado junto con Internet Explorer eligiendo margin para BODY. Nota para susceptibles: nada de lo anterior intentó ser agresivo.

La importancia de los elementos en HTML

2005-03-12T17:07:00.000-03:00

Categoría: HTML

En El mito de la semántica en la web comentaba como con CSS uno podría recurrir a puros elementos SPAN y aplicarles estilos para hacerlos actuar como otros elementos y engañar a diferentes usuarios. Aunque al final reconozco la importancia que tienen los elementos ya reconocidos, quizás terminó siendo algo confuso (ver los comentarios del post), por lo que incluyo ahora la recomendación que aparece en las especificaciones de CSS 2.1 (en inglés) que explican más resumidamente lo que yo divague.

CSS le otorga tanto poder al atributo class, que los autores podrían conceptualmente diseñar su propio lenguaje del documento basados en elementos con casi ninguna presentación asociada (tales como DIV y SPAN en HTML) y asignando información acerca del estilo a través del atributo class. Los autores deben evitar esta práctica ya que los elementos estructurales de un lenguaje de documento comúnmente tienen significados aceptados y reconocidos mientras que las clases definidas por el autor no pueden tenerlos.

Extraido de Selectores de clases.

Soporte de labels en Gmail

2005-03-11T22:47:00.000-03:00

Categoría: Internet

Mi error, mi error. Esto pasa por no hacer suficientes pruebas. Resulta que contrariamente a lo que yo había dicho (ver Gmail se acordó de los pobres), Gmail sí soporta la función de labels y filtros en la interfase basic HTML.

Lo que no deja claro el anuncio oficial es que en la versión reducica es imposible crearlas pero eso no quita que siguen funcionando normalmente. O sea que es cuestion de usar el otro navegador para los temas de configuración.

Por cierto, es una pena que no exista una interoperabilidad entre los servicios de correo y los programas para su manejo para que el correo pueda ser filtrado (localmente) según la etiqueta.

También por cierto, gracias a Peste que sin que se diera cuenta me hizo dar cuenta .

Los tags de Technorati (y la folcsonomía en general) son sobrevaluados

2005-03-09T23:52:00.000-03:00

Categoría: Internet

Aunque el post gira sobre los servicios de Technorati, ciertos puntos pueden ser extendidos a otros servicios de internet que se basan en la folcsonomía (como del.icio.us en partícular).

Introducción

Extraido de la definición de folcsonomía en la Wikipedia:

… categorización colaborativa por medio de etiquetas simples en un espacio de nombres plano.

O sea que es la gente ordena dentro de categorías creadas por ella misma. Aplicado al ámbito de internet sería clasificar los recursos, como posts en el caso de los blogs o fotos en caso de Flickr, aplicandoles etiquetas para que servicios automatizados puedan reunirlos dentro de una misma categoría. De esta forma, cuando un usuario investiga la categoría Madonna en Technorati encontraría los documentos más recientes relacionados con la cantante.

Finalizada la introducción, pasaré felizmente a la queja.

El atríbuto abusado

Pobre del atríbuto rel. Pensado para explicar las relaciones entre documentos, terminó haciendose conocido por el valor alternate para enlazar los archivos de suscripción, Google lo encontró indefenso a la hora de usarlo para el infame no-follow y ahora lo rematan con el valor tag. Personalmente hubiera usado chapter para las categorías de un blog y que luego de ahí Technorati las extrajera. O quizás otro atríbuto que explique que uno está enlazando otro documento que funciona como repositorio. Es más, empiezo a sospechar que debería ser rev en realidad.

Igualmente rel no es el punto de este post.

Tocayos

La maravilla (inserte aquí algunas estrellitas) de este nuevo metodo de categorización es que es construido desde el suelo hacia arriba por nosotros, no por una máquina o por 3 moderadores poco imparciales (cita: La necesidad de usar tags para las categorías). Reformulado lo anterior sería que los mismos usuarios que generaron el contenido son los que clasifican sus recursos (en lugar de un programa automatizado que debe hacer suposiciones aka cualquier buscador). Aparentemente quién imaginó este método y lo vió como una utopía no recordó un detalle importante: la gente es tonta (en el sentido de su rechazo a la idea de pensar demasiado) y necesita ser controlada.

Voy a poner un simple ejemplo de como una persona promedio es peligrosa. Suponiendo un sujeto X que escribe un artículo sobre el navegador Opera, lo más probable (aparentemente) es que lo termine etiquetando simplemente como Opera. Suponiendo un sujeto Y que escribe sobre Cecilia Bartolli, lo más probable es que (entre otras categorias), termine etiquetando su artículo como Opera. Podés revisar la categoría Opera en Technorati para apreciar como se mezclan los contenidos. Otros casos son los de bug que reune tanto a los insectos como a los errores de programa como cookies que practicamente ignora lo referente a las cookies como archivos.

La necesidad de control

El mejor ejemplo de darle poder al pueblo sin que el poder los termine matando es la Wikipedia. Cuando un contenido no es el apropiado, se lo borra. Cuando dos nombres para distintos temas se superponen, se crean distintas entradas. En la Wikipedia existen entradas diferenciadas para la ópera como expresión artística y el navegador Opera.

Entonces aunque uno tiene el poder de contribuir, no llega a ser un poder absoluto al estar moderado en el fondo por los símpaticos 3 moderadores poco imparciales.

Demasiado especifico

Curiosamente diferentes intentos de encontrar categorías formadas por dos palabras no dieron resultados. De ahí se desprende que el usuario promedio tiene una marcada tendencia a simplificar (y a generalizar como comentaré más adelante).

Para evitar la contraproducente —contraproducente contra el concepto de folcsonomía— opción de la moderación, imaginemos que la gente nota el problema de los tocayos. ¿Es más adecuado una categoría llamada Opera Browser, Opera_Browser, Opera-Browser ó Browser Opera (por no mencionar Opera UA)?

Metelo ahí

Personaje 1
¡Agregaste un artículo en la categoria de CSS! ¿De qué se trata?
Personaje 2
Ni idea. Ví que decia CSS un par de veces así que lo metí ahí.

Esto se vuelve un problema frecuente (y no sólo por ser categorías importantes). La gente mete cualquier cosa en cualquier lado. Hace poco revisando la categoría CSS en Technorati encontré un enlace a un post de alguién que se limitaba a decir que había rediseñado su blog. Es valido decir que existe una relación pero es exagerado reconocerla como un aporte al tema.

Otro caso de recursos que son extremedamente generalizados son los posts personales. ¿Qué puede terminar cayendo en esa categoría? Los posts de los blogs que se dedican a llevar registro de la vida cotidiana del autor probablemente no, porque justamente estos blogs crean varias categorías específicas para lo que otros generalizarían como personal. ¿Que hay del resto? En un caso, la categoría personal podría contener principalmente posts que cuenten pequeñas anecdotas fáciles de entender. En otro blog que quizás tiene una temática muy específica (por ejemplo Uberbin con las empresas y la tecnología) un post personal podría ser una crítica al gobierno por contener una visión muy subjetiva del tema. En un tercer blog podría ser una cita de un poema que sólo tiene sentido para quien lo citó.

Ayudando a meter basura

O dandole poder a todos. Wordpress ¿desde su versión 1.5? agrega a los enlaces de las categorías el valor tag para que los posts sean indexados por Technorati. Ésto seguramente está provocando la aparición de varias categorías que en realidad son la misma o categorías que casi no merecen ser categorías.

Para el primer caso podemos imaginar como ejemplo un blog que reune poesías en una categoría llamada mis hermosas poesías y que terminará con sus posts totalmente desconectados de la categoría poesía (medianamente) más apropiada. Y no, la opción de categorías relacionadas no es la solución.

El segundo caso se podría aplicar a los metaposts (posts que hablan del blog). Tomemos el caso de Lewenhaupt (sin animo de ofender, señor). JEL, su autor, reune sus metaposts en una categoría títulada como su blog. Esto lleva a que Technorati haya creado una categoría especifica para eso. Es como querer enterarse de lo superficial evitando a toda costa el contenido del blog. Alguien podrá decir que la ventaja de esto es que aplicado a otras categorías, el usuario visitante puede filtrar aquellos posts que no son de su interes, pero por un lado, para eso se crearon las categorías y si el interes viene de tener un archivo de suscripción para la categoría específica, éste debería ser una función de los propios manejadores de contenido —CMS para los amigos— y no depender de un tercero que terminaría corriendo mayor riesgo de saturarse.

¿Nos conocemos de antes?

Durante un tiempo estuve suscripto a la categoría CSS de del.icio.us. Practicamente todos los días alguien enlazaba al CSS Zen Garden. ¡Se necesita un control ahí! Si del.icio.us se toma la molestía de almacenar indefinidamente los diferentes enlaces es para que puedan ser investigados. O quizás es todo un plan para hacernos recordar algo mediante la técnica del hartazgo.

Siguiendo con del.icio.us, el otro problema (que algunos vieron como algo interesante) es la posibilidad de titular los enlaces aportados y ver qué considera cada persona como el título más apropiado. Por ejemplo, al agregar un recurso sobre operadores lógicos a la categoría algebra, ¿cuál es la utilidad de que alguien muy inspirado lo titule como esa cosa por la que me bocharon en la facultad?

La regla de los cinco minutos

En ALT1040 se dá está conversación en los comentarios del post La necesidad de usar tags para las categorías.

Alberto (visitante)
Los keywords (agregado por Federico: <meta name="keywords" content="…">) dejaron de tener utilidad, por el abuso que se hizo de ellos por páginas de todo tipo. ¿Que tienen de diferente los tags para que no acaben igual?
Si con las keys se hace spam a lo bestia y por eso no sirven, cuando los tags se empiecen a conocer un poco más y salgan del mundo blog, ¿no serán usados abusivamente?
Eduardo Arcos Barredo (autor del artículo)
El mismo problema se proponía con sistemas fuertemente dependientes en el aspecto social, por ejemplo Wikipedia; la solución es sencilla: somos muchos. Si hay 20, 30, 40, o 50 usuarios con 20 o 30 fotos cada una, lo más probable es que las imágenes basura lleguen a aparecer unos 5 minutos, entre la cantidad de usuarios que estan posteando fotos todo el día más el hecho que puedes reportar fotos en Flickr (y lo hace muy bien), más la misma gente observando el contenido puesto por la gente, esto no aparecería más que 5 minutos.

En la categoría CSS me cruce con dos posts totalmente huecos (posts de pruba más específicamente que había sido públicados hace 11 horas.

Aún siendo benevolente, y suponiendo que esos artículos aparezcan sólo durante un par de horas, el daño es inevitable. Hay una diferencia importante entre del.icio.us y Technorati; el primero almacena los contenidos por tiempo indefinido, mientras que en el segundo un recurso se mantiene promocionado mientras no haya otro más nuevo. Siendo así en el caso de Technorati, un buen (o excelente) recurso puede ser victima de los que meten posts en cualquier lado.

Una posibilidad para salvarse de tan trágico destino es mantenerse revisando la categoría con regularidad (usando una suscripción a los archivos de sindicación) pero eso no quita que uno termina siendo avisado incluso de aquello que es irrelevante.

Descubriendo la bomba atómica

Perdonemos a aquellos que arman lio con los nombres de las categorías. Son simples inexpertos que no buscan lastimar a nadie. Salvo cuando al trillado post de ¡modifique mi template! lo terminan metiendo concientemente en todas las categorías que se les ocurren.

En la captura anterior puede verse como alguien (por no quemar a nadie) categorizó su post en

General
Desarrollo Web
XHTML
CSS
PHP
Muy Personal
WTH???
Internet
Bitacora Interna

¿Muy personal y XHTML al mismo tiempo? ¿Acaso algúna porción de código que sólo tiene sentido para él?

Bitácora interna

Aunque hay que reconocerle que me dió una buena idea. ¿Que les parece algunas categorías en Technorati para este blog que se llamen 511-CSS, 511-HTML, 511-Personal y 511-Internet? De esa forma, quien no quiera revanarse el cerebro entendiendo sobre algún tema específico sólo tendría que suscribirse a la categoría específica. Por supuesto que ésto se aplica a los pobres que usamos Blogger, no a los geeks que pueden instalarse un Wordpress y que deberían tener esa función de fabrica.

Search is dead

Una de las ventajas que escuche sobre este sistema encontrar sitios que no aparecen al inicio de la lista que da una consulta con la misma palabra en Google (cita de Tagging: Una "deliciosa" manera de navegar la web (1)). Pero si necesito información sobre los (múltiples) bugs de IE, ¿donde busco? ¿IE, Internet Explorer, Internet Explorer Bugs o Internet Explorer Bug? Puede ser interesante cuando un grupo se pone de acuerdo en una etiqueta. Volviendo a un ejemplo anterior, las posibilidades de encontrar recursos sobre la cantante Maddonna fuera de la categoría homónima son bajos, pero cuando necesitas información muy específica, el límite de 32 palabras de de Google son de gran utilidad.

Conclusión

Antes que nada, ¿me parece o Technorati no ofrece suscripciones para cada etiqueta?

Es interesante desde un punto de vista sociólogico ver como distintas personas catalogan de manera a veces muy dispares el mismo recurso (suponiendo que el grupo estudiado sea sincero) pero no creo que tenga demasiada utilidad para quien busca mantenerse informado. Si se trata de conseguir información de calidad, siempre existe la posibilidad de que alguien haga un week log o un blog scouting del tema de nuestro interes.

Sobre el poder de la gente y la falta de control, solo puedo responder con una frase: Pegame y categoriza mis posts.

Enlaces relacionados con el tema en Tags & folksonomies: etiquetas semánticas y taxonomías sociales.

Maldito día de la mujer

2005-03-08T20:33:00.000-03:00

Categoría: Personal

A vos, que me pegaste un codazo para sentarte antes que nadie en el micro.

A vos, que cuando yo cedí el asiento para discapacitados, te fuiste a sentar corriendo como la loca desesperada que sos.

A vos, que histeriqueas en lugar de decir las cosas de frente.

A vos, que no te calienta nada más que salirte con la tuya.

Que te pensas que podés colarte en la fila sólo porque tenes las tetas más hinchadas que yo.

Federico para representante de los misoginos. Con razón me hice puto.

GMail se acordó de los pobres

2005-03-05T04:08:00.000-03:00

Categoría: Internet

¿Problemas con Opera 8 beta y Gmail? Lean al final.

Finalmente, despues de muchas discusiones (no posteadas) sobre cuanto odiaba el abuso de Javascript en Gmail, los muchachos crearon una versión usando puro HTML que funciona en navegadores que no soportan las avanzadas tecnologias.

Al ingresar a la interfase de correo, un llamativo cartel nos anuncia que deberíamos usar otro navegador para obtener lo mejor del servicio.

Según la versión oficial (Where have all the features gone?), la versión basic HTML carece de:

Filter creation
Settings
Spell checker
Keyboard shortcuts
Address auto-complete

¿Filter creation y Settings no disponibles? ¡Parece un chiste! Ambas son páginas para configurar el servicio; ¿qué tanto les costaba habilitar un par de formularios? Como si la idea de filtros fuera una novedad.

Una de las razones por las que se podía defender la decisión de Gmail de abusar de Javascript era el ahorro en pedidos al servidor, lo que también influye sobre la velocidad de la interfase. Pero para ser sincero, en mi Opera 7.54 todo funciona a una velocidad respetable e incluso mejor. ¿Por qué mejor? ¡Simple! Yo recuperé algo que ustedes perdieron: el botón para retrodecer una página y la posibilidad de abrir enlaces en una nueva ventana. Que mal esta gente. ¿Qué diría Nielsen si se enterara?

Por cierto, aunque no lo aclaran, también parece que se perdió la posibilidad de seleccionar los mensajes (¿alguna explicación convincente?). ~~También habría que avisarles que se olvidaron de sacar el cartelito de labels, bastante molesto ahora que no están disponibles.~~ La función labels se mantuvó en esta interfase (ver Soporte de labels en Gmail).

Aún con todo lo malo, Gmail tiende a caerse menos que Hotmail, por lo que tendré que considerar seriamente cambiar el servidor de correo.

Haciendo pruebas

Opera con Javascript desactivado perfecto. En principio aparece un mensaje informando que se necesita Javascript para un mejor servicio y finalmente incluye un enlace a la versión basic HTML.
La segunda prueba más bizarra: Netscape 4.8 funciona perfectamente también. La interfase se conserva bastante bien — no me imagino el trabajo que les habrá costado hacer funcionar algo en este horrible navegador, aunque con el abuso de tablas que es el código, no me extraña que funcione. La única diferencia con el caso de Opera es que uno es directamente redirigido a la versión basic HTML sin advertencias previas.
La prueba de fuego, Lynx: ¡funciona! ¿Lamentablemente? ingresar es todo un desfile de cookies y el orden elegido elegido para los enlaces… la interfase apesta. Se degrada muy mal y se convierte en todo un trabajo alcanzar la opción que uno necesita e incluso encontrarla primero.

Gmail parece estar haciendo algun tipo de filtrado según nombre de navegadores (browser sniffing) y manda a Opera 8 beta 3 a la interfase basic HTML a pesar que de la avanzada funcionaría perfectamente. La solución es ingresar usando esta URL: http://gmail.google.com/gmail?nocheckbrowser.

Defendiendo a Autolink de Google

2005-03-03T18:27:00.000-03:00

Categoría: Internet

Más alla de los roces que tengo con los servicios de Google, esta vez me toca hablar bien de la última incorporación a la Google toolbar (beta 3) conocida como Autolink.

Para los que no lo conocen (¿quedará alguién?), la función de Autolink es convertir ciertas frases y palabras en enlaces. De momento, según Zeldman en Protect your site from Google’s new toolbar, Autolink convierte las direcciones en EEUU en enlaces al servicio de Google Maps y los números de ISBN de los libros en enlaces a Amazon.

Como era de esperarse la reacción general de quienes generan contenido para internet fue de desprecio total, sobre todo por haber reavivado al fantasma de las Smart Tags que en su momento Microsoft incluyó en la beta de IE6.

La principal razón para el rechazo es que sin planearlo, un sitio puede terminar generando tráfico para otro, como en el caso de la tienda de libros Barnes & Noble cuyos números de ISBN se convertían en enlaces a Amazon. También se iza la bandera de la propiedad intelectual, acusando a Google de modificar contenido protegido por copyright.

Si la idea de que alguien te modifique la página te aterra, hay dos soluciones fáciles:

Convertir las palabras susceptibles en enlaces (como hizo Barnes & Noble segun la nota Más sobre la polémica de Autolink (2) en google dirson).
Utilizar un script Javascript to kill Google autolink. Vía Google toolbar autolinkea direcciones en Net2Home.

La parte de la defensa se puede resumir a una frase: ¡tu contenido es mio! Aunque no haya tenido que pagar por él, lo que estoy viendo en mi pantalla es una copia a la que, si quiero, debería poder cambiar su diseño, directamente borrarla con algo como body {content:"Esto apesta";} o agregarle un link de manera automatizada. ¿Acaso creen que si veo el título de un libro no voy a salir a buscar información sobre el mismo? Evitando que la Google Toolbar agregue un enlace como sugerencia, sólo están haciendome tardar un paso más hacía lo que busco?

¿Derechos de autor? ¡Tonterías! Como mucho tengo prohibido distribuir la versión modíficada, pero mientras la página esté almacenada en el cache de mi disco, tengo libertad sobre ella.

¿Molesto porque Google puede llegar a sacar beneficios económicos? Podrías cobrar para acceder a la información (y aún así, luego Google Toolbar y yo nos encargaríamos de modificarla).

La única contra que este sistema puede tener es que los enlaces patrocinados no sean claramente distinguibles de los que autor original agrego. Al fin y al cabo que el autor tiene una reputación que mantener, y un enlace a uno servicio que uno defenestra puede resultar contradictorio.

Elementos y etiquetas

2005-02-28T23:49:00.000-03:00

Categoría: HTML

Hablemos con propiedad. Teniendo el siguiente código:

<p>Lorem ipsum dolor sit amet…</p>

Se puede decir que tenemos un elemento P delimitado por las etiquetas de apertura <p> y de cierre </p>. O sea que el que tiene margenes horribles (según la opinión de algunos) es P y no <p>.

Yo tengo una vida

2005-02-27T20:09:00.000-03:00

Categoría: Personal

Situación: Comprando en Camelot.

Yo: Quería llevar el número 10 de Evangelion.
Vendedora: También acaba de salir el número 1 de Evangelion - Iron Maiden…
Yo: (Interrumpiendo) Yo sí tengo una vida. Evangelion 10, nada más.

Escena especialmente dedicada.

Bug Internet Explorer: float y clear

2005-02-26T01:29:00.000-03:00

Categoría: CSS

#uno, #dos {width:100px; height:100px;}
#uno {float:right; background:#f0f;}
#dos {float:left; background:#00f; clear:both;}

<div id="uno">
Lorem Ipsum
</div>

<div id="dos">
Dolor Sit Amet
</div>

Opera y Firefox ubican al segundo DIV debajo del primero. IE6 ubica ambos a la misma altura, ignorando el clear. Ejemplo.

No encuentro reportes y menos alguna solución. ¿Alguién lo conocía?

Triangulos gemelos

2005-02-24T17:39:00.000-03:00

Categoría: Personal

Interrumpimos la programación habitual para decir: ¡¡gane!!. Soy el tercer lugar en el concurso de diseño de OSWD con Twin Triangles. Lo hice en apenas un día y fue un parto que anduviera también en IE5.5, por lo que tiende a romperse bajo ciertas circunstancias. Igualmente eso no quita que el primer puesto (drifting) y segundo puesto (Pink winter) fueron muy bien repartidos.

Gané un año de hosting más 20 dólares que tengo que ver como cobrarlos.

Gracias (millones de gracias) a Diego que me avisó del concurso.

Importante: Sí alguien tiene alguna sugerencia válida sobre como cobrar el dinero, se lo agradeceré (eternamente). No cuento con tarjeta de crédito, por lo que Paypal queda fuera y Dineromail parece que sólo funciona en Argentina.

El mito de la semántica en la web

2005-02-22T21:43:00.000-03:00

Categoría: HTML

Lo que digo a continuación puede ser fácilmente refutado, pero nada me impedirá el placer de decirlo. A los fines del post entiendase semántica como significado o información que se transmite.

Ahora, y ya desde hace rato, muchos se preocupan por estandares (principalmente XHTML y CSS) y cada tanto (ya no tanto) escucho (y respondo) preguntas sobre que elemento HTML es el más adecuado para cada caso. Tenemos que usar Hx para los títulos, ABBR para las abreviaturas, P para los párrafos y tantas otras cosas; ¡y pobre del que oce usar algo como <div class="titulo"> Título </div>!

Pués les recuerdo algo: la semántica no es algo mágico ni salvará la vida de Brian. ¡La semántica en los elementos no es algo intrínseco! El significado o el mensaje (que más importa) es que finalmente termina recibiendo (ó interpretando) el usuario. Creo que es posible distinguir en este blog los títulos de los parrafos, pero ¿alguien se fija que elemento usé para marcarlos (o etiquetarlos como he oido)?

Si fuera por ahorrarme conocer cada elemento bien podría hacer con los títulos algo como esto

div.titulo {font:30px arial;}

Entonces los títulos resaltarían lo suficiente como para que fueran facilmente identificables.

Humor nerd: Incluso podría usar sólo SPAN y tener una hoja de estilos como ésta:

span.titulo, span.parrafo {display:block;}
span.li {display:list-item;}

Y en el fondo no es tan descabellado.

Los títulos son grandes, los párrafos tienen un interlineado, los links son azules… Lo que debería causarnos asombro son nuestros propios sentidos. Nuestros ojos pueden etiquetar y dar significado a estas convenciones. O sea que al ver una palabra en azul y subrayada, nuestro mouse corre desesperado para ver de qué se trata (obviamente guiado por nuestra curiosidad) porque sabemos que hay más información escondida detrás.

Si vamos al ya repetido hasta el hartazgo grupo de usuarios que usan lectores de pantalla tampoco habría problemas porque todavía tienen uno de sus sentidos para que etiquete la información. Sería solo cuestion de usar CSS (aural stylesheets para ser más específico) para hacer que los DIV de clase titulo sean leidos con más énfasis. Si el programa lector practicamente grita una oración es porque debe ser importante, pensaría el usuario.

¿Entonces podemos prescindir completamente de toda la ensalada de elementos y dedicarnos a disfrutar de una sencilla divitis (entiendase divitis como el abuso de DIV)? Sería divertido pero personalmente lo desaconsajería por una simple razón: los elementos de HTML los conocen todos (los que esten metido en el asunto). El ejemplo clásico es Google. Se supone que este buscador es capaz de diferenciar títulos y texto con énfasis del resto del resto del texto.

La otra razón aún más importante está relacionada con el abuso de CSS. Suponiendo que todos los elementos fueran puros DIVs, si por alguna razón CSS está desactivado, todo el texto se vería igual. Pero por otro lado, usando los diferentes elementos (y usandolos inteligentemente), el navegador (sea gráfico o no) siempre puede recurrir a los valores recomendados de fábrica. Si desactivan las hojas de estilo en este sitio, verán que los títulos resaltan con respecto al resto del texto. Para el navegador cada elemento es exactamente igual, pero en un ataque de altruismo para con el usuario, incluye ayudas (visuales en un navegador gráfico) para intentar transmitir la misma idea que el diseñador planificó.

Por lo tanto, si querés podés usar puros DIV. En mi caso he visto que la mayoria usar navegadores bastante avanzados (lease IE y Firefox) por lo que poco importa lo que hay detrás, pero como no puedo estar complementamente seguro que el host de mi CSS funcione siempre, no viene mal tener una pequeña ayuda de los navegadores en caso de tragedia.

Una continuación para este artículo en La importancia de los elementos en HTML.

Los hombres huyen de mí

2005-02-21T04:34:00.000-03:00

Categoría: Personal

Aclaración: El señor J es parte de un pasado (minimamente lejano) que es mejor olvidar; no porque sea trágico sino porque implicaría reconocer que soy capaz de olvidar mi dignidad y humillarme mal con tal de conseguir algo (o alguien). Y por las dudas les aclaró que sí, el señor J es gay.

Amigo: ¿Te enteraste? ¡J se casó!; Con una mujer…; ¡Por su propia voluntad!; Con la piba esa que siempre andaba con él, que es amiga suya; Resulta que la boluda necesitaba la ciudadania sí o sí o la echaban del país.
Yo: Al final casarse es fácil. Me pregunto si todavía habra stock en Novias Koreanas. Con un poco de suerte incluyen una sección de chicas con conocimientos avanzados de CSS.

5.1.1.

Mudanza

Descargar Opera 8.02

NetNewsWire y Atom 1.0

Opera 8.02 no incluirá Bittorrent

Atom 1.0 para Wordpress

¡Que código más sucio!

Fechas en Atom y lidiando con Wordpress

Categorias en Atom

Eso no es todo

¡Mazinger en Canal 7!

Happiness is

138

Monstruo

Abreviaturas y acrónimos: la semántica exquisita y la accesibilidad que no es

La Real Academia Española me dijo

Navegadores gráficos y navegadores lectores

Pronunciá la A de acrónimo y de abreviatura

Adiós ACRONYM

Pequeña prueba con Opera 8

El bienintencionado atributo title

Opera 8.02 Technical Preview

CSS 2.1 (13 de junio de 2005)

El gobierno de Noruega, los formatos propietarios y Opera

Japonesitos y chinitos no son iguales

Internet Explorer 7, RSS y Atom

Viendo las capturas de Internet Explorer 7

Blogger agrega DIV clear:both a los posts

Firefox bug: El texto que parpadea

De números inflados y Opera

IM7 22

Opera soporta WAP

Opera se burla del browser sniffing

Editando ua.ini

El color del neumotorax

Opera 8.01 y Opera 8.0 oficialmente en español

Opera 8.01

Opera 8 en español es oficial

Podcast, la nueva moda inaccesible

Technorati beta es tan Internet 1.0

¡HTML es semántico!

Microsoft Planning 'Lower Rights' IE 7.0

Opera y los premios de PC World

Cambio de template otra vez

BrowseHappy queda en manos de Wordpress

:only-child. Testeando el selector de CSS3 en Deer Park Alpha 1

Prueba básica

Prueba básica 2

Elementos anónimos

El elemento HTML

Hermanos con ::after (o ::before)

Único hijo con ::after (o ::before)

Conclusión

¡HTML es estricto!

Sanitize and report

Sólo funciona con

Éso, allá afuera

Poniendo en claro la licencia de este sitio (2)

Poniendo en claro la licencia de este sitio

Yahoo Mindset. Pequeño destripamiento.

Meme musical (otra vez)

Deer Park: mis observaciones prejuiciosas

Recomiendo la reseña sobre el diseño de La Coctelera

Netscape 8.0.1 (y algo de IDN)

Pronostico del tiempo à la Bloglines

Un helecho por la inauguración

Hablando mal de Opera desde la ignorancia

Opera mini

Editar las busquedas en Opera

Agregar búsquedas predefinidas

Agregar nuevas búsquedas

Sobre los números de las búsquedas

Super search

Descargar nuevas búsquedas

Editando manualmente

Cinturón de castidad

Tiempo para perder

El CEO de Opera respondió

Avisame si rediseñas

3333 comentarios

Adiós `ACRONYM`

El bienintencionado atributo `title`

El elemento `HTML`

Hermanos con `::after` (o `::before`)

Único hijo con `::after` (o `::before`)

¿Por qué `position: absolute` en lugar de `float`?

El secreto mejor guardado de `position: absolute`