Émile Pouget (1860-1931) - Brochure
▻https://www.partage-noir.fr/emile-pouget-1860-1931-brochure
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Émile Pouget (1860-1931)
Émile Pouget (1860-1931) - Brochure
▻https://www.partage-noir.fr/emile-pouget-1860-1931-brochure
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Émile Pouget (1860-1931)
L’œuvre d’Errico Malatesta (1853-1932) - Brochure - PDF
▻https://www.partage-noir.fr/l-oeuvre-d-errico-malatesta-1853-1932-brochure-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus L’œuvre d’Errico Malatesta (1853-1932)
L’œuvre d’Errico Malatesta (1853-1932) - PDF
▻https://www.partage-noir.fr/l-oeuvre-d-errico-malatesta-1853-1932-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus L’œuvre d’Errico Malatesta (1853-1932)
[BD] #Voltairine_de_Cleyre - « L’anarchisme sans étiquette » - Brochure [PDF]
▻https://www.partage-noir.fr/bd-voltairine-de-cleyre-l-anarchisme-sans-etiquette-brochure-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus [BD] Voltairine De Cleyre - « L’anarchisme sans étiquette »
/ Voltairine de Cleyre
#[BD]Voltairine_De_Cleyre-_« L’anarchisme_sans_étiquette »
[BD] #Voltairine_de_Cleyre - « L’anarchisme sans étiquette » [PDF]
▻https://www.partage-noir.fr/bd-voltairine-de-cleyre-l-anarchisme-sans-etiquette-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus [BD] Voltairine De Cleyre - « L’anarchisme sans étiquette »
/ Voltairine de Cleyre
#[BD]Voltairine_De_Cleyre-_« L’anarchisme_sans_étiquette »
Voltairine de Cleyre (1866-1912) - Brochure PDF
▻https://www.partage-noir.fr/voltairine-de-cleyre-1866-1912-brochure-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Voltairine de Cleyre (1866-1912)
Voltairine de Cleyre (1866-1912) - PDF
▻https://www.partage-noir.fr/voltairine-de-cleyre-1866-1912-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Voltairine de Cleyre (1866-1912)
des compositeurs qui font des trucs normaux
Sur Facebook, LinkedIn, Clubhouse… des fuites de données personnelles très problématiques
▻https://www.lemonde.fr/pixels/article/2021/04/26/facebook-linkedin-clubhouse-des-fuites-de-donnees-personnelles-tres-problema
Dans trois cas récents de publications de données personnelles de leurs utilisateurs, ces réseaux sociaux se sont défendus en expliquant qu’il n’y avait pas eu de piratage informatique. Le mois d’avril a été chargé en alertes pour les données personnelles : le 3 avril, une base de données contenant des données relatives à plus de 533 millions de comptes Facebook, dont les numéros de téléphone, était diffusée sur un forum fréquenté par des cybercriminels ; quelques jours plus tard, un membre de ce même forum (...)
#Clubhouse_ #Facebook #LinkedIn #[fr]Règlement_Général_sur_la_Protection_des_Données_(RGPD)[en]General_Data_Protection_Regulation_(GDPR)[nl]General_Data_Protection_Regulation_(GDPR) #données #hacking #scraping (...)
##[fr]Règlement_Général_sur_la_Protection_des_Données__RGPD_[en]General_Data_Protection_Regulation__GDPR_[nl]General_Data_Protection_Regulation__GDPR_ ##CNIL
[BD] L’épitaphe de Séverine : J’ai toujours travaillé pour la paix, la justice et la fraternité - Brochure [PDF]
▻https://www.partage-noir.fr/bd-l-epitaphe-de-severine-j-ai-toujours-travaille-pour-la-paix-850
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus [BD] L’épitaphe de Séverine : J’ai toujours travaillé pour la paix, la justice et la fraternité
#[BD]_L’épitaphe_de_Séverine :_J’ai_toujours_travaillé_pour_la_paix,_la_justice_et_la_fraternité
[BD] L’épitaphe de Séverine : J’ai toujours travaillé pour la paix, la justice et la fraternité [PDF]
▻https://www.partage-noir.fr/bd-l-epitaphe-de-severine-j-ai-toujours-travaille-pour-la-paix-847
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus [BD] L’épitaphe de Séverine : J’ai toujours travaillé pour la paix, la justice et la fraternité
/ Séverine (1855-1929)
#[BD]_L’épitaphe_de_Séverine :_J’ai_toujours_travaillé_pour_la_paix,_la_justice_et_la_fraternité #Séverine_1855-1929_
A Complete Guide on How To Use Bash Arrays
▻https://www.shell-tips.com/bash/arrays
Clearview AI Offered Thousands Of Cops Free Trials
▻https://www.buzzfeednews.com/article/ryanmac/clearview-ai-local-police-facial-recognition
A BuzzFeed News investigation has found that employees at law enforcement agencies across the US ran thousands of Clearview AI facial recognition searches — often without the knowledge of the public or even their own departments. A controversial facial recognition tool designed for policing has been quietly deployed across the country with little to no public oversight. According to reporting and data reviewed by BuzzFeed News, more than 7,000 individuals from nearly 2,000 public agencies (...)
#Clearview #FBI #algorithme #CCTV #biométrie #racisme #facial #reconnaissance #vidéo-surveillance #discrimination #scraping #surveillance #ACLU (...)
##police
Q&A with Matt Houlihan: A Brit Reacts To Bollywood
▻https://www.mydylarama.org.uk/Q-A-with-Matt-Houlihan-A-Brit-Reacts-To-Bollywood
We caught up with actor Matt Houlihan to discuss his lockdown venture: the very successful YouTube “reaction” series A Brit Reacts To Bollywood. Matt, who was still working right up until last year’s first lockdown - playing Uncle Vanya on stage - talks about his discovery and growing love of Bollywood and Indian cinema, his foray into reaction videos and the impact on the pandemic on his work. Here’s one of Matt’s highly successful videos! You can subscribe to Matt’s YouTube channel and (...) #Screen_Extra
▻https://www.youtube.com/channel/UCp7Sd8MWGQBPnBdqiFud8sA
▻https://twitter.com/houlihanactor?lang=en
Séverine (1855-1929) - Brochure [PDF]
▻https://www.partage-noir.fr/severine-1855-1929-brochure-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Séverine (1855-1929)
/ Séverine (1855-1929)
Séverine (1855-1929) [PDF]
▻https://www.partage-noir.fr/severine-1855-1929-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Séverine (1855-1929)
/ Séverine (1855-1929)
Mohamed Saïl (1894-1953) - Brochure [PDF]
▻https://www.partage-noir.fr/mohamed-sail-1894-1953-brochure-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Mohamed Saïl (1894-1953)
Mohamed Saïl (1894-1953) [PDF]
▻https://www.partage-noir.fr/mohamed-sail-1894-1953-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Mohamed Saïl (1894-1953)
/ Mohamed Saïl
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)
Site plus archivé mais tjs visible via ►https://web.archive.org/web/20190904140136/https://geoculture.fr/faire-bonne-chere-en-limousin
►https://www.nytimes.com/fr/2022/05/20/world/haiti-france-dette-reparations.html
Pour l’intro et le zoom sur le carte
►https://uploads.knightlab.com/storymapjs/27497e92f064ef5616553b1c97c91106/walking-tour/index.html
pour la navigation dans la carte
►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
►https://fos200ans.fr
Pour la double navigation immersive/cartographique et l’organisation des ressources par périodes.
►https://www.tdg.ch/inegalites-ecologiques-ultrariches-et-superpollueurs-347025086713
►https://media.lesechos.fr/infographie/tenet
Pour la double navigation chronologique (les timelines) / géographique (les flèches sous le globe)
►https://ig.ft.com/generative-ai
►https://tympanus.net/codrops/demos/?tag=scroll
Pas mal d’exemples (attention, il y a à boire et à manger)
______________________________________
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
Scroll Btween partagé par @b_b
Tween any CSS values on any DOM element in relation with its position into the viewport.
►https://olivier3lanc.github.io/Scroll-Btween
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
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.
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
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
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
Sed par l’exemple : devenez expert de la commande Linux sed – Buzut
▻https://buzut.net/apprendre-commande-sed-linux
utiliser la commande sed : des exemples concrets expliqués.
Voir aussi :
– mémo rapide de toutes les astuces d’écritures de sed : ▻https://www.commentcamarche.net/faq/6699-sed-trucs-et-astuces
– le fonctionnement détaillé de sed et en particlier de toutes les commandes : ▻https://www.commentcamarche.net/faq/9536-sed-introduction-a-sed-part-i
Facebook Scraped 1 Billion Pictures From Instagram to Train Its A.I. — But Spared European Users
▻https://onezero.medium.com/facebook-scraped-1-billion-pictures-from-instagram-to-train-its-a-i-
The team purposely excluded Instagram images from the European Union, likely because of GDPR Facebook researchers announced a breakthrough yesterday : They have trained a “self-supervised” algorithm using 1 billion Instagram images, proving that the algorithm doesn’t need human-labeled images to learn to accurately recognize objects. Typically, the most accurate image recognition algorithms require humans to label images as containing dogs, horses, people, or any other subject, and then the (...)
#Facebook #Instagram #algorithme #[fr]Règlement_Général_sur_la_Protection_des_Données_(RGPD)[en]General_Data_Protection_Regulation_(GDPR)[nl]General_Data_Protection_Regulation_(GDPR) #données #CCPA (...)
##[fr]Règlement_Général_sur_la_Protection_des_Données__RGPD_[en]General_Data_Protection_Regulation__GDPR_[nl]General_Data_Protection_Regulation__GDPR_ ##scraping
#Louis_Lecoin - « Militant pacifiste, syndicaliste et libertaire » - Brochure [PDF]
►https://www.partage-noir.fr/louis-lecoin-militant-pacifiste-syndicaliste-et-libertaire-795
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Louis Lecoin - « Militant pacifiste, syndicaliste et libertaire »
/ Louis Lecoin
#Louis_Lecoin_-_« Militant_pacifiste,_syndicaliste_et_libertaire »
#Louis_Lecoin - « Militant pacifiste, syndicaliste et libertaire » [PDF]
▻https://www.partage-noir.fr/louis-lecoin-militant-pacifiste-syndicaliste-et-libertaire-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Louis Lecoin - « Militant pacifiste, syndicaliste et libertaire »
/ Louis Lecoin
#Louis_Lecoin_-_« Militant_pacifiste,_syndicaliste_et_libertaire »
Clearview AI Is Taking Facial Recognition Privacy to the Supreme Court
▻https://onezero.medium.com/clearview-ai-is-taking-facial-recognition-privacy-to-the-supreme-cou
International regulators have found Clearview AI’s technology breaches their privacy laws Clearview AI plans to challenge an Illinois law guarding against private facial recognition databases in the Supreme Court, according to Bloomberg Law. The Illinois’ Biometric Information Privacy Act (BIPA) has been a thorn in the side of tech giants like Google, Facebook, and Apple for years, as it prohibits the collection of data like facial recognition images, fingerprints, and iris scans without (...)
#Clearview #algorithme #biométrie #reconnaissance #iris #empreintes #surveillance #législation #[fr]Règlement_Général_sur_la_Protection_des_Données_(RGPD)[en]General_Data_Protection_Regulation_(GDPR)[nl]General_Data_Protection_Regulation_(GDPR) #BIPA (...)
##[fr]Règlement_Général_sur_la_Protection_des_Données__RGPD_[en]General_Data_Protection_Regulation__GDPR_[nl]General_Data_Protection_Regulation__GDPR_ ##scraping
#Nestor_Makhno et la question juive - Brochure [PDF]
▻https://www.partage-noir.fr/nestor-makhno-et-la-question-juive-brochure-pdf
Les brochures Partage Noir sont réalisées avec les logiciels libres #GIMP #Inkscape #Scribus Nestor Makhno et la question juive
/ Nestor Makhno