Computer Grrrls | Accueil

Gaffe : dans un très grand nombre d’exemples, l’affichage n’est pas du tout responsive. C’est tout de même dommage de nos jours.

Oui, c’est une contrainte forte à intégrer, c’est clair !

Voici un outil qui pourrait être utile : ►https://revealjs.com

Un jour il faudra que je développe ces idées, parce que ça me tient à cœur, mais rapidement, sur les limites de ces formats :

– les longforms ont été popularisés vers 2011 à partir du NY Times ; donc toute une partie des développements techniques s’est fait sans trop se poser la question du responsive, pas encore totalement à la mode à l’époque ;

– faire ça bien, ça coûte bonbon. Donc le NY Times n’en fait presque plus ; et les autres ont repris les usages les plus simples et plus « automatisables ». Genre des effets de parallaxe et les images en fond fixed, souvent pas bien jolis, et qui donnent plus envie de vomir qu’autre chose. Les longforms du Monde, à un moment, c’était quasiment que ça.

– et on est toujours dans une logique de CMS tout-automatique et de réduction des coûts. Les « art directed articles », comme le nom l’indique, ça implique qu’il y a une direction artistique (donc une personne dont c’est le métier) pour chaque article. Et mon constat : il n’y a pas vraiment de gens prêts à payer pour ça.

– l’idéologie de l’édition sur le Web n’est plus de faire des pages Web super-belles avec de super-articles longs qui attireraient les gens, mais de partager sur les supports avec un maximum d’audience. Une grosse partie des médias, ces dernières années, s’est engouffré d’abord sur les formats courts (à une époque, on a même eu l’idée de découper les articles en plusieurs pages pour multiplier les paves vues…), puis les « pages » Facebook, puis que les formats « AMP » de Google ; certes ils en reviennent, mais c’est plus avec ce genre de tendances que tu vas avoir des développements du côté de la narration enrichie sur le Web…

– et dernier écueil : ça demande des graphistes avec des compétences techniques, et des informaticiens avec des compétences graphiques, et ça ce sont des animaux mythologiques dont l’existence est encore discutée par les archéologues du Web.

Autre exemple, ce que l’on avait fait il a quelques années avec @drbouvierleduc pour la région Limousin, des « expos virtuelles » dans le site Géoculture (toute la rubrique Focus) :
►https://geoculture.fr/musiques-et-danses-traditionnelles-du-limousin

En gros 100% avec le Noizetier. Dans l’idée ça peut soit être un unique contenu SPIP avec des centaines de noisettes, soit comme on l’a fait là, une page qui agrège les noisettes de plusieurs Rubriques/Sous-rubriques ce qui permet de gérer le chapitrage plus simplement (cf le menu chapitre en haut).
Et c’est responsive :p

Pour moi le noizetier est une des manières les plus souples/complètes de faire ça. Vu que tu peux en inventer autant que tu veux, suivant ce qui a été décidé avec la direction artistique de permettre de faire.

Ça évite d’être lié à un contenu SPIP, et à seulement 2 ou 3 choix possibles, car sinon faudrait ajouter 12000 champs. On doit pouvoir reproduire les long forms de @arno assez facilement à priori.

Par ailleurs tu peux les utiliser aussi bien vraiment toutes seules (le contenu vient de champs de config des noisettes) ou en utilisant le « vrai » contenu éditorial du site (le contenu de telle noisette venant du contenu d’un article, d’un événement, etc).

Le plugin ne fait rien lui-même hein : tout dépend vraiment de ton « jeu de noisettes », càd ce que vous permettez de faire aux gens. C’est à peu près infini comme possibilités, vu que tu peux parfaitement avoir des noisettes « cartes », des noisettes « frise chrono », ou tout autre animation kikou un peu complexe, que tu intercales avec d’autres contenus plus simple, des textes, des images, etc.

#spip_blog

Merci pour vos retours forts inintéressants :)

Purement graphique et avec un travail de design sonore mais seulement dans une app
Phallaina, le roman graphique
▻https://youtu.be/GIqQIpmhJGQ

Ce plugin aussi : ▻https://git.spip.net/spip-contrib-extensions/storify.git

J’ajoute le seen de @thibnton car il y a une partie sur le storytelling et des exemples inintéressants :

Quels usages de l’audio pour les médias en ligne, notamment la presse écrite ? Une édition en partenariat avec Hyperradio, qui fête sa 200ème édition. podcast

▻https://seenthis.net/messages/921958

https://mcusercontent.com/42d1f60e448215132ba30db60/images/ab2c0c55-a7a2-4c43-81c2-5f227c502604.png

2 ajouts :
– pour l’intro et le zoom sur le carte : ►https://www.nytimes.com/fr/2022/05/20/world/haiti-france-dette-reparations.html
– pour la navigation dans la carte : ►https://uploads.knightlab.com/storymapjs/27497e92f064ef5616553b1c97c91106/walking-tour/index.html

haha je me suis dit la même chose hier sur l’article Haïti !

Et en lisant cette même série (5 articles), je me suis aussi redit que chaque module pourrait/devrait parfaitement pouvoir faire l’objet d’une « noisette » configurable du plugin Noizetier, pour construire des pages riches du même genre

(@astier si un jour tu remets en ligne une archive de geoculture… vu que là le lien que je donnais l’année précédente est mort maintenant, pour montrer le principe d’expo virtuelle en noizetier)

@rastapopoulos Malheureusement non, ce n’est pas au programme :-/ J’ai seulement produit un petit site présentant simplement quelques unes des notices que l’on avait produite au moment de la refonte, histoire d’en garder une trace, un petit quelque chose...

Par contre, on peut retrouver de belles traces grâce à la Wayback Machine : ►https://web.archive.org/web/20190904140136/https://geoculture.fr/faire-bonne-chere-en-limousin

1 ajout :
►https://www.women-in-type.com
Pour les animations sur les images dans le déroulé de la page (entête et diaporama) et le filtrage des listes (menu en « sticky ») qui identifie bien les parties

1 ajout :
►https://fos200ans.fr de @cy_altern
Pour la double navigation immersive/cartographique et l’organisation des ressources par périodes.

1 ajout (malgré #paywall)
►https://www.tdg.ch/inegalites-ecologiques-ultrariches-et-superpollueurs-347025086713 repéré par @fil sur mastodon

1 ajout
►https://media.lesechos.fr/infographie/tenet
Pour la double navigation chronologique (les timelines) / géographique (les flèches sous le globe)

1 ajout
►https://ig.ft.com/generative-ai
@fil sur mastodon

1 ajout

►https://tympanus.net/codrops/demos/?tag=scroll
Pas mal d’exemples (attention, il y a à boire et à manger)

dont celui-ci qui fonctionne bien ▻https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll

Star et inventeuse de génie : Hedy Lamarr (1914 - 2000)
▻https://www.arte.tv/fr/videos/084681-000-A/star-et-inventeuse-de-genie-hedy-lamarr

En 2016, Fleming Meeks, ancien journaliste de Forbes, retrouve les enregistrements d’une interview que lui avait accordée Hedy Lamarr en 1990. Au fil des cassettes audio, celle qui a inspiré les personnages de Blanche-Neige et Catwoman retrace sa vie avec force détails et spontanéité. Ou plutôt ses vies : actrice le jour, la belle s’adonnait dans le secret de la nuit à sa passion pour les inventions. Née en 1914 à Vienne, dans une famille juive assimilée, riche et cultivée, Hedwig Kiesler pousse la porte des studios Sascha-Film à 16 ans. Elle est révélée en 1933 grâce au sulfureux Extase de Gustav Machaty, condamné par le pape pour son érotisme pourtant suggéré. Alors qu’elle est mariée au fabricant d’armes Fritz Mandl, allié aux nazis et fidèle de Mussolini, la jeune femme gagne Londres au terme d’une fuite rocambolesque. C’est sur le paquebot Normandie qu’elle négocie son contrat avec Louis B. Mayer, de la MGM. Après Casbah (1938), qui la consacre star d’Hollywood, celle qui se fait désormais appeler Hedy Lamarr vogue de succès en déboires. Pendant la guerre, elle obtient un brevet, avec le compositeur George Antheil, pour la mise au point d’un « système de communication secret » devant permettre aux torpilles radioguidées d’atteindre leur cible sans être repérées. Mais la Navy rejette l’invention, et l’actrice doit se contenter de vendre des obligations de guerre et de divertir les troupes en se déhanchant dans Tondelayo. Au sortir du conflit, elle s’émancipe des studios en produisant ses propres films, mais engloutit sa fortune dans Loves of Three Queens, puis disparaît doucement des écrans malgré le triomphe de Samson et Dalila. Accro à la méthamphétamine, malheureuse en ménage (six divorces), arrêtée à plusieurs reprises pour vol et défigurée par la chirurgie esthétique, Hedy Lamarr se cloître chez elle jusqu’à sa disparition à 85 ans.

Génie incompris
Nourri de cet entretien retrouvé, de riches archives entremêlées d’illustrations et de nombreux témoignages (de ses enfants, d’admirateurs tels que Mel Brooks ou Diane Kruger, de biographes, d’experts militaires…), ce documentaire rend un passionnant hommage à cette femme magnifique qui a souffert toute sa vie de ne pas avoir été reconnue pour ce qu’elle était : un esprit brillant, dont l’invention (le saut de fréquence) a permis la naissance du GPS, du Wi-Fi et du Bluetooth.