(: HEC :)

Vuelvo a la carga en este sitio para hablar de una joyita que no es desconocida pero que resulta ciertamente muy útil y merce toda la difusión que se pueda hacer de ella.

Necesitaba crear tablas complicadas con los horarios de mi club de gimnasia para publicarlos en su sitio web, así que me puse a buscar un editor visual decente (tipo WYSIWYG) para no complicarme la vida con el código.

Tras intentar varios que no me convencieron mucho, probé el famoso Kompozer, y le tengo que agradecer el tiempo que me ha ahorrado, pues además de generar código limpio, no hay que instalar nada: se descarga, se descomprime y se usa.

Lo de ciertos anuncios que últimamente proliferan en portales como TF, FindaBlogger, etc. solicitando redactores a cambio de CÉNTIMOS son un cachondeo. Con razón se ven las porquerías que se ven por Internet de unos años a esta parte. Escribir artículos de 300 palabras sobre un tema determinado suele llevar como mínimo muy mínimo —entre recabar información, condensarla, redactar el artículo y revisarlo— media hora. Lo normal es una hora al menos, y muy a menudo, más tiempo. El salario mínimo por hora en España es 4,89 EUR. Cualquier oferta para redactar contenidos por menos de 3 EUR por artículo (y ya tiro por lo bajo) es una falta de respeto. Además, la mayoría de estos explotadores cometen faltas de ortografía y sintaxis garrafales, y así ¿cómo vamos a sentirnos cómodos haciendo de esclavos para alguien que en cuanto a formación no nos llega ni a la suela del zapato?

Ya que predico, que sea con el ejemplo. Yo he pagado 6 EUR por artículo a un amigo por su colaboración en uno de mis sitios, y me siento mal por no haber podido darle más.

Ante esto quiero manifestar mi buena experiencia con Maestros del Web en los años 2006 y 2007: un entorno amigable, bastante libertad a la hora de redactar y, ahora puedo apreciarlo como se merece, bien pagado.

Free accessible and usable web template.

Hace un año y medio seguí el Curso online de diseño de webs eficaces (3ª edición) organizado por la Universidad de Murcia. Entre los profesores estaba Imma Bermejo, de Chavalina.net.

Para la evaluación del curso nos propusieron varios ejercicios y nosotros teníamos que realizar uno. Yo elegí construir un sitio web que cumpliese los estándares relacionados con la usabilidad y la accesibilidad.

Aprendí mucho construyéndolo y como por lo visto el material es aprovechable, publico aquí el resultado final para que sirva de inspiración o ilustración a quien le interese el tema. No obstante, he observado cosas que aún podrían mejorarse, así que lo revisaré y mejoraré en cuanto pueda.

Se trata del sitio web final, con los contenidos requeridos en el ejercicio, pero al que añadí una sección “créditos” para explicar cómo y con qué lo construí.

He aquí el enlace.
Sitio web usable y accesible

Descargar:
También pongo a vuestra disposición el código fuente, pero si usáis algo de él, no olvidéis dar crédito a quien corresponda:
Plantilla XHTML CSS usable y accesible

Por favor, no me fusiléis el sitio entero y luego vayáis diciendo por ahí que lo habéis hecho vosotros (no está tan bien como para presumir ).

El código que suelen ofrecer servicios como YouTube para incrustar vídeos en otras páginas web no valida XHTML.

En muchos páginas web se explica el código que se puede usar en su lugar para que el sitio donde queráis incluir vídeos de YouTube sí pase la validación del Markup Validation Service del W3C, este es el que yo utilizo.

Atención: cambiad únicamente las partes en negrita por el código del vídeo de YouTube, la parte que va tras watch?v= en la URL del vídeo, también podéis cambiar el tamaño de la ventana del vídeo. En este código se incluye también la URL del vídeo para que si alguien está suscrito a las entradas y lee la nota como un correo electrónico, por ejemplo, pueda ver al menos la dirección a la que debe ir para ver el vídeo.

<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/yOOmFgBAdIA"><param name="movie" value="http://www.youtube.com/v/yOOmFgBAdIA" />http://www.youtube.com/watch?v=yOOmFgBAdIA</object>

Pero si tenéis un clon de YouTube o archivos .flv procedentes de otros sitios, el código anterior no suele servir de mucho: esta es la solución que a mí me ha funcionado. Cambiad las partes con “elsitioencuestion.ext” con vuestro dominio y video.flv con el nombre del archivo, quizás tengáis también que arreglar la URL para mostrar la ruta exacta del archivo. Podéis cambiar el tamaño, añadir un logotipo con un enlace, lo veréis en el código.

Atención: la parte en negrita debe ir sin espacios, en una sola línea, aquí tuve que hacer cortes para que se viera bien en la página:

<object type="application/x-shockwave-flash" data="http://www.elsitioencuestion.ext/flvplayer.swf" width="425" height="355" id="VideoPlayback"><param name="movie" value="http://www.elsitioencuestion.ext/flvplayer.swf" /><param name="allowScriptAcess" value="sameDomain" /><param name="quality" value="best" /><param name="bgcolor" value="#000000" /><param name="scale" value="noScale" /><param name="salign" value="TL" /><param name="FlashVars" value="&amp;file=http://www.elsitioencuestion.ext/video.flv&amp;
width=450&amp;height=425&amp;displaywidth=355&amp;
displayheight=367&amp;overstretch=true&amp;
autostart=false&amp;showfsbutton=false&amp;
logo=http://www.elsitioencuestion.ext/logo.ext&amp;
link=http://www.elsitioencuestion.ext&amp;
linktarget=_blank&amp;
backcolor=0xFFFFFF" /></object>

Esta es una versión actualizada de la entrada publicada el 8 de marzo de 2007: “Plugin para producir símbolos matemáticos en WP“

Para WordPress, el plugin más extendido es WP-LaTeX.

En cuanto a otras plataformas, a partir de una consulta en los comentarios de la otra entrada, he descubierto cómo integrar LaTeX en Blogger a través de una nota que publicó Víctor Álvarez en su blog.

En el artículo de LaTeX en la Wikipedia, nos proporcionan algunos recursos sobre LaTeX, entre los que destaca la lista de símbolos de LaTeX, para no perdernos demasiado.

Espero que le ayude a alguien.

Esto es lo que nos indica la pauta 10.4 (prioridad 3, es decir, mínima, pero no por ello completamente obviable) de las denominadas Pautas de Accesibilidad al Contenido Web 1.0 (WCAG 1.0), desarrolladas por la Iniciativa de Accesibilidad Web (WAI), perteneciente al World Wide Web Consortium (W3C):

WCAG 10.4: Hasta que las aplicaciones de usuario manejen correctamente los controles vacíos, incluya caracteres por omisión en los campos de edición y áreas de texto. (Prioridad 3).

Según esto, todos los campos de edición y áreas de texto deben contener algún caracter porque existen ayudas técnicas que no pueden poner el foco en los controles vacíos.

Si nos interesa cumplir con todas las pautas pero no queremos que se vea por defecto ningún caracter y estamos desesperados porque el truco de colocar &nbsp; no nos funciona, he aquí una solución.

Una manera de incluir textos por defecto (y así cumplir con los estándares de accesibilidad) y al mismo tiempo evitar que sea un engorro para el visitante borrar el texto por defecto para introducir sus propios datos es utilizar JavaScript siguiendo la propuesta de HTML Source.

Lo que viene a decir es que, para conseguirlo, no hay más que descargar dos archivos .js: util-functions.js y clear-default-text.js

Luego, “llamamos” a esos archivos desde la cabecera de nuestro sitio (entre las etiquetas <head>):

<script type="text/javascript" src="util-functions.js"></script>
<script type="text/javascript" src="clear-default-text.js"></script>

Y luego, asociar la clase “cleardefault” a cada campo del formulario:

<input type="text" name="date" value="yy-mm-dd" class="cleardefault" />

Aunque se deshabilite JavaScript el sitio seguirá siendo usable, aunque no se borrarán los valores por defecto al colocar el cursor sobre ellos.

Espero que pueda ayudaros.