Archivo de la categoría 'Consejos y sugerencias'

« Entradas anteriores

Código para incrustar vídeos .flv

Vídeo .flvEl 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>

LaTeX en blogs

LaTeXEsta 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.

Accesibilidad y usabilidad en formularios

AccesibilidadEsto 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. :)

Feeds, fuentes, canales, sindicación, redifusión, agregadores…

RedifusiónFeeds, fuentes, canales, sindicación, redifusión, agregadores…

Todos esos términos aluden a la posibilidad de suscribirse y leer con facilidad información que se actualiza con frecuencia.
El último artículo que he publicado en Maestros del Web pretende ser una guía para iniciarse y optimizar nuestra experiencia con los feeds (fuentes o canales de información).

Os invito a echarle un vistazo. Es extenso pero creo que muy informativo:
Herramientas para optimizar la lectura de tus feeds.

Caracteres especiales

Ñ Me molesta mucho que con el avance de Internet y de la mundialización sea sin embargo más difícil registrarse en sitios, aplicaciones, foros, etc. con los caracteres especiales que quiero utilizar, concretamente con los de mi apodo Calítoe.:..

Me he inscrito muchísimas veces utilizando esos caracteres sin ningún problema, pero últimamente se hace más y más difícil.
Y no sólo por los puntitos (puedo vivir sin ellos), pero ahora las tildes tampoco son bienvenidas.
¡Hasta en sitios hispanos se me impide utilizar los caracteres propios de nuestra lengua!

¿Nadie se ha planteado cambiar esta situación?

WordPress 2.1.2 INMEDIATAMENTE

WordPress Desde el blog de desarrolo de WordPress nos informan de que si has descargado WordPress 2.1.1 durante los 4-5 días pasados, es muy probable que tengas una descarga “contaminada”.

Al parecer, un cracker ha conseguido acceder a los archivos de la descarga y ha modificado dos incluyendo código malicioso que haría muy fácil ejecutar PHP de forma remota en los sitios con esa instalación.

Es, pues, más que recomendable descargar la versión 2.1.2 de WordPress y actualizar tu blog cuanto antes. La actualización se ha revisado completamente y además incluye alguna que otra modificación adicional.

Por supuesto, los administradores de Wordpress.org están investigando el asunto y han tomado medidas.

Crucemos los dedos para que no vuelva a ocurrir nada semejante.

[Noticia publicada en WeblogsToolsCollection en español]

« Entradas anteriores