Comentarios desactivados
Comentarios desactivados
¿Creen que saben CSS? Acá pueden ver cómo clasificar la gente según cuánto CSS saben, cómo lo utilizan y qué se puede hacer para ayudarlos. Fíjense y digan si conocen a alguien en cada nivel o si se les ocurre algún otro nivel. Yo creo estar entre el nivel 4 y el 5… y traduzco cosas del 6.
Hace mucho tiempo leí este artículo y si lo dejé marcado para traducirlo en algún momento es porque realmente vale la pena. Además, recordé haberle prometido a Gato y Doliaku colaborar con PuroCSS. Intenté ingresar al sitio pero no pude, pero de todas formas publico acá.
Notas de traducción
- El artículo fue traducido con el permiso expreso y por escrito (en un e-mail) de su autor: Emil Stenström
- No se me ocurre cómo traducir la palabra layout y que quede más o menos decente
- Artículo Original: Levels of CSS knowledge
Los casi 200 locos que, según mis estadísticas, van a entrar hoy a esta página se preguntarán qué pasó con el diseño. Los que leen desde un lector de feeds, vengan y pregúntenselo.
La respuesta empieza medio filosófica: la blogósfera se alimenta constantemente de memes que están dando vueltas por todos lados. Por fin creo que una vez inventaron uno que valía la pena. La idea de todo esto es fomentar los estándares. Mostrarle a tu público cuán accesible es tu sitio aún sin una hoja de estilos, el HTML pelado y desnudo.
¿Para qué?
Esto puede parecer inútil a algunos. Otros dirán que con Flash estas cosas no pasan. Pero yo les digo que así como lo ven es como lo van a ver en una Lynx corriendo en una XT con linux en disquette, en un Opera, Firefox, IE, en el navegador de un celular, una palm o lo que se les ocurra. Y el usuario va a poder usarlo tranquilamente por más que no tenga la última tecnología o no la quiera usar. Lo que es más, una persona con problemas de visión seguramente no ve cuán lindo queda tu sitio con colorcitos; lo prefiere así para que su programa se lo lea en voz alta.
Esto también demuestra para qué se hizo CSS. El HTML no es un lenguaje de presentación, sólo le da una base a Internet para poder inter-relacionarse. Todo el resto de arriba son adornos.
Si está hecho con estándares: cualquiera lo va a poder usar.
La locura es obra de Dustin Díaz. Es sólo un día al año, el 5 de Abril, en el que estamos seguros que todos nuestros usuarios van a estar viendo nuestro sitio igualito sin importar si lo están imprimiendo, si perdieron la visión, en su gadget favorito o en un proyector.
Demostremos que el contenido sigue siendo lo importante
¿Cómo?
Hay varias formas, todo depende. La más sencilla es simplemente comentar la línea de la hoja de estilos. Sin embargo vas a necesitar hacer esto todos los años (si tu locura da para tanto). Para eso existen otras soluciones:
WordPress
En el archivo headers.php (que se encuentra en el directorio wp-content/themes/nombre_del_theme/) tienen que cambiar la línea:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
por el código:
<?php
$DustinsNakedDay_isToday = (date('md')=='0405');
$DustinsNakedDay_allPages = true; // false for just the home page
$DustinsNakedDay_getNaked = ($DustinsNakedDay_isToday && (is_home() || $DustinsNakedDay_allPages));
if(!$DustinsNakedDay_getNaked) { ?>
<link rel="stylesheet" href="" type="text/css" media="screen" />
<?php } ?>
Simple PHP
Agregás el código siguiente y luego utilizás la función como guarda de un if que incluye el código de tus hojas de estilo:
<?php
function is_naked_day() {
$start = date('U', mktime(-12,0,0,04,05,date('Y')));
$end = date('U', mktime(36,0,0,04,05,date('Y')));
$z = date('Z') * -1;
$now = time() + $z;
if ( $now >= $start && $now <= $end ) {
return true;
}
else {
return false;
}
}
?>
Nótese que esta función devolverá que es el día de desnudos si en algún lugar del mundo todavía es 5 de Abril.
El que se quiera prender, bienvenido sea. El que no, allá él.
Comentarios desactivados
Este es un artículo que, aunque teniendo cierto sentido humorístico, no deja de tener cierta razón. Tómese con pinzas algunos de estos puntos y no se lo tomen tan a pecho los puristas; el resto diviértase y a lo mejor se aprende algo también.
Notas de traducción
- El artículo fue traducido sin el consentimiento explícito del autor por lo que puede ser modificado y/o eliminado eventualmente (se le informó al autor de la misma sinembargo)
- Los vínculos fueron mantenidos del artículo original por lo que seguramente estarán en inglés
- Las notas de traducción fueron agregadas entre corchetes (“[" y "]“)
- Via: Two Mad Geeks
- Artículo Original: 55 reasons to design in XHTML/CSS
Por un artículo de Federico me entero que, gracias a una de las alfa de compilación semanal, Opera 9 pasaría el test Acid2. Si bien había escuchado nombrar a este test bastante hace mucho tiempo nunca terminé de saber qué había detrás de todo eso. Me puse a buscar por allí y me dí con que son sólo tres los navegadores que lo hacen: Safari, XML Prince y ahora Opera 9.
No podía creer que mi adorado Firefox no pasara la prueba. Así que la busqué e intenté renderizarla. No está tan mal como he visto en algunos navegadores; pero deja que desear. Para mi consuelo encontré la explicación de que Acid2 fue desarrollado en un momento en el que Firefox no se podía concentrar en este test pero que estaría prometido para la versión 3 del navegador ya que significaría modificaciones importantes al motor de renderización: Gecko… o algo así.
No conforme con esto decidí investigar un poco más y nada mejor para eso que la explicación del test en sí. La información está toda en inglés así que me dispuse a traducir la introducción de la explicación del test.
Notas de Traducción
- El artículo no fue traducido completo por falta de tiempo. Es muy largo. Sin embargo, si a muchos les interesa puedo hacer un esfuercito por traducirlo completo.
- Por lo que entiendo esta autorización está autorizada. La parte ‘legal’ en el sitio original condena cualquier uso o abuso con fines que no sean “la educación y/o la promoción de los estándares en todas la formas de desarrollo disponible en la web”. Si alguien piensa que es una malinterpretación de lo que dice que me lo haga saber mediante comentarios y vemos qué hacemos
- Los comentarios de traducción se encuentran entre corchetes (“[" y "]“)
- Los enlaces se mantuvieron como en el artículo original por lo que seguramente los llevarán a un sitio en inglés
- Necesito saber si a alguien se le ocurre cómo traducir “data URLs” y “layout”. Los comentarios están para eso
- Artículo original: Acid2: The Guided Tour