sábado, 21 de noviembre de 2015

Actualización de "Multimedia en blogs y webs"




Estaba pendiente desde hacía tiempo.
Es la cuarta versión del material que llevo elaborando y actualizando desde el año 2007.
La tercera versión, la que intentaba ser la más completa, naufragó por las limitaciones imposibles del Google Sites. En este blog lo comenté el año pasado.
Así que esta es la, de momento, definitiva.


Me queda la tranquilidad de que ahora alojada en mi servidor, puedo actualizarla sin problemas lo que haga falta. Son unas 45 herramientas sobre imágenes, audio y vídeo con sus correspondientes ejemplos (a mi juicio imprescindibles). Animaciones, reproductores, alojamiento... Clasificadas también por compatibilidad o no con los dispositivos móviles de Apple.
En algunos casos con el trabajo de preparación de los archivos necesarios para hacer funcionar la herramienta con el esfuerzo mínimo de edición.
He intentado la escritura del código HTML 5 de acuerdo con los cánones establecidos por el W3C.
Cuento con un foro que espero sirva para interactuar con mis lectores.
Acceso a la página inicial.
Acceso al menú de contenidos.

4 comentarios:

  1. Muy buen trabajo Ángel. Tomo nota para cuando ande por ahí a la caza del código perdido para solucionar alguna necesidad web que me salga en unas u otras actividades.
    Un abrazo.

    ResponderEliminar
  2. Muchas gracias Javier.
    La verdad es que le he dedicado unas cuantas horas al tema y creo que, al final, ha quedado más o menos bien.
    Ya sabes, siempre actualizando porque esto de las herramientas web 2.0 es terreno movedizo...
    Ahora, al menos, con la seguridad de que lo que cambie será por la herramienta, no por el servidor que aloja el tutorial, como me pasó con la experiencia del Google Sites que he contado...
    Por cierto, ya le he echado un vistazo al TN3, herramienta de la que me hablaste. Es muy chula aunque me paraliza un poco el tema de poner las imágenes en tantos tamaños como aparecen en el ejemplo que te descargas ¿son necesarias las cuatro versiones de tamaño para que el invento funcione?
    Muchas gracias de nuevo Javier.
    Un abrazo.

    ResponderEliminar
  3. Hola Ángel, la galería que citas...
    .
    http://www.tn3gallery.com/
    .
    ...me gustaba mucho porque permite maximizar imágenes a pantalla completa y crear varias galerías gestionadas por menú y sobre el mismo interfaz. La usé poco hace tiempo y sí que me pareció engorroso el tema de los tamaños y de las actualizaciones, era muy manual (ahora parece que está mejorada ¿?), con mucha intervención sobre el código así que me he pasado a esta otra herramienta...
    .
    http://jalbum.net/es/
    .
    ...que es menos exigente con el tratamiento de imágenes y muy variada en formatos de interfaz...
    .
    http://jalbum.net/es/skins/new
    .

    La he probado aquí...
    .
    http://www.interpeques2.com/pequecuentos/cuentosleer/muneconieve/album/index.html
    .
    http://www.interpeques2.com/pequecuentos/cuentosleer/cuentoscalleja.html
    .
    ...satisfactoriamente en lo que se refiere a curva de aprendizaje aunque, ya sabes, todas las herramientas tienen sus pequeños secretos y sus tiquismiquis que hay que pillar con el uso.

    Para vídeos, que también pueden manejar las galerías anteriores, me gusta mucho esta herramienta...
    .
    https://html5box.com/html5gallery/index.php
    .
    ...que he utilizado aquí…
    .
    http://www.interpeques2.com/trabajos/tinglado/05/ver.html
    .
    ...por ejemplo, y que maximiza muy bien los vídeos enlazados, pero no las imágenes, al revés que las anteriores que maximizan muy bien las imágenes.

    Todas son herramientas libres funcionando con limitaciones o funcionales 100% por un precio muy razonable para una licencia personal.

    Mis rastreos a la caza de códigos / scripts libres y potentes ahora me llevan por aquí...
    .
    http://codepen.io/
    .
    http://manos.malihu.gr/
    .
    ...donde puedes hallar estupendos interfaz muy útiles y manejables, con muchas posibilidades de adaptación, modificación y reutilización. Por ejemplo...
    .
    http://manos.malihu.gr/page-scroll-to-id/
    .
    http://codepen.io/ettrics/pen/MYxZyJ
    .
    …utilizados aquí sin mayores dificultades...
    .
    http://www.interpeques2.com/trabajos/tinglado/05/principal.html
    .
    http://www.tinglado.net/?id=10aniversario
    .
    La verdad es que para usos no comerciales se encuentran cosas muy buenas en la red con la lógica condición de citar y enlazar la fuente.

    Saludos desde Vitoria Ángel.

    ResponderEliminar
  4. ¡Qué cosas más bonitas haces Javier!
    Echaré un vistazo a las pistas que me das.
    Muchas gracias.
    Un abrazo.

    ResponderEliminar