Hoy, en un ejercicio que no suelo hacer, me puse a ver los titulares del sitio de la Tercera —no suelo hacerlo porque odio el “papel digital” (la carga de contenidos es infinita), no logro encontrar las notas de ediciones pasadas, no tiene buscador interno, no publican los contenidos completos en el RSS, etc. En fin…
La cuestión es que, dado que hace relativamente poco rediseñaron el sitio, me preguntaba si habrían utilizado algún framework CSS. así que me puse a ver el código… y a pesar de que no había ningún señalamiento, en la hoja llamada neutralizacion.css
me encontré con una frase que me parecía conocida: /* remember to define focus styles! */
, que tras un rápido googleo, pude situar en el Reset Reloaded de Eric Meyer. La hoja contenía lo siguiente:
/*Neutralizacion*/
/* { margin: 0; padding: 0; }
body { background: url("grilla.gif"); font-family: 'Trebuchet MS', Arial, sans-serif; line-height: 1; }*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
/* remember to define focus styles! */
:focus {
outline: 0;
}
a { text-decoration: none; }
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
… mientras que la de Eric Meyer es así:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
Asombrosamente similares. Veámoslo en cámara lenta: resaltaré las líneas de la hoja de la Tercera que son idénticas a las de Meyer.
/*Neutralizacion*/
/* { margin: 0; padding: 0; }
body { background: url("grilla.gif"); font-family: 'Trebuchet MS', Arial, sans-serif; line-height: 1; }*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
a { text-decoration: none; }
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
Podríamos asumir, con bastante seguridad, que “se basaron” en el trabajo de Meyer para su hoja, ¿no? Y sin embargo, ninguna mención a él.
Es necesario aclarar que Meyer no especifica ninguna licencia para su creación (al menos en el post donde la presenta), y que a pesar de que al final de su sitio nos encontramos con la nota All contents of this site, unless otherwise noted, are ©1995-2008 Eric A. and Kathryn S. Meyer. All Rights Reserved.
, hacer un escándalo ahora por quienes han (hemos) utilizado su trabajo es, cuando menos, ingenuo o fuera de lugar.
Quienes desarrollaron el sitio de la Tercera… ¿habrán compensado de alguna forma a Meyer?
Si no fue así ¿por qué asumir que su obra era de dominio público?
¿Tanto cuesta dar crédito por un trozo de código, que fácil y plenamente identificable y atribuíble?
Puede ser que sólo esté reclamando por reclamar… pero creo que agregar "Basado en Reset Reloaded de Eric Meyer"
es tan básico que ver que no se hace es lamentable.