Correspondance

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

Fort joli et intéressant

Petit détail, ce serait pas mal de pouvoir fermer les popup plein écran avec la touche esc du clavier.

Oui je consulte encore des sites avec mon mac, ça arrive

Oui, c’est exactement ce que je me dis chaque fois que je tape la touche « esc » et que le popup de se ferme pas… :-))

Ayé, c’est fait : la touche « esc » referme les popups. Trop cool : je sens que je vais passer toute ma soirée à fermer des popups.

@arno , je ne sais pas si c’est de votre ressort, je poste tout de même la lettre émouvante de Gaston Bazille à l’ami de son fils . J’ai mis en gras les ajouts ou changements que j’ai faits.
►https://fabre.montpellier3m.fr/Correspondance
““““““““““““““"
Gaston Bazille [à Edmond Maître ?]
2 février 1871

Montpellier, 2 février 1871
Cher monsieur, votre lettre de la fin de décembre m’est parvenue dans les premiers jours de janvier, je vous expédiai de suite une dépêche télégraphique, il est fort probable qu’elle ne vous soit pas parvenue. Je profite de l’armistice pour vous annoncer l’affreux malheur qui nous a frappés ; mon cher Frédéric est mort en héros, tué de deux balle s à l’attaque de Beaune-la-Rolande, le 28 novembre. Malgré l’occupation prussienne et des difficultés de tout genre, j’ai pu après dix jours, retrouver sur le champ de bataille, parfaitement intact, dans la fosse où il avait été inhumé, le corps de mon cher enfant. J’ai suivi à pied pendant cinq jours dans la neige , l’humble charrette, le seul véhicule que j’avais pu me procurer à Beaune qui portait le cercueil de ce brave soldat, le chemin de fer ne marchait qu’à Issoudin . La mort de Frédéric a été pour Montpellier un deuil public ; il était adoré dans son régiment, comme tant d’autres, il aurait pu facilement avoir un grade dans un état-major, ou attendre tranquillement ici le départ des gardes nationaux mobilisés. Il a voulu servir son pays dès le premier danger ; il est allé un mois environ en Afrique du 15 août au 15 septembre, puis un mois à Montpellier où le 3e Zouave était venu se former, une quarantaine de jours près de Besançon, enfin transporté avec tout un corps d’armée à Gien , il a été frappé quelques jours après, à la tête de son régiment, tout près des murs crénelés de Beaune la Rolande. Le 3e Zouave a été cruellement éprouvé dans cette attaque. J’ai vu à Beaune et plus tard à Montpellier bien des soldats de ce régiment ; tous étaient pleins d’admiration pour Frédéric et m’en parlaient avec les yeux pleins de larmes ; il s’était fait adorer par ses frères d’armes. Il était sergent fourrier, menant à l’attaque une partie de sa compagnie et ses derniers mots à ses soldats, l’un d’eux me les a répétés : « si nous pénétrons dans la ville, fesons (sic) nous tuer, il le faut, c’est notre métier ; mais à aucun prix ne tirons sur des maisons où il y aurait des femmes ou des enfants. »
Grâce au froid très vif qu’il avait fait, et sur les indications des hommes requis pour enterrer les morts après la bataille, j’ai fait ouvrir la fosse où mon noble fils avait été placé avec une une vingtaine d’hommes, certain de le reconnaître. Son beau visage était aussi calme aussi pur qu’au moment où il avait été frappé ; ce fut certes un moment très affreux pour un père que de retrouver et reprendre son fils au milieu de ces cadavres ; mais aussi quelle profonde satisfaction de le revoir encore, et de le presser dans mes bras. J’ai eu comme tout le monde dans la vie des jours heureux et malheureux ; mais je ne changerai pas la plus belle journée pour celle où j’ai pu retrouver et embrasser mon fils mort.
Vous qui le connaissiez intimement vous comprenez mieux qu’un autre la perte que nous avons faite.
Frédéric avait tout pour lui : force, jeunesse, intelligence, talent. Il a sacrifié un brillant avenir sans hésiter une minute ; et si vous aviez vu avec quelle simplicité il a agi ! sans se faire valoir, trouvant son dévouement à son pays tout naturel. Ah oui ! c’était un noble cœur et un beau caractère.
On nous dit pour nous consoler, à sa mère et à moi : la mort de votre fils a été glorieuse. Sans doute, mais ce n’est pas moins la mort, et jusqu’à la fin de notre vie nous plierons sous le poids de cette immense douleur.
Quand nous serons revenu à un temps plus calme, je vous prierai , cher Monsieur, de vouloir bien nous faire parvenir toutes les toiles, toutes les œuvres que mon fils avait dans son atelier ; vous voudriez bien aussi, je vous prie, prévenir le propriétaire de l’atelier pour qu’à la fin de l’année de bail, il reprenne possession de ce lieu. Frédéric avait sans doute quelque petits comptes chez divers marchands ; vous me rendrez aussi un bien grand service, de me faire savoir ce qui leur est dû, de manière à ce que je puisse les désintéresser mais sans être trompé par eux, il me serait bien difficile de vérifier les comptes.
Adieu, mon cher Monsieur, je connais toute l’affection que vous portiez à mon cher Frédéric, je comprends combien cette lettre vous rendra malheureux , Veuillez je vous prie, faire savoir la fatale nouvelle aux autres amis de Frédéric. Je vous embrasse de tout mon cœur,
Gaston Bazille

La guerre de ’70 n’a pas eu lieu pendant mon enfance ... ;-)
►https://fabre.montpellier3m.fr/Correspondance

TÉLÉGRAMME DE GASTON BAZILLE À EDMOND MAÎTRE LUI ANNONÇANT LA MORT DE FRÉDÉRIC
8 janvier 1971

▻https://fr.wikipedia.org/wiki/Fr%C3%A9d%C3%A9ric_Bazille#Inhumation

Pour moi, je suis bien sûr de ne pas être tué : j’ai trop de choses à faire dans la vie », déclare-t-il à son capitaine la veille de sa mort.

Très beau site, mais quel imbécile.

@loutre, merci infiniment, je corrige la version en ligne.

C’est effectivement un texte très émouvant, et j’étais au bord des larmes en le mettant en page, tant il m’a fait penser à des souvenirs personnels récents.