(: HEC :)

Código para incrustar vídeos .flv

Calítoe.:. — Thu, 01 May 2008 10:54:52 +0000

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.

yOOmFgBAdIA">http://www.youtube.com/watch?v=yOOmFgBAdIA

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:

Compártelo

LaTeX en blogs

Calítoe.:. — Sat, 22 Mar 2008 11:21:14 +0000

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.

Compártelo

Accesibilidad y usabilidad en formularios

Calítoe.:. — Wed, 27 Jun 2007 12:36:08 +0000

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

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

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.

Compártelo

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

Calítoe.:. — Wed, 13 Jun 2007 19:11:29 +0000

Feeds, 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.

Compártelo

Permalinks “bonitos” en WordPress

Calítoe.:. — Fri, 25 May 2007 13:23:03 +0000

Cómo librarse en WordPress de los enlaces “feos” del tipo hablandoencristiano.info/ index.php?p=54 y obtener enlaces permanentes significativos y “bonitos” del tipo hablandoencristiano.info/tutoriales/ tutoriales-wp/permalinks-bonitos-wordpress/

Recomiendo seguir este orden de pasos: es bueno, rápido y ahorra disgustos.

Primero: hacer una copia de seguridad de la base de datos, por si estropeamos algo.

Segundo: en el panel de control de WordPress, ir a “Opciones” y en el submenú escoger “Permalinks” o “Enlaces permanentes” (depende del archivo de traducción que uséis).

Tercero: en la sección “Permalinks” escogemos la opción “Personalizada, especificar aquí”.

Cuarto: en el campo “Estructura personalizada” configuramos la estructura que queremos para nuestros enlaces. He aquí las diferentes etiquetas que podemos usar, separadas por barras oblicuas (/). Para hablandoencristiano.info, por ejemplo, utilizo /%category%/%postname%/

%year% - El año en el que se publicó la entrada, con cuatro dígitos, por ejemplo, 2007.
%monthnum% - mes del año en formato de dos dígitos, por ejemplo, 05 (mayo).
%day% - día del mes, por ejemplo, 25.
%hour% - hora del día en formato 24 horas, por ejemplo, 15 (las 3 de la tarde).
%minute% - minuto de la hora, por ejemplo, 43
%second% - segundo del minuto, por ejemplo, 59
%postname% - título de la entrada en versión “sanitizada”, es decir, sin caracteres especiales para que no den problemas. De este modo “¡Cómo mola esta entrada!” se convertirá en “como-mola-esta-entrada” en la URI.
%post_id% - el número de ID único de la entrada, por ejemplo, 54
%category% - categoría en la que se archiva la entrada con su nombre “sanitizado”. Las subcategorías aparecen como subdirectorios en la URI y en el caso de que la entrada se archive en varias categorías, en la URI aparecerá sólo la primera.
%author% - nombre sanitizado del autor de la entrada

OJO: si usamos una estructura basada en la fecha, no es nada recomendable cambiar el orden “anglosajón”, es decir: año, mes, día (/%year%/%monthnum%/%day%/). Cambiar el orden puede darnos problemas a la hora de ver los archivos como es debido.

Quinto: una vez guardados los cambios y ANTES DE TOCAR NADA MÁS EN EL PANEL DE CONTROL ir a nuestro cliente FTP y añadir el código que se sugiere en el panel de control a nuestro archivo .htcacess (si no tenemos ese archivo, podemos crear un archivo de texto nuevo en el directorio principal de nuestra instalación de WP y llamarlo .htcacess). Normalmente, este código será como el siguiente:

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

Sexto: volver al panel de control de WP, darle a “Ver sitio” y comprobar que nuestros enlaces permanentes ya son “bonitos” .

Basado en la información del Códex de Wordpress.

Compártelo

Plantillas de Enthusiast en español

Calítoe.:. — Wed, 09 May 2007 16:28:01 +0000

He añadido a la descarga de la documentación de Enthusiast 3 en español la traducción del archivo templates.txt, que no sé muy bien por qué razón no se incluye en las últimas versiones de Enthusiast.

Las variables que se listan en el documento siguen siendo válidas para las nuevas versiones de Enthusiast, y resulta muy útil conocerlas para personalizar las páginas que produzcamos con el script.

También he corregido algunos errores tipográficos que había en los documentos en español ya publicados.

Podéis encontrarlo todo en la entrada original sobre la documentación de Enthusiast en español.

Si tenéis sugerencias, podéis ponerlas en los comentarios a esta entrada.
Si tenéis problemas, a los foros .

Compártelo

Instrucciones de Enthusiast en español

Calítoe.:. — Mon, 16 Apr 2007 13:44:41 +0000

Última revisión: 27 de junio de 2007.

Enthusiast 3.1 es una aplicación (script) en PHP ideal para gestionar fanlistings en todos los sentidos: tanto para administrar los fanlistings que poseemos como para ordenar los listados a los que nos unimos.

La autora de esta obrita maestra es Angela Sabas, de Filipinas, que la pone a disposición de todos los fanlististeros con la condición de incluir siempre un enlace a la página de Enthusiast y de no distribuir el código o modificaciones sin su permiso.

Normalmente, los fanlististeros hispanohablantes no suelen tener demasiados problemas con el inglés, pero a la hora de leer las instrucciones de instalación de Enthusiast, muchos se han echado para atrás al complicar la cuestión lingüística unas instrucciones no especialmente fáciles.

Enthusiast, sin embargo, no es difícil de comprender una vez que nos acostumbramos a la explicación, y puede simplificarnos mucho nuestra experiencia con los fanlistings.

Para facilitar la comprensión de las instrucciones por parte de aficionados hispanohablantes a los fanlistings, pongo a su disposición las instrucciones de Enthusiast 3.1 en español. Esta documentación también puede considerarse como el tutorial (o tutoriales) en Enthusiast en español.

Llevo meses adecentando la versión completa para administrar fanlistings bilingües castellano/inglés. En cuanto encuentre el momento, la prepararé para su descarga.

Leer/descargar el LÉEME.txt (ReadMe.txt) de Enthusiast en español

Leer/descargar la documentación de Enthusiast en español

Leer/descargar la documentación sobre las variables de las plantillas de Enthusiast en español

Descargar los tres archivos a la vez en un .zip

Hubiera querido revisarlo como es debido, pero ante la falta de tiempo, he decidido publicar los textos y que sean los usuarios que me informen de si hay alguna imprecisión o error.

¡Espero que os ayude!

Compártelo

Galería de imágenes simple HEC

Calítoe.:. — Tue, 27 Mar 2007 17:01:29 +0000

“Galería de imágenes simple HEC” es un pequeño script PHP que muestra en una página web todas las imágenes de un directorio en forma de miniaturas enlazables a la imagen original.

Es un script que ofrezco gratuitamente sin condiciones pero también sin garantías pues yo también obtuve así las partes de código que utilicé para configurarlo.

No lo hice partiendo de cero porque mis conocimientos de PHP son limitados, simplemente adapté a mis necesidades algunos ejemplos de galerías con PHP que encontré a través PHP.net y lo distribuyo con la esperanza de que le sea útil a alguien.

Ejemplo de uso sin personalizar (sin modificar el código que viene con la descarga)

Ejemplo de uso personalizado

Descargar aquí Galería de imágenes simple HEC.

INSTRUCCIONES DE USO:
Partiendo de la base que en nuestro servidor tenemos instalado PHP, no hay más que cargar el archivo index.php en el directorio (carpeta) donde tenemos las imágenes.

Para enlazar a nuestra galería, el enlace será del tipo:
http://www.dominio.com/directorio

Tal y como viene, el script produce páginas que validan XHTML Transicional.

Para personalizar el script, abrimos index.php con el Bloc de notas u otro editor de texto equivalente (no, Word no sirve).
En los comentarios del código hay instrucciones para personalizar la aplicación.

En la cabecera he incluido un enlace a una hipotética hoja de estilos que puede usarse para modificar el aspecto visual de los elementos de la página
o adaptarse al diseño de un sitio web.

——————

No es obligatorio, ni mucho menos, enlazar a http://www.hablandoencristiano.info para utilizar este script
pero sería un gesto muy amable

Este código me ha resultado muy útil, espero que a otros también.

Compártelo

Caracteres especiales

Calítoe.:. — Sat, 24 Mar 2007 12:33:32 +0000

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?

Compártelo

Plugin para producir símbolos matemáticos (LaTeX) en Wordpress

Calítoe.:. — Thu, 08 Mar 2007 21:58:40 +0000

A raíz de una consulta de Cabeza de Ratón en los Foros del Web, me lancé a la búsqueda de plugins para WordPress que permitiesen publicar símbolos matemáticos con código de

Hay unos cuantos, pero o sólo funcionan para PHP 5 (yo tengo 4 en todos los servidores donde estoy alojada), o para hacerlos funcionar hay que hacerle mil historias al servidor, y ni Cabeza de ratón ni yo tenemos los permisos para hacerlo en nuestros servidores.

Para no perder el tiempo relatando mi odisea (aunque debo mencionar que el FigureRender me tenía muy buena pinta, porque también puede reproducir notación musical con LilyPond) he aquí el que me funcionó:

~~WPMU Plugin - LaTeX Math~~ (parece que se ha descontinuado su desarrollo, he aquí una alternativa: WP-LaTeX).

Atención: el servidor público mimeTeX ha cambiado recientemente de dirección, así que debéis comprobar que en el archivo wp-latex.php, donde dice http://www.forkosh.dreamhost.com/cgi-bin/mimetexpublic.cgi en la línea 21, deberá sustituirse por http://www.forkosh.dreamhost.com/mimetex.cgi (no sustituyáis el resto de los caracteres, sólo la parte indicada).

Para insertar el código, lo hacemos a la manera de WordPress.com, así: $latex código-aquí$

De este modo, para conseguir esto:

escribimos esto:
$latex x_i=\sqrt[n]{\frac{a_i}{b_i}}$

En la entrada 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.
Yo, por mi parte, estoy muy contenta de haber descubierto la canción “Ya no sé qué hacer conmigo”, del grupo uruguayo Cuarteto de Nos.

Compártelo