Por ejemplo, en el foro de un articulo, podriamos incluir el siguiente
código, antes del bucle de comentarios de un artículo:
[] Suscribite a los comentarios de este artículo
Un código análogo, llamando al esqueleto correspondiente y pasando el
parámetro correcto, sirve para las breves, las secciones, los artículos
sindicados y los hilos de discusión (en foros con comentarios anidados).
Desde el editor del sitio privado en el texto de un artículo. No
conozco la forma de que funcione desde ahí (sale escrito como texto
en la página resultante. ¿Hay alguna manera de hacerlo?
Estaba intentando, me enteré después, usar este
plugin
Al otro día yo contesté:
Hola Adrián. Desconocía de qué hablabas hasta que Marina mandó el
link. Me parece que en el algunas ocasiones los plugins están
opacando las soluciones más eficientes e ingeniosas, esas que
buscabamos antes de que todo fuese "enchufable". ¡Spip se está
wordpressisando!
Lo que quiero decir es que me parece que hay formas mejores de hacer
eso. Yo tengo un ejemplo para
darte
Andá al pie del artículo, y hacé click en Opinar: despliega (u
oculta, depende del estado) el formulario de comentarios.
Es, sin balizas ni plugins, lo que parece que hace esa contrib.
Y el código es de risa: un pelín de jQuery (con su efecto
toggle() )
El esqueleto del ejemplo que
propongo
es bien sencillo. El formulario aparece encerrado en una div y
escondido con la propiedad CSS display:none. De manera simplificada
[1] :
[(#FORMULAIRE_FORUM)]
Y el link que produce el efecto mostrar/ocultar (en este caso «opinar»
)tiene este código.
Opinar
En perfecto argentino se diría: ¡una papa!
Breve explicación: Al hacer click sobre el link, se ejecuta el evento
Onclick, que mendiante jQuery (que ya se encuentra en todo sitio SPIP si
existe la baliza #INSERT_HEAD en el <head> de los esqueletos), se
busca la el bloque con ID «form-comment» (o sea, el div contenedor
del formulario), y se aplica toggle(), que es una funcion que si el
bloque está oculto, lo muestra, y se está visible lo oculta. Simple y
efectivo.
Permitiendo el uso desde la redacción
Hasta aquí el reemplazo al plugin, que no da una solución completa a la
consulta de Adrían, porque esta solución también está programado en los
esqueletos del sitio. Pero, con simples modificaciones, se puede usar
dentro del texto de los artículos.
El truco es este: la balizas no se pueden usar en el texto, pero los
modelos sí. Y como spip respeta el HTML, tenemos solución: generamo el
link interruptor a través de un
modelo
[2].
Creamos un modelo dentro de modeles/toggle.html (dentro de la carpeta
de nuestros esqueletos) con el siguiente código:
#ENV{texto}
¡Y listo!
Para usarlo, en el cuerpo del artículo se invocaría al modelo con dos
parámetros: el identificador del contenedor, y el texto de link
controlador.
Donde se quiera mostrar el link escribimos:
y donde queramos que vaya el contenido oculto:
Hola amigos, esto es una astucia para el compañero Adrian!
</div>
Sólo hay que asegurarse de que el ID del contenedor sea el mismo que el
parametro div que pasamos a nuestro modelo. Por supuesto, esto permite
tener múltiples bloques ocultos y link controladores.
Yahoo! Pipes es una una herramienta web
interactiva para agregar y manipular feeds RSS (y otras fuentes de
datos) a nuestro antojo de forma sencilla y asequible para cualquiera.
Es un entorno de programación visual online. La programación visual es
común para los ingenieros
(Simulink o
LabVIEW) y también para los
viejos gamers (el glorioso The incredible
Machine.
El concepto es simple: se conectan distintos módulos ("tubos", con una o
más salidas y entradas) según las necesidades, y se va probando el
resultado en una salida final.
En Y! Pipes, luego de toda nuestra manipulación, el resultado es un feed
personalizado que contiene únicamente lo que se quiera tener, por
ejemplo el resultado de mezclar y flitrar dos o más fuentes de
información.
Aplicandolo a SPIP
Frecuentemente queremos ofrecer un canal RSS que provea tanto las breves
como los artículos. SPIP maneja estos objetos independientemente y es
muy dificil hacer un esqueleto que los mezcle (hay que trabajar con
pilas en PHP). Con Yahoo! Pipes es tan sencillo como mezclar los dos (o
más) feeds.
Pero mezclar feeds no es la única posibilidad. De hecho, Pipes es tan
potente que permite obtener datos parseando un sitio web que no tenga un
canal RSS o Atom disponible (pero eso es un uso muy avanzado y lo
dejamos para otra oportunidad).
Un caso que sí está al alcance de esta breve introducción es filtrar el
contenido de un feed. Doy mi ejemplo en uso: me gusta leer a Hernán
Casciari que además de su blog, escribe una
columna en el diario argentino La Nación. Es un diario asquerosamente
oligarca y de derecha (¿redundante?) así que prefieron no leer nada más
que a este autor,
Fácil: Busco el feed de la sección donde se publican sus columnas,
filtro con la palabra clave ’Casciari’, y me libro de todo lo que no
quiero. Aquí el resultado
Un cierto blog no ofrece los RSS filtrados por categorías. O por
autores. O por ‘tags’. O queremos el RSS de un sitio, eliminando,
por ejemplo, todas las entradas que hablen de petanca o del chucho
del autor. Vamos, que nos gustaría filtrar el RSS de acuerdo con
algún criterio propio. Para eso (y para bastantes más cosas, pero
centrémonos en esto) sirve Yahoo! Pipes. Para los interesados, un
pequeño ’screencast’ que explica cómo recuperar las categorías (la
de desarrollo web, en particular) que se ha cargado Feedburner…
Allí realicé un taller de 20 horas sobre Accesibilidad para la web a
cargo de las licenciadas Ivana Harrari y Ana Paola Amadeo, docentes de
la Universidad Nacional de La Plata.
El taller fue de un nivel bastante bajo y con errores de implementación
bastante groseros, partiendo de que parte del material de práctica
estaba en formato Adobe Shockwave y todo el curso se centraba en
software para Windows. Las docentes, de cualquier manera, fueron muy
amables y abiertas a escuchar nuestras inquietudes.
Por este motivo, con los dos compañeros que participamos de este taller,
Lourdes Dorado y Agustín Martina, nos propusimos aprovecharlo todo lo
que pudiésemos.
Desde aquí se puede bajar los informes de los trabajos prácticos
realizados:
Además, la consigna del trabajo final era evaluar las accesibilidad y
usabilidad de un sitio web a elección, por ejemplo, el de la facultad de
procedencia de cada grupo. Como el de nuestra
facu nos avergüenza, decidimos construir
nosotros que respete las normas.
Nos basamos en un diseño libre y mejoramos
aquellos aspectos que no satisfacían completamente los requerimientos.
El resultado es el proyecto *Accion
Inmobiliaria*
CSS y XHTML estándar válido
Se estudió el contraste de colores y el tamaño de la fuente
para facilitar la lectura.
Accesibilidad probada en navegadores en modo texto (Elink) y
lectores de pantalla.
Licenciado bajo GPLv3
Descargar
Podés bajarte los esqueletos, modificarlos y usarlos. Como se basa en
GPL, tus trabajos derivados deben ser ofrecidos libremente.
El trabajo de un desarrollador web cuesta mechones de cabello a la hora
de enfrentar al inmundo, malnacido e infeliz Internet Explorer 6. Horas
y nervios perdemos intentando que nuestros sitios se vean decentemente
en este navegador, que pese a tener casi 8 años de anitgüedad, aun tiene
cuota de mercado. ¡Es hora de decir basta! Tomemos las armas y
declaremosle la guerra a Internet explorer.
¿Cuáles son nuestras armas?
Te propongo dos, faciles y potentes:
El script modificado por mí de la campaña End
6!. Sólo debes copiar este código y
pegarlo en el header de cada página de tu sitio, o sea entre <head>
y </head>.
Si un visitante llega usando el vetusto y abominable navegador, verá un
cartelito como este:
El plugin para spip `Cambia el
navegador! <http://www.spip-contrib.net/Changez-de-navigateur>`_ que al
instalarlo y activarlo, muestra un mensaje en la cabecera de todo el
sitio público si el visitante usa IE6 (o más viejo!)
Puedes bajar este plugin (multilingüe) desde aquí.
Basta de ’caldo gordo’
Como desarrolladores, tenemos cosas mejores que hacer que continuar
garantizando la compatibilidad con lo arcaico, perdiendo el tiempo en
torno a errores ajenos a nuestros desarrollos. Todo el tiempo dispensado
allí debería ser concentrada en conquistar los nuevos horizontes que
requieren nuestra atención como, por ejemplo, la web móvil.
Y en gran parte, esta situación es nuestra responsabilidad. Todos los
que trabajamos en internet (y los que la usamos con pasión) conocemos y
odiamos con fundamentos el Internet Explorer 6. Pero justamente
nosotros, por tener razones, somos responsables de difundirlas tanto
como podamos para educar tecnológicamente a los usuarios más
inexperimentados.
CSS y XHTML estándar válido
El script modificado por mí de la campaña 
