#s
#spi

#spip

0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | ... | 850

BigGrizzly @biggrizzly CC BY-NC-SA 1/10/2021

3

3

Sécurité des échanges et bonnes pratiques client/serveur ?
De plus en plus, je constate sur les réseaux d’entreprise, la présence d’antivirus ou de proxy transparents surchargeant la chaine de certification des navigateurs, indiquant par là qu’il y a un « men in the middle » sur le réseau, c’est à dire un tiers qui peut analyser tout le trafic, en toute impunité et légalité.
– Impunité : on ne peut rien y faire
– Légalité : c’est le réseau d’entreprise, pas moyen de râler
La théorie veut que le https, c’était pour assurer que les données circulent entre le serveur et le navigateur sans pouvoir être déchiffrées par un tiers. Et donc, désormais, sur la plupart des réseaux d’entreprise, ce n’est plus le cas.
Sur SeenThis, et SPIP en général, il me semble, il y a ce type de protection pour le mot de passe à l’authentification... même si le mot de passe est envoyé en clair dans un mail à l’origine... en somme, il y a un bout de protection.
Mais vous, dans vos applications, vous faites comment ?
Dans nos applications Web, on tente de lutter contre ces dérives du chiffrement en chiffrant des éléments, les mots de passe en particulier. On utilise un chiffrement asymétrique à base de clef privée et publique pour envoyer les données du navigateur au serveur. Et on se rend compte qu’il va falloir aussi le faire dans l’autre sens, à ce rythme... pour aussi protéger certains échanges dans l’autre sens.
Sommes-nous les seuls à envisager ces options que j’ai envie de qualifier d’extrêmes ?

BigGrizzly @biggrizzly CC BY-NC-SA
- ARNO* @arno ART LIBRE 1/10/2021
  
  Oui, c’est un point qu’a déjà abordé Mia Khalifa, l’influenceuse américano-libanaise, et @james avait souligné la qualité de ses remarques.
  
  ARNO* @arno ART LIBRE
- BigGrizzly @biggrizzly CC BY-NC-SA 1/10/2021
  
  On faisait un bout de reverse sur protonmail et mega.nz, et non seulement les contenus des champs JSON échangés sont tous chiffrés, mais en plus, les noms des champs sont obfusqués.
  Ce fonctionnement devrait devenir un standard des librairies PHP/JS tôt ou tard, faute de pouvoir faire confiance aux infras Internet utilisées.
  Là, on constate qu’on parvient à faire du chiffrage asymétrique d’une façon satisfaisante avec Symfony et Laravel côté serveur, et avec des libs JS côté client. Ce que l’on fait est sans doute overkill et mauvais pour la planète en ce qui concerne l’usage des processeurs... surtout quand on constate la relative légèreté de ce que fait mega.nz, service avec une charge bien plus élevée que nos applications habituelles.
  
  BigGrizzly @biggrizzly CC BY-NC-SA
- BigGrizzly @biggrizzly CC BY-NC-SA 1/10/2021
  
  Ma difficulté sur le sujet est de trouver les bons mots clefs relativement à ce besoin. Mia Khalifa sur le moteur de recherche SeenThis me renvoie des milliers de posts sans rapport avec Mia Khalifa, par exemple :-))
  
  BigGrizzly @biggrizzly CC BY-NC-SA
- b_b @b_b PUBLIC DOMAIN 4/10/2021
  
  @biggrizzly à propos des noms de champs obfusqués, on a une micro lib à ce sujet dans le plugin #nospam pour #SPIP cf ▻https://git.spip.net/spip-contrib-extensions/nospam/src/branch/master/inc/nospam_encrypt.php
  Si jamais ça peut t’être utile...
  
  b_b @b_b PUBLIC DOMAIN
Write a comment
cy_altern @cy_altern CC BY-SA 15/09/2021

2

2

SortableJS
▻https://sortablejs.github.io/Sortable
la documentation de la lib Sortable.js intégrée dans SPIP 4.0 (en remplacement de la partie sortable du plugins-dist JQuery UI)
#sortable #javascript #documentation #SPIP #JQuery_UI

cy_altern @cy_altern CC BY-SA

Écrire un commentaire
cy_altern @cy_altern CC BY-SA 9/09/2021

2

2

Les icônes SVG dans SPIP - Programmer avec SPIP 4.0
▻https://programmer.spip.net/Les-icones-SVG-dans-SPIP
Quelques recommandations pour les éléments graphiques (icônes SVG) utilisées dans l’interface SPIP
la page totalement introuvable dans la galaxie SPIP a moins de savoir qu’elle est dans Programmer...
#SVG #SPIP #howto

cy_altern @cy_altern CC BY-SA
- b_b @b_b PUBLIC DOMAIN 9/09/2021
  
  #spip_blog
  
  b_b @b_b PUBLIC DOMAIN
- b_b @b_b PUBLIC DOMAIN 9/09/2021
  
  la page totalement introuvable dans la galaxie SPIP a moins de savoir qu’elle est dans Programmer...
  Quand même plus facile à trouver là que dans un carnet de contrib où elle était avant ;)
  
  b_b @b_b PUBLIC DOMAIN
- cy_altern @cy_altern CC BY-SA 10/09/2021
  
  Quand même plus facile à trouver là que dans un carnet de contrib où elle était avant ;)
  clairement oui :-) !
  ...mais n’aurait elle pas sa place dans la rubrique ▻https://www.spip.net/fr_rubrique269.html de spip.net ?
  
  cy_altern @cy_altern CC BY-SA
- b_b @b_b PUBLIC DOMAIN 10/09/2021
  
  No se, à discuter sur... ▻https://discuter.spip.net ? ^^
  
  b_b @b_b PUBLIC DOMAIN
Écrire un commentaire
ARNO* @arno ART LIBRE 25/08/2021

2

2

#SPIP est présent dans le SILL (Socle Interministériel de Logiciels Libres - Le catalogue de référence pour les administrations) :
▻https://sill.etalab.gouv.fr/fr/software?q=SPIP&year=2021

ARNO* @arno ART LIBRE
- b_b @b_b PUBLIC DOMAIN 25/08/2021
  
  On en parlait ici aussi ▻https://discuter.spip.net/t/spip-est-dans-le-socle-interministeriel-de-logiciels-libres
  
  b_b @b_b PUBLIC DOMAIN
Écrire un commentaire
cy_altern @cy_altern CC BY-SA 14/07/2021

1

1

SleekDB - PHP NoSQL Flat File Database
▻https://sleekdb.github.io
SleekDB is a simple flat file NoSQL like database implemented in PHP without any third-party dependencies that store data in plain JSON files.
Une solution possible pour remplacer les sauvegardes Sqlite de SPIP qui nécessitent l’extension sqlite de PHP.
Le repo Github : ▻https://github.com/rakibtg/SleekDB
#sleekdb #noSQL #sauvegarde #SPIP #json

cy_altern @cy_altern CC BY-SA

Écrire un commentaire
b_b @b_b PUBLIC DOMAIN 2/07/2021

17

17

Hey mais personne n’a souhaité un bon anniversaire @spip ?
Bon, j’arrive avec un jour de retard, mais c’est pas grave, donc : bon anniversaire !
https://www.spip.net/fr_article918.html

b_b @b_b PUBLIC DOMAIN
- RastaPopoulos @rastapopoulos CC BY-NC 2/07/2021
  
  oh des anniversaires yen a tous les ans hein… mais surtout là il faut préciser que SPIP a eu VINGT ANS hier, c’est quand même le point important :)
  mais que font les community managers sur tous les réseaux ?
  (en vrai on pourrait mettre un petit mot sur twitter + pouet, pour le dire, et du coup teaser sur la release finale du mois)
  #SPIP #communication #discrétion
  
  RastaPopoulos @rastapopoulos CC BY-NC
- b_b @b_b PUBLIC DOMAIN 2/07/2021
  
  les community quoi ? pour le pouet, c’est fait https://mastodon.social/@b_b/106510679754983991 :)
  
  b_b @b_b PUBLIC DOMAIN
- ¿’ ValK. @val_k CC BY-NC-SA 2/07/2021
  
  #HappySPIP !!!
  
  ¿’ ValK. @val_k CC BY-NC-SA
- Vanderling @vanderling 2/07/2021
  
  et rezo.net est un peu plus vieux, je le découvre en même temps que ce très beau poème de @lazuly
  19/11/2019
  Le Portail des copains rezo.net a tout juste vingt ans. En souvenir de son modeste et génial inventeur, Pierre Lazuly, partageons cette traduction de son poème, _L’encre de sourire ._
  https://seenthis.net/messages/811803
  Alors, aux aurores, il s’était levé, léger. Il avait doucement entrouvert le tiroir, pris dans sa main le porte-plume noir. Sans doute l’avait-il réveillé, arraché à l’un de ces rêves délicats que font les porte-plume, la nuit, quand on ne les regarde pas. Les histoires qu’on n’écrit pas.
  Le porte-plume frémit un instant, heureux de recouvrer son sang : il avait senti son réservoir s’ouvrir, couler en lui la précieuse encre de sourire. Jamais il n’avait pu en percer le mystère, jamais il n’avait su d’où provenait le flacon. Mais dès la première goutte il avait reconnu sa note de tête intense, où se mêlaient désir et bergamote, l’effluve de tendresse vanillée, la fragrance si particulière des regrets.
  C’était un parfum délicat, l’encre de sourire. Et les mots avaient exactement cette odeur-là. On est comme ça, nous autres. On ne peut écrire qu’à l’encre de sourire.
  
  Vanderling @vanderling
- Agnès Maillard @monolecte CC BY-NC-SA 3/07/2021
  
  Merci, @vanderling
  
  Agnès Maillard @monolecte CC BY-NC-SA
Écrire un commentaire
jeanmarie @jeanmarie CC BY-NC-SA 5/06/2021

1

1

A la demande générale (poke @rastapopoulos :) ), la #radioOupah a désormais son compte : @radiooupah
C’est automatique via rss, donc à voir si tout se passe bien...
https://radiooupah.netwazoo.info/sites/radiooupah.netwazoo.info/IMG/siteon0.png

jeanmarie @jeanmarie CC BY-NC-SA
- RastaPopoulos @rastapopoulos CC BY-NC 5/06/2021
  
  étape suivante, arriver à mettre les titres de la playlist en texte des messages en plus de du lien YT :p
  
  RastaPopoulos @rastapopoulos CC BY-NC
- jeanmarie @jeanmarie CC BY-NC-SA 6/06/2021
  
  @rastapopoulos Oui, ben ça, on verra plus tard hein :) Je vais déjà reprendre le squelette pour le rendre générique et mettre à dispo de la communauté #spip
  
  jeanmarie @jeanmarie CC BY-NC-SA
- jeanmarie @jeanmarie CC BY-NC-SA 7/06/2021
  
  Question pour @seenthis : vu que le flux rss de @radiooupah contient tous les posts, ils étaient tous en train d’être importer, dans l’ordre inverse chrono, jusqu’à ce qu’il soit désactivé automatiquement (message : « import automatique de votre flux RSS/ATOM a été désactivé car cela fait un moment que vous ne vous êtes pas connecté au site [...] »).
  Est-ce qu’il y a qqch à faire pour ne pas importer les anciens posts (à part les supprimer du flux RSS) car je ne souhaite pas forcément tous les avoir sur Seenthis ?
  Peut-être ajouter un age max au delà duquel les articles ne sont pas importés ?
  
  jeanmarie @jeanmarie CC BY-NC-SA
- Fil @fil 7/06/2021
  
  Seenthis ne va importer au maximum que les 5 premiers posts d’un flux rss, cf le subtil $k<5 sur ▻https://github.com/seenthis/seenthis_importer_flux/blob/master/genie/seenthis_importer_flux.php#L24
  
  Fil @fil
- jeanmarie @jeanmarie CC BY-NC-SA 7/06/2021
  
  Ah super, c’était donc prévu :)
  Merci pour ton retour !
  
  jeanmarie @jeanmarie CC BY-NC-SA
Écrire un commentaire
ARNO* @arno ART LIBRE 28/05/2021

3

3

J’ai un souci très bizarre avec la réduction d’image avec GD, qui introduit du bruit dans les zones transparentes des images PNG. Et quand on superpose une dizaine d’images de cette façon, le bruit finit par se voir, et ça fait une zone transparente qui n’est plus vraiment transparente (et ça fait un effet assez dégueulasse).
Sur ce serveur, voici l’horreur (il y a plein de tâches sur le quadrillage du fond transparent) :
https://i.ibb.co/C748tJG/Capture-d-cran-2021-05-28-18-13-03.jpg
Mais la même chose sur un autre serveur, nickel :
https://i.ibb.co/VJPpCQL/Capture-d-cran-2021-05-28-18-21-22.jpg
J’ai bien trouvé des évocations de ce noise provoqué par imagecopyresampled, mais pas de solution. Surtout que pour le coup, ça semble venir d’installations différentes des serveurs (les deux serveurs sont sur des Debian récentes, avec PHP 7.3 activé).
Est-ce que vous auriez des idées de piste ? (Si je vous dis qu’en plus, ce client, il m’a collé un service informatique totalement indigent, et que la configuration du serveur c’est un peu pour ma pomme et c’est pas du tout ma spécialité ?)

ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 28/05/2021
  
  Le seul commentaire intéressant évoque des erreurs d’arrondi. Est-ce qu’il y aurait une extension (de PHP ? du serveur ?) qui augmenterait la profondeur des calculs mathématiques ?
  [edit] J’ai installé les mêmes extensions PHP sur le serveur problématique, ça n’a pas corrigé mon problème.
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 28/05/2021
  
  Du coup je pousse la version 9.1.0 de mon #plugin #SPIP image_responsive. J’ai ajouté l’option que l’on active ainsi :
  define("_IMAGE_CORRIGER_BRUIT_TRANSPARENT", true);
  
  (par défaut elle est désactivée) qui force les valeurs de transparence à 127 si elles sont supérieures à 124. Ce qui supprime le bruit des zones transparentes après le imagecopyresampled. (Par contre ça rallonge les temps de calcul copieusement, puisque ça parcourt les images pixel par pixel…)
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 28/05/2021
  
  Au passage, ça pousse aussi la version 9.0, qui désactive la réduction sur les images Gif. Parce que la réduction d’un Gif animé supprime l’animation, et qu’après tout ce temps (et un retour à la mode très surprenant), les gens utilisent uniquement le Gif pour faire des animations (si vous avez encore des gens qui font des Gif pour publier des photos, faut leur dire qu’iils sont restés bloqués en 1998).
  
  ARNO* @arno ART LIBRE
Écrire un commentaire
ARNO* @arno ART LIBRE 27/05/2021

3

3

La petite fête en mode #shameless_autopromo du jour : on lance ce soir la nouveau site de Documents d’artistes Nouvelle-Aquitaine, réalisé sous la direction artistique de Didier Lechenne :
▻https://dda-nouvelle-aquitaine.org
Évidemment c’est du #SPIP, et donc c’est mon premier site livré en #SPIP_4 parce que pourquoi pas…
Parmi les choses un peu originales…
– Il a la reprise de tous les dossiers d’artistes de l’ancien site, à partir d’une base de données en HTML, plutôt complexe, avec beaucoup de tables différentes, et j’ai remis tout ça dans la structure de SPIP.
Quand on se lance là-dedans, évidemment on ne sait jamais quand et comment on va s’en sortir, mais au final ça s’est plutôt bien passé. Pas mal de moulinettes pour reconvertir des dates au format date de mySQL, extraire le nom du département, etc. Et tant qu’à faire : récupérer les URL des anciens dossiers, pour les conserver dans le nouveau site.
– Le gros du site (et sa raison d’être, évidemment), ce sont les « dossiers d’artistes », avec les œuvres, des bio-bibliographiques, des textes critiques et parfois des entretiens filmés :
▻https://dda-nouvelle-aquitaine.org/benoit-pierre
– Plutôt que de totalement me reposer sur les Champs extra, pour les fiches des artistes, qui ont énormément d’informations spécifiques, j’ai préféré faire un plugin dédié, avec une interface beaucoup plus compacte. Il y a notamment des cases à cocher en face de chaque champ, pour décider si c’est une information privée ou publique, et avec l’interface standard des champs extra, on se retrouvait avec un formulaire très indigeste. Là c’est relativement compact.
– Mes habituels longforms, que Didier a relookés à sa sauce :
▻https://dda-nouvelle-aquitaine.org/Documents-d-Artistes-Nouvelle-Aquitaine
– L’interface repose sur un savant système de « cases », dont Didier a conçu une belle variété. Au final, le nombre de fichiers différents est limité, mais il y a pas mal de variantes directement dans les squelettes en fonction des situations et des éléments présents.
Par exemple les « textes critiques » ont cette présentation, avec l’introduction qui sert à « illustrer » la case :
▻https://dda-nouvelle-aquitaine.org/Textes-critiques-27823
alors que les entretiens ont une vignette, et l’indication d’une durée :
►https://dda-nouvelle-aquitaine.org/Entretiens-27824
etc.
– Utilisation relativement importante du #plugin Compositions, pour les rubriques. Par exemple les Cartes postales ont une maquette ajoutée récemment, pour coller à un besoin spécifique :
▻https://dda-nouvelle-aquitaine.org/Cartes-postales
alors que, par exemple, les Tirés à part sont un longform plus classique :
▻https://dda-nouvelle-aquitaine.org/Tires-a-part
et les Entretiens ont une présentation en grille menant à des articles plus classiques (ou articles virtuels) :
►https://dda-nouvelle-aquitaine.org/Entretiens-27824
– Une carte des œuvres dans l’espace public :
▻https://dda-nouvelle-aquitaine.org/OEuvres-dans-l-espace-public
– Didier m’a fait découvrir le script Swiper, très largement utilisé dans cette interface :
▻https://swiperjs.com

ARNO* @arno ART LIBRE

Écrire un commentaire
b_b @b_b PUBLIC DOMAIN 20/05/2021

11

11

Libera Chat | A next-generation #IRC network for FOSS projects collaboration!
▻https://libera.chat
We’re excited to announce the launch of Libera.Chat, and welcome you to a next-generation IRC network for free and open source software projects and similarly-spirited collaborative endeavours.
Most of our staff have joined us from #freenode, and we intend to continue its legacy. It was a privilege to provide the FOSS world with a collaborative platform.
When freenode announced that it was joining with Private Internet Access in 2017, the domain name, as well as unspecified other “assets”, were sold to one Andrew Lee via a holding company. Staff were uncertain but assured that PIA was to have no operational influence.
In early 2021, that changed. New advertising was pushed onto the freenode website without warning. The head of staff at the time ultimately resigned rather than explain. In the time since, there have been changes to network operations for which we have received no explanation.
This was the writing on the wall. As a precautionary measure, we began laying the groundwork for what would become Libera.Chat. Our legal home is a non-profit association in Sweden, with all our staff holding equal stakes, and we will never accept corporate control.
Control of freenode infrastructure will soon be transferred to Freenode Limited and its agents. This means your data will soon be available to their personnel. We don’t know these people; neither do most of you. We can’t claim that this is a good or even acceptable outcome, and are loath to entrust your data to a third party, but it appears that we have run out of options.
Together we have built and participated in great communities with IRC, and hope to continue that journey with you on Libera.Chat. We have courageous ambitions for the future of IRC and the communities that we cherish. Please join us on this adventure.

b_b @b_b PUBLIC DOMAIN
- b_b @b_b PUBLIC DOMAIN 20/05/2021
  
  En lien ▻https://linuxfr.org/users/vstinner/journaux/multiple-demissions-dans-l-equipe-du-reseau-irc-freenode
  Et donc, il y a un chan #spip en place là bas :)
  
  b_b @b_b PUBLIC DOMAIN
- b_b @b_b PUBLIC DOMAIN 21/05/2021
  
  Ça ne semble pas s’apaiser...
  < irc.freenode.net‎ > rasengan (~rasengan@freenode/staff/rasengan): [Global Notice] We are aware of the Libera Chat spambots and are working to address it. To help mitigate, please set umode +R to prevent non-registered nicks from messaging you. Thank you for your patience, and thank you for your support of freenode!
  
  b_b @b_b PUBLIC DOMAIN
- b_b @b_b PUBLIC DOMAIN 21/06/2021
  
  Résumé de l’histoire un mois après...
  ▻https://lord.re/posts/220-la-d%C3%A9bacle-freenode
  
  b_b @b_b PUBLIC DOMAIN
- BigGrizzly @biggrizzly CC BY-NC-SA 21/06/2021
  
  Le site lord.re est inaccessible (time-out). C’est le bazar sur ce site ;-)
  
  BigGrizzly @biggrizzly CC BY-NC-SA
- b_b @b_b PUBLIC DOMAIN 21/06/2021
  
  @biggrizzly ha chez moi j’y accède sans pb à l’instant. Je peux te faire un paste de l’article si tu veux.
  
  b_b @b_b PUBLIC DOMAIN
- RastaPopoulos @rastapopoulos CC BY-NC 21/06/2021
  
  Moi j’ai lu et j’ai halluciné qu’en fait les deux qui s’engueulaient au départ… c’est eux deux qui restent ensemble dans Freenode à la fin ! Et le reste de l’équipe qui est parti. C’est encore plus wtf que ce que j’avais en tête pour l’instant.
  (Mais c’est une bonne chose si du coup ça laisse les personnes toxiques et égotiques entre eux d’un côté.)
  
  RastaPopoulos @rastapopoulos CC BY-NC
- BigGrizzly @biggrizzly CC BY-NC-SA 21/06/2021
  
  Je tente d’y accéder via deux accès distincts, et rien à faire, ça tombe en TO... :-/
  Edit : depuis alphalink, KO, depuis OVH, KO, depuis Online OK, depuis Orange OK... Encore un blocage crapoteux sur l’AS... ou approchant...
  
  BigGrizzly @biggrizzly CC BY-NC-SA
Écrire un commentaire
ARNO* @arno ART LIBRE 10/05/2021

8

8

Chouette, on lance aujourd’hui Le musée déconfiné, une page qu’on prépare depuis des… mois, qu’on gardait pour annoncer la réouverture du Musée Fabre :
▻https://fabre.montpellier3m.fr/Le-musee-deconfine
C’est une idée qui m’est venue en découvrant une des acquisitions du musée, représentant Palavas en 1889. L’endroit est assez évident à reconnaître pour les gens du coin, j’ai monté une vue Google Streetview à côté, et l’effet est très sympa (effet « ah oui tiens dis donc… ») :
https://i.imgur.com/yRDByrL.jpg
Je me suis donc demandé s’il y avait d’autres tableaux du musée dont je pourrais retrouver une vue StreetView qui correpondrait.
Et… j’en ai trouvé une bonne cinquantaine ! Dont certaines sont particulièrement saisissantes.
https://i.imgur.com/iiUGbAE.jpg https://i.imgur.com/QwEjdvw.jpg
Et évidemment, c’est du #SPIP.
#shameless_autopromo

ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 10/05/2021
  
  https://i.imgur.com/MlDmXdA.jpg https://i.imgur.com/0qE9mdn.jpg https://i.imgur.com/FKmJv8P.jpg https://i.imgur.com/00ocWAM.jpg
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 10/05/2021
  
  Y a-t-il des Normands in da house?
  https://i.imgur.com/LscO4Zy.jpg https://i.imgur.com/XTrseo1.jpg
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 10/05/2021
  
  Et celle-ci est particulièrement tirée par les cheveux…
  https://i.imgur.com/cO4gSDO.jpg
  J’aime son coté découpage surréaliste, je trouve qu’elle fonctionne curieusement bien…
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 10/05/2021
  
  Paris, 1890 :
  https://i.imgur.com/CuVUm0F.jpg
  
  ARNO* @arno ART LIBRE
- b_b @b_b PUBLIC DOMAIN 10/05/2021
  
  Y a-t-il des Bretons in da house ?
  À Étretat ? Non pas des masses :D
  Sinon le truc de St Michel n’est plus breton depuis « quelques temps ». Quand tu passeras par ici on t’expliquera tout ça ;)
  
  b_b @b_b PUBLIC DOMAIN
- Simplicissimus @simplicissimus 10/05/2021
  
  Tiens, y a un zoom, sur le Max Leenhardt,…
  https://www.reforme.net/wp-content/uploads/g263.jpg
  c’est vrai que la paire est très réussie
  et pour zoomer de l’autre côté, y a ça
  https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTtDz6Xp8tkA0vwaIy1b4r8djXMfJKDtY53cnc3eQk&s=0#.jpg
  
  Simplicissimus @simplicissimus
- ARNO* @arno ART LIBRE 11/05/2021
  
  @b_b : Mandieuh mandieuh, l’âge… J’ai bien vérifié que tout ça était en Normandie pourtant avant de poster « Bretons »… (Je corrige, hein, parce que c’est trop la honte.)
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 11/05/2021
  
  @simplicissimus Oui, je me suis dit aussi : il doit y avoir quelque chose à regarder, en haut à gauche, hors cadre du tableau :-))
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 17/05/2021
  
  Réouverture des musées et lieux culturels : tour de France et du monde des vidéos et contenus numériques (14/05/2021)
  – CLIC France
  https://i2.wp.com/www.club-innovation-culture.fr/wp-content/uploads/musee-fabre-vivemuent-reouverture-musee-mai-2021-2.jpg
  Musée Fabre Montpellier
  Pour accompagner sa réouverture, le musée Fabre de Montpellier propose sur son site web une série de 3 scénettes vidéo réalisées par la société 23FORWRD à partir de tableaux de la collection.
  En complément de ces vidéos, le musée diffuse également sur ses réseaux sociaux des pages de l’interface web « Le musée déconfiné ». Les tableaux du musée, profitant du déconfinement, retournent visiter le lieu de leur naissance. Sur une carte interactive, l’agence a installé des tableaux du musée, à côté d’une vue Google Streetview du même endroit de nos jours. L’effet est souvent saisissant !
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 1/06/2021
  
  Dans la direction opposée - Muzeodrome
  ▻https://muzeodrome.substack.com/p/dans-la-direction-opposee
  Le « musée déconfiné » présente côte à côte une image d’une œuvre du musée Fabre (Montpellier, Hérault) et une vue “Google Streetview”. L’exploration de la cinquantaine de duos s’opère au travers d’un cartographie OpenStreetMap. Ce module, qui souligne la continuité temporelle de certains lieux, est une des propositions décentrées de « Fabre dans mon canapé » - un site complémentaire conçu et développé par Arnaud Martin (voir Muzeodrome n°37) + Diala Aschkar de 23Forward (Montpellier) et Emmanuel Rouillier de Mosquito (Paris).
  
  ARNO* @arno ART LIBRE
Écrire un commentaire
SPIP @spip 3/05/2021

3

3

Nous sommes heureux de vous présenter la version alpha de SPIP 4.0.
Oh là là là là, c’est énooooorme : SPIP passe en version 4.0.0-alpha !
Joie, émotion, tout ça. J’en ai les yeux tout humides
#SPIPCMS cela reste malin, léger et frais !
Attention :
C’est une version alpha, elle peut encore contenir des bugs,
ne l’utilisez pas sur un site en production sans savoir ce que vous faites.
Cette nouvelle version intègre différentes évolutions concernant l’interface d’administration, la gestion des documents, une syntaxe de boucles étendue et quelques allègements.
Retrouvez tous les détails sur l’article du blog :
▻https://blog.spip.net/847

SPIP @spip
- odilon @odilon CC BY-NC-ND 3/05/2021
  
  Bravo, amusez-vous bien :)
  
  odilon @odilon CC BY-NC-ND
- jeanmarie @jeanmarie CC BY-NC-SA 4/05/2021
  
  Et ben nous aussi on est bien content :)
  Merci à l’équipe et à toute la communauté pour toutes ces nouveautés !
  
  jeanmarie @jeanmarie CC BY-NC-SA
Écrire un commentaire
ARNO* @arno ART LIBRE 24/04/2021

1

1

#SPIP : quelqu’un sait où je peux trouver un plugin qui utiliserait le nouveau SortableJS, censé remplacer la version de jqueryui ?
Sinon je vais attendre que @rastapopoulos s’attelle à la mise à jour de Sélections éditoriales pour voir comment ça se fait proprement…
En attendant, j’ai recodé le #plugin centre_image, mais avec une gestion maison du drag-drop de la petite croix :
▻https://git.spip.net/spip-contrib-extensions/centre_image

ARNO* @arno ART LIBRE
- RastaPopoulos @rastapopoulos CC BY-NC 24/04/2021
  
  ya le plugin Médias du core qui doit l’utiliser non ? puisqu’il y a le drag n drop sur les listes documents pour les ordonner avec un rang maintenant
  sinon j’ai vu que le plugin Rang avait été mis à jour pour l’utiliser aussi
  
  RastaPopoulos @rastapopoulos CC BY-NC
- ARNO* @arno ART LIBRE 24/04/2021
  
  Ah oui, merci, Médias l’utilise effectivement. Je vais voir ça.
  
  ARNO* @arno ART LIBRE
Écrire un commentaire
ARNO* @arno ART LIBRE 24/04/2021

2

2

Purée, elle est carrément belle la version de dev de SPIP en ce moment…

ARNO* @arno ART LIBRE
- RastaPopoulos @rastapopoulos CC BY-NC 24/04/2021
  
  beaucoup thanks to @drbouvierleduc (et les participant⋅es aux discussions des tickets/PR sur les boutons-forms-boites, pour affiner ensuite), et @erational pour le travail en cours d’uniformiser les SVG qui faisaient arc en ciel
  
  RastaPopoulos @rastapopoulos CC BY-NC
- jeanmarie @jeanmarie CC BY-NC-SA 24/04/2021
  
  Je me suis dit pareil cette semaine !
  #spip
  
  jeanmarie @jeanmarie CC BY-NC-SA
- b_b @b_b PUBLIC DOMAIN 24/04/2021
  
  Ouep, les derniers changements me faisaient culpabiliser de ne pas up spip.net car la machine était encore sous debian stretch. Je viens de l’upgrade vers buster, qui propose du PHP 7.3, et spip.net est enfin up avec un bel espace privé tout choubidou :)
  
  b_b @b_b PUBLIC DOMAIN
- ARNO* @arno ART LIBRE 25/04/2021
  
  Vous savez que chez Drupal, ils ont directement baptisé ça « JavaScript and Admin UI Modernization initiative », et ensuite ils donnent un nom à leur nouveau variant d’interface… Tout de suite ça pète…
  
  ARNO* @arno ART LIBRE
- RastaPopoulos @rastapopoulos CC BY-NC 25/04/2021
  
  c’est à partir de Drupal 7 qu’ils ont vraiment travaillé sur l’UX, càd pas uniquement changer des aplats et ombrages mais vraiment réfléchir à l’ergo complète, en demandant à un cabinet d’ergo pro, vers 2010-2011 : ils avaient fait un site dédié « d7ux » où ils montraient tout le cheminement du travail, c’était super bien (qu’est-ce qu’on garde, qu’est-ce qu’on refait à 0, etc, morceau par morceau)
  ensuite au lieu de se dire que ça allait être ponctuel pour telle version, ils ont gardé un groupe de travail permanent qui du coup continue de refondre et améliorer au fur et à mesure
  
  RastaPopoulos @rastapopoulos CC BY-NC
Écrire un commentaire
ARNO* @arno ART LIBRE 23/04/2021

1

1

Nouveau #plugin #SPIP : obfuscation_liens
▻https://git.spip.net/spip-contrib-extensions/obfuscation_liens
C’est pour faire du SEO. Ça s’utilise via un #FILTRE{obfuscation_liens} dans le squelette concerné : dans ce cas tous les liens trouvés dans ce squelette sont transformés en <span>, et le lien (href) est encodé en base64 et installé dans un data-obf.
Il paraît que c’est la seule façon de réellement « cacher » un lien pour le crawler de Google, qui ne respecterait pas réellement les no-follow.

ARNO* @arno ART LIBRE
- b_b @b_b PUBLIC DOMAIN 23/04/2021
  
  Faudra penser à mettre à jour son descriptif issu d’un copier/coller ▻https://git.spip.net/spip-contrib-extensions/obfuscation_liens/src/branch/master/paquet.xml#L10 ;)
  PS : c’est pas un peu une abomination si les liens ne sont plus fonctionnels sans js ?
  
  b_b @b_b PUBLIC DOMAIN
- ARNO* @arno ART LIBRE 23/04/2021
  
  Oui alors à la base, ce genre de chose n’est pas non plus ma tasse thé… :-)
  Mais vu qu’on m’a demandé de le faire, parce qu’une spécialiste du SEO a fait un audit du site, j’ai pas trop le choix, autant partager l’outil.
  Aprrrrrrèèèèèès (mais vraiment loin après) :
  – l’utilisation première est restreinte à certains liens externes omniprésents (dans les footers notamment), qu’on est plus ou moins obligés d’avoir pour des raisons politiques, mais qui ne servent pas à grand chose, et qui d’après la spécialsite SEO, nuisent au référencement…
  – dans une interface très graphique, j’ai un bout d’interface très visuel, totalement redondante avec la navigation traditionnelle, je me dis qu’éviter de coller des liens difficiles à comprendre là-dedans pour les gens qui ne voient pas l’interface, alors qu’on a la même information, mais proprement structurée par ailleurs, ça peut se justifier (je ne vais pas le jurer, mais p’têt ben que oui).
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 23/04/2021
  
  Au fait, il faut faire quelque chose pour que le plugin devienne accessible en installation automatique, ou bien c’est plus la peine depuis qu’on est sous Git ?
  
  ARNO* @arno ART LIBRE
- Maïeul @maieul 23/04/2021
  
  faut que tu pose un tag sous la forme vx.y.z.
  
  Maïeul @maieul
- Maïeul @maieul 23/04/2021
  
  bon mais par contre le lien ne serait plus accessible sans js, si je comprend bien ?
  
  Maïeul @maieul
- jeanmarie @jeanmarie CC BY-NC-SA 23/04/2021
  
  Pour faire un tag (et autres commandes git si besoin) : ▻https://contrib.spip.net/Equivalences-des-commandes-SVN-GIT
  
  jeanmarie @jeanmarie CC BY-NC-SA
- Maïeul @maieul 23/04/2021
  
  un autre intérêt que je verrais à l’obfuscation, c’est si je veux referencer un site (car source pour un article que j’écris) sans pour autant augmenter son SEO (genre si je cite un texte d’un cite d’extreme droite ou du gouvernement)
  
  Maïeul @maieul
- ARNO* @arno ART LIBRE 23/04/2021
  
  @maieul Pour le moment, je ne suis pas allé chercher plus précisément que tous les liens dans un bout de squelette, donc là c’est pas fait pour.
  Il faudrait un autre filtre qui irait taper uniquement sur des liens avec un classe précise (.spip_obf par exemple), mais de toute façon je ne vois pas comment fabriquer des liens avec une classe spécifique dans les raccourcis SPIP.
  
  ARNO* @arno ART LIBRE
- klaus++ @klaus 24/04/2021
  
  @maieul Avec ce filtre on peut introduire une règle pour les auteurs d’un site. Par exemple en filtrant les champs #DESCRIPTIF, #TEXTE etc. SPIP n’afficherait en clair que les liens de la table spip_syndic ou contenus dans #PS , alors les auteurs devraient décider sur l’affichange ou non d’un lien en le plaçant ou dans le texte ou dans un contexte de publication en clair.
  Ce filtre ajoute également un argument supplémentaire à la question des liens « interdits par la loi » dont on peut questionner l’illégalité quand les « liens » sont rendus inopérants sans javascript et exclu du référencement par les crawler .
  
  klaus++ @klaus
Écrire un commentaire
cy_altern @cy_altern CC BY-SA 21/04/2021

1

1

bootstrap-datepicker — bootstrap-datepicker documentation
▻https://bootstrap-datepicker.readthedocs.io/en/stable
La documentation du nouveau datepicker de SPIP
Voir aussi :
– la démo jouable : ▻https://uxsolutions.github.io/bootstrap-datepicker
– le repo Github : ▻https://github.com/uxsolutions/bootstrap-datepicker
#datepicker #SPIP #documentation

cy_altern @cy_altern CC BY-SA

Écrire un commentaire
cy_altern @cy_altern CC BY-SA 18/04/2021

2

2

How to fight back against Google FLoC | Plausible Analytics
▻https://plausible.io/blog/google-floc
Google is starting to track your site visitors for advertising purposes even when you’re not using Google Analytics or having any relationship with Google.
Here’s a closer look at Google’s Federated Learning of Cohorts (FLoC) initiative and how you can fight back and opt-out as a web user and a web developer.
En anticipation du mouvement « privacy first », la nouvelle embrouille de Google pour tracer les internautes : directement via le navigateur (Chrome et ses dérivés)
Pour mémoire : les stats de répartition des navigateurs (toutes plates-forme confondues) : ▻https://www.w3counter.com/globalstats.php
A noter :
– ce système permet le tracking des utilisateurs de Chrome sur tous les sites et non pas seulement ceux équipés de Analytics
– « accessoirement » cela pourrait permettre à Google de supprimer les cookies tiers de Chrome et donc de rendre les infos de tracking pour les publicitaires totalement dépendante des données collectées via ce nouveau système... (ou comment se construire un monopole)
Le header (.htaccess ou directive du vhost) pour empêcher le tracking :
<IfModule mod_headers.c> Header always set Permissions-Policy: interest-cohort=() </IfModule>
Frameworks and CMS providers that care about privacy should add this header by default.
ping #SPIP...
#FLoC #google #Chrome #cookie-tiers #publicité #google_analytics

cy_altern @cy_altern CC BY-SA
- ARNO* @arno ART LIBRE 19/04/2021
  
  Oh, le retour du header Do Not Track (DNT), dont on connaît l’exceptionnel succès…
  
  ARNO* @arno ART LIBRE
Écrire un commentaire
cy_altern @cy_altern CC BY-SA 18/04/2021

3

3

Quelques notes pour les icônes SVG de SPIP
▻https://contrib.spip.net/Quelques-notes-pour-les-icones-SVG-de-SPIP
#SPIP #SVG

cy_altern @cy_altern CC BY-SA

Écrire un commentaire
cy_altern @cy_altern CC BY-SA 6/04/2021

2

2

mapbox - Leaflet : How to add a text label to a custom marker icon ? - Stack Overflow
▻https://stackoverflow.com/questions/34775308/leaflet-how-to-add-a-text-label-to-a-custom-marker-icon
Leaflet L.DivIcon feature that represents a lightweight icon for markers that uses a simple div element instead of an image
une méthode pour afficher du texte sur les marqueurs Leaflet
Voir aussi :
– pour SPIP + GIS : ▻https://git.spip.net/spip-contrib-extensions/gis/src/branch/master/javascript/leaflet.gis.js#L249
– ▻https://gis.stackexchange.com/questions/59571/how-to-add-text-only-labels-on-leaflet-map-with-no-icon
– ▻https://leafletjs.com/reference-1.7.1.html#divicon
#leaflet #GIS #SPIP #divicon #marqueur

cy_altern @cy_altern CC BY-SA
- RastaPopoulos @rastapopoulos CC BY-NC 6/04/2021
  
  et du coup en entre-deux pour l’instant j’ai fait ça :
  – activer les cluster + l’option singlemarker pour que même les points seuls utilisent le code des clusters (donc un divicon)
  – personnaliser la fonction qui génère les marqueurs divicon
  <script type="text/javascript"> ;jQuery(function($) { $('.carte_gis').on('load', function(){ this.map.options.clusterOptions.iconCreateFunction = function(cluster) { var nb = 0; $.each(cluster.getAllChildMarkers(), function(cle,valeur) { nb += valeur.feature.properties.nb_dossiers; }); return new L.DivIcon({ html: '<div><span>' + nb + '</span></div>', className: 'marker-cluster', iconSize: new L.Point(40, 40) }); } }); }); </script>
  
  RastaPopoulos @rastapopoulos CC BY-NC
Écrire un commentaire
jeanmarie @jeanmarie CC BY-NC-SA 5/04/2021

1

1

Reprise d’un message de Maieul sur Mastodon
▻https://framapiaf.org/@maieulr/105975333118229567
Gros chantier de doc de certains plugins majeurs de #SPIP ces derniers jours :
Doc d’intro de saisies mise à jour pour refléter les bonnes pratiques ▻https://contrib.spip.net/Saisies
Doc publiée sur « comment créer ses propres saisies » ▻https://contrib.spip.net/Creer-ses-propres-saisies
Doc de champs extra réorganisée pour séparer :
– la doc de l’API ▻https://contrib.spip.net/Champs-Extras
– la doc de l’interface graphique ▻https://contrib.spip.net/Champs-Extras-Interface
En bonus, un petit tuto ▻https://contrib.spip.net/Creer-des-champs-extras-depuis-un-plugin

jeanmarie @jeanmarie CC BY-NC-SA
- b_b @b_b PUBLIC DOMAIN 5/04/2021
  
  #spip_blog
  
  b_b @b_b PUBLIC DOMAIN
Écrire un commentaire
jeanmarie @jeanmarie CC BY-NC-SA 2/04/2021

3

3

Pour fêter le printemps inexorable, la dernière #RadioOupah et toutes les précédentes sont en ligne par ici :
▻https://radiooupah.netwazoo.info
https://radiooupah.netwazoo.info/sites/radiooupah.netwazoo.info/IMG/png/radioouph.png
#musique #playlist

jeanmarie @jeanmarie CC BY-NC-SA
- b_b @b_b PUBLIC DOMAIN 2/04/2021
  
  mignon, ça mérite un #spip_blog !
  
  b_b @b_b PUBLIC DOMAIN
- jeanmarie @jeanmarie CC BY-NC-SA 3/04/2021
  
  T’as vu, je t’ai même mis un flux RRS rien que pour toi :p
  
  jeanmarie @jeanmarie CC BY-NC-SA
- b_b @b_b PUBLIC DOMAIN 3/04/2021
  
  Ben c’est bon comme du SPIP... ça t’aurait demandé plus de temps de le retirer que de le laisser :p
  
  b_b @b_b PUBLIC DOMAIN
- jeanmarie @jeanmarie CC BY-NC-SA 3/04/2021
  
  @b_b tu rigoles, j’ai dû faire la modif pour que ça prenne les site syndiqués au lieu des articles !
  
  jeanmarie @jeanmarie CC BY-NC-SA
- Recriweb @recriweb 5/04/2021
  
  Quelques-unes de tes playlists sont-elles disponibles sur Qobuz ou Spotify ?
  
  Recriweb @recriweb
- jeanmarie @jeanmarie CC BY-NC-SA 5/04/2021
  
  J’aurais bien aimé que ça soit multiplateformes mais c’est trop compliquer à gérer malheureusement :(
  A moins qu’il existe un outil qui le fasse automatiquement ?
  
  jeanmarie @jeanmarie CC BY-NC-SA
- jeanmarie @jeanmarie CC BY-NC-SA 14/04/2021
  
  Le repo si ça peut servir : ▻https://gitlab.com/jmoupah/radiooupah
  
  jeanmarie @jeanmarie CC BY-NC-SA
Écrire un commentaire
jeanmarie @jeanmarie CC BY-NC-SA 30/03/2021

2

2

#Tutoriel : créer des champs extras depuis un plugin
Vous trouverez dans cet article un exemple pour créer des champs extras depuis votre plugin perso, à l’aide du plugin Champs Extra et d’un peu de code.
▻https://contrib.spip.net/Tutoriel-creer-des-champs-extras-depuis-un-plugin
#spip_recette #spip_blog

jeanmarie @jeanmarie CC BY-NC-SA

Écrire un commentaire
SPIP @spip 28/03/2021

1

1

Mise à jour de maintenance :  sortie de SPIP 3.2.11
Si vous suivez l’actualité de git.spip.net, vous avez certainement constaté une grande activité à l’approche de la sortie de SPIP 3.3. Comme discuté sur la liste spip-dev cf ▻https://www.mail-archive.com/spip-dev@rezo.net/msg71320.html cette version nécessitera PHP 7.3 au minimum, en accord avec notre nouveau cycle de release.
Toutefois, afin de chouchouter les personnes souhaitant rester sur la branche 3.2, nous avons décidé de sortir une version de support étendu (ou LTS) qui améliore la compatibilité jusqu’à PHP 7.4 dans cette branche.
SPIP 3.2.11 est donc compatible avec les versions de PHP 5.4 à 7.4.
La version 3.2.10 fut écourtée par la découverte d’une absence de report de quelques modifications intéressantes.
Lire l’annonce complète : ▻https://blog.spip.net/Mise-a-jour-de-maintenance-sortie-de-SPIP-3-2-11.html
L’équipe

SPIP @spip
- jeanmarie @jeanmarie CC BY-NC-SA 29/03/2021
  
  #SPIP ici aussi, nan ? :)
  
  jeanmarie @jeanmarie CC BY-NC-SA
- b_b @b_b PUBLIC DOMAIN 29/03/2021
  
  ben @spip parle parfois de #spip oui :p <= la boucle est bouclée
  
  b_b @b_b PUBLIC DOMAIN
Écrire un commentaire
ARNO* @arno ART LIBRE 24/03/2021

6

6

On vient de livrer avec Manu (de Mosquito) un nouveau serious game pour le MAD Paris (Musée des Arts décoratifs) : Une histoire des styles et des tendances
▻https://histoiredesstyles.madparis.fr
Il s’agit de reclasser chacun des 5 éléments de mobilier (horloge, lumière, chaise, commode, table) dans sa période (parmi 20 périodes). Et une fois placé le bon meuble dans la bonne période, tu te fais ton agencement qui va bien. Si tu es punk, tu mets les chaises sur les tables, sinon tu fais comme il faut. Si tu as envie de te faire des noeuds dans la tête, tu tentes le mode « Expert », quasiment infaisable… :-)
https://i.imgur.com/972olVL.jpg https://i.imgur.com/8ZqCE1j.jpg
Tu as des aquarelles pour représenter l’appartement-témoin de chaque période (ohhh), et des dessins de Floc’h pour les portraits des donateurs du musée.
C’est donc une Web app entièrement en HTML/javascript/CSS, et devine quoi : ben oui c’est du #SPIP.
#shameless_autopromo

ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 29/03/2021
  
  Les Arts décos entrent en jeu vidéo – Libération
  ▻https://www.liberation.fr/lifestyle/les-arts-decos-entrent-en-jeu-video-20210328_2JEZ2GANXVA5ZOUMFBA6G6L5XA
  Les considérables collections du musée des Arts décoratifs de Paris s’offrent depuis la semaine dernière à l’imagination de chacun : l’institution a lancé un jeu gratuit en ligne. Il propose de découvrir et de s’amuser avec le mobilier d’hier, d’aujourd’hui et de demain. Un levier afin de susciter l’intérêt d’un plus large public pour l’histoire des styles et des tendances.
  
  ARNO* @arno ART LIBRE
- Jacotte @jacotte 30/03/2021
  
  @ramses
  
  Jacotte @jacotte
- ARNO* @arno ART LIBRE 2/04/2021
  
  En attendant sa réouverture, le musée des Arts décoratifs à Paris lance son jeu vidéo | Actu Paris
  ▻https://actu.fr/ile-de-france/paris_75056/en-attendant-sa-reouverture-le-musee-des-arts-decoratifs-a-paris-lance-son-jeu-
  En attendant d’ouvrir au public, les musées rivalisent d’ingéniosité pour rendre accessibles leurs collections, à l’instar du Louvre qui a dévoilé la totalité de ses œuvres vendredi 26 mars 2021. Le musée des Arts décoratifs à Paris a, quant à lui, lancé son jeu vidéo gratuit mettant en scène ses collections de manière ludique avec « Une histoire des styles et des tendances ».
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 2/04/2021
  
  Le Jeu du Mobilier, le jeu en ligne du Musée des Arts Décoratifs de Paris - Sortiraparis.com
  ▻https://www.sortiraparis.com/arts-culture/exposition/articles/247323-le-jeu-du-mobilier-le-jeu-en-ligne-du-musee-des-arts-decoratifs
  Le Musée des Arts Décoratifs nous a préparé une belle surprise : pour passer le temps et découvrir plus en détail les richesses détenues dans les collections du musée, jouez au Jeu du Mobilier. Gratuit, pédagogique, créatif et addictif, ce jeu en ligne va vous surprendre !
  Un jeu vidéo créé par le Musée des Arts Décoratifs, voilà qui est intrigant. Dans ce jeu en ligne, intitulé le Jeu du Mobilier, à découvrir sur ordinateur, tablette ou smartphone, le musée met en avant ses collections impressionnantes de meubles et objets de décoration issues de toutes les grandes périodes de l’Histoire. Votre mission, si vous l’acceptez, est d’associer correctement chaque objet à sa période stylistique.
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 2/04/2021
  
  Agenda culturel de la semaine du 29 mars - Toutelaculture
  ▻https://toutelaculture.com/actu/agenda-culturel-de-la-semaine-du-29-mars
  Sur le site du Musée des Arts Décoratifs de Paris, un drôle d’évènement s’affiche ; sous la forme d’un jeu vidéo interactif, le musée, à défaut de pouvoir ouvrir, propose à ses visiteurs virtuels d’interagir avec ses collections. Moins de 11 ans, amateur, expert ou freestyle, le jeu propose même des niveaux adaptées à tout un chacun. Les joueurs peuvent voyager à travers les périodes et décorer des intérieurs virtuels avec le mobilier des collections du musée, rien que ça. Le jeu se veut aussi ludique, classés en cinq catégories (mesurer le temps, éclairer, s’asseoir, ranger, poser) et vingt intérieurs correspondant chacun à une époque, du Moyen Âge aux années 2020
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 2/04/2021
  
  Covid-19 / Tour de France des initiatives musées & monuments dans un contexte de re-confinement (02/04/2021) – Club Innovation & Culture CLIC France
  ►http://www.club-innovation-culture.fr/tour-de-france-re-confinement
  Le Musée des Arts Décoratifs de Paris a lancé le 18 mai 2021 son jeu vidéo gratuit mettant en scène ses collections de manière ludique avec « Une histoire des styles et des tendances ».
  
  ARNO* @arno ART LIBRE
- ARNO* @arno ART LIBRE 19/04/2021
  
  Que faire ce week-end ? | Les Echos
  ▻https://www.lesechos.fr/weekend/spectacles-musique/que-faire-ce-week-end-1307397
  Louis XVI ou Régence ?
  Musée des Arts déco, Paris
  Sortirez-vous gagnant de ce jeu interactif sur l’histoire des styles et des tendances ? Imaginé par le musée des Arts déco, le principe est simple : associer des meubles et des objets à leur période stylistique. Comme au musée, on déambule, de salle en salle, du Moyen Âge à nos jours. Et inutile de sortir de l’école Camondo : avec ses quatre niveaux, le jeu s’adresse même aux plus nuls. En prime, on révise ses classiques grâce à des fiches rédigées par les équipes scientifiques du musée. « Une histoire des styles et des tendances », www.madparis.fr
  
  ARNO* @arno ART LIBRE
Écrire un commentaire
jeanmarie @jeanmarie CC BY-NC-SA 20/03/2021

7

7

En préparation d’un (potentiel) projet avec une compagnie de théâtre dont le site fera partie intégrante de la création finale, j’ai commencé à recenser des exemples et outils (dont certains trouvé ici même) pour mettre en place une narration sur le web.
Si vous avez des exemples et des outils à ajouter, je suis preneur.
______________________________________
LES EXEMPLES
▻http://www.framescollection.com/tunnelrats.html
Peu de technique, mais une narration forte illustrée et rythmée graphiquement
▻http://www.framescollection.com/manly.html
essentiellement graphique mais peu adaptable sur mobile
▻https://projects.lukehaas.me/scrollify/examples/apple
principalement des animations visuelles et peu de texte
▻https://projects.lukehaas.me/scrollify/examples/layered-scrolling
joue principalement sur les fonds (image ou vidéos) et peu de texte
►http://computer-grrrls.gaite-lyrique.net
joue principalement sur le rythme des blocs de contenu
▻https://brest1937.kubweb.media/episode/heritage
alterne animations et contenus textes/vidéos
▻https://www.nytimes.com/interactive/2015/09/17/nyregion/st-patricks-cathedral-pope-francis-visit.html
très simple, repose sur l’image
▻https://www.liberation.fr/apps/2019/02/paris-populaire
moins linéaire, on doit se balader sur la carte pour avoir accès aux contenus
►https://fabre.montpellier3m.fr/Correspondance d’@arno
pour l’alternance de texte à lire (défilement vertical) et des photos des pages manuscrites (défilement horizontal)
▻https://www.bloomberg.com/graphics/2015-auto-sales
haut niveau, avec animation de #SVG et tout
▻https://www.theguardian.com/us-news/ng-interactive/2015/oct/19/homan-square-chicago-police-detainees
idem, gros niveau, The Guardian quoi
►https://geoculture.fr/musiques-et-danses-traditionnelles-du-limousin tout en SPIP / Noizetier par @rastapopoulos et @drbouvierleduc (cf commentaire)
______________________________________
LES OUTILS
How to implement #scrollytelling with six different libraries partagé par @fil
►https://pudding.cool/process/how-to-implement-scrollytelling
Scrollama is a modern & lightweight #JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events.
►https://github.com/russellgoldenberg/scrollama
Scrollify , A #jQuery plugin that assists scrolling and smoothly snaps to sections.
▻https://projects.lukehaas.me/scrollify
ScrollStory is a jQuery plugin for building scroll-based stories. Rather than doing a specific task, it aims to be a tool to help solve general problems.
▻https://sjwilliams.github.io/scrollstory
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.
►https://maxwellito.github.io/vivus
graph-scroll takes a selection of explanatory text sections and dispatches active events as different sections are scrolled into to view. These active events can be used to update a chart’s state.
▻https://github.com/1wheel/graph-scroll
enter-view . Dependency-free JavaScript library to detect when element enters into view. See demo. It uses requestAnimationFrame in favor of scroll events for less jank.
▻https://github.com/russellgoldenberg/enter-view
Projects | Knight Lab partagé par @klaus
▻https://seenthis.net/messages/792645
revealjs The HTML Presentation Framework partagé par @alexcorp en commentaire
►https://revealjs.com
______________________________________
TAGS SUR SEENTHIS
#art_directed_article / #scrollytelling, #narration et #Nouvelles_narrations / #webdoc / #longforms
#webdev #spip_recette

jeanmarie @jeanmarie CC BY-NC-SA
- ARNO* @arno ART LIBRE 20/03/2021
  
  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.
  
  ARNO* @arno ART LIBRE
- jeanmarie @jeanmarie CC BY-NC-SA 21/03/2021
  
  Oui, c’est une contrainte forte à intégrer, c’est clair !
  
  jeanmarie @jeanmarie CC BY-NC-SA
- alexcorp @alexcorp CC BY-NC 21/03/2021
  
  Voici un outil qui pourrait être utile : ►https://revealjs.com
  
  alexcorp @alexcorp CC BY-NC
- ARNO* @arno ART LIBRE 21/03/2021
  
  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.
  
  ARNO* @arno ART LIBRE
- RastaPopoulos @rastapopoulos CC BY-NC 21/03/2021
  
  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.
  
  RastaPopoulos @rastapopoulos CC BY-NC
- b_b @b_b PUBLIC DOMAIN 21/03/2021
  
  #spip_blog
  
  b_b @b_b PUBLIC DOMAIN
- jeanmarie @jeanmarie CC BY-NC-SA 24/03/2021
  
  Merci pour vos retours forts inintéressants :)
  
  jeanmarie @jeanmarie CC BY-NC-SA
- dlechenne @dlechenne 24/03/2021
  
  Purement graphique et avec un travail de design sonore mais seulement dans une app
  Phallaina, le roman graphique
  ▻https://youtu.be/GIqQIpmhJGQ
  
  –
  j’ai en ai développé plusieurs avec des étudiant.es des Beaux-arts de Bordeaux ou j’enseigne.
  Ce ne sont que des images et ce n’est pas connecté à une base de donnée, par manque de temps pour un simple projet pédagogique, mais c’est faisable.
  ▻https://design-ebabx.fr/webapp/seahot
  ▻https://design-ebabx.fr/webapp/affluence
  
  dlechenne @dlechenne
- jeanmarie @jeanmarie CC BY-NC-SA 15/04/2021
  
  Ce plugin aussi : ▻https://git.spip.net/spip-contrib-extensions/storify.git
  
  jeanmarie @jeanmarie CC BY-NC-SA
- jeanmarie @jeanmarie CC BY-NC-SA 12/07/2021
  
  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
  
  jeanmarie @jeanmarie CC BY-NC-SA
Écrire un commentaire

0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | ... | 850