A Web Developer’s Browser | Responsively App
▻https://responsively.app
Un logiciel (Windows / Linux /Mac) ou une extension pour navigateur (Firefox / Chrome / Edge) permettant de naviguer en affichant de façon synchrone les vues « responsive » de différentes tailles.
Voir aussi :
– le repo Github : ▻https://github.com/responsively-org/responsively-app
– l’extension Firefox : ▻https://addons.mozilla.org/en-US/firefox/addon/responsively-helper
« ClojuRust — A proof of concept version of Clojure in Rust » by Ivan Pierre, KilroySoft
▻https://github.com/clojurust
En ce moment, c’est la multiplication des écrans sur le thème « Soit tu nous refiles tes données personnelles, soit tu n’accèdes pas à notre site ». Comme en plus j’ai activé un bloquer de pubs, c’est la fête du slip en permanence.
Évidemment, c’est la multiplication des design maléfiques, où le lien « Ne pas accepter » est planqué (désormais en petit en haut à droite du popup), et le lien « Oui, fliquez-moi » est un beau gros bouton bien visible. Ou le classique choix entre « Oui pour tout, z’y va » et « Non, je ne veux pas, mais je vais devoir passer les 5 prochaines minutes de ma vie dans un formulaire à la con pour régler le truc. »
Mais le pompon, ces derniers jours, c’est :
– {{Alternatives économiques}}, qui veut bien que je lise son article, mais à condition que je file mon adresse email.
– {{Jeuxvideo.com}}, soit j’accepte les cookies intrusifs, soit je paie 2€ :
Je me demande si toutes ces conneries sont vaguement légales…
Au-delà de la légalité, je crois surtout qu’ils ont décidé de se passer de nos lectures.
Après, j’ai à peu près tous mes clients qui me réclament d’installer un « écran RGPD ». Quand je leur dis que le modèle qu’ils me demandent est de toute façon illégal, hé ben tant pis, c’est ça qu’ils veulent.
Les plus patients me demandent quel serait l’écran « légal », je dis donc qu’il faut un écran qui demande réellement l’autorisation de poser un cookie tiers, et qu’il ne faut pas déclencher Google Analytics avant. Donc on aura une grosse partie des gens qui vont tout simplement dire non, et on n’aura pas d’Analytics pour eux. Donc on pourrait tout aussi bien ne pas mettre Analytics du tout, et comme par ailleurs on ne pose rien d’autre, on n’aurait plus besoin de « popup RGPD ». Là généralement ça bug : « non alors on va mettre l’autre écran d’avertissement » (celui qui est illégal).
(Et je leur ai pas encore expliqué pour l’insertion de pavés Facebook, de vidéos Youtube dans leurs pages, ou bien les ceusses qui veulent insérer leur flux Twitter sur leur page d’accueil – parce qu’on est toujours en 2011…)
M’enfin j’ai jamais eu ces cas pathologiques où l’on me demanderait d’interdire les visites si les gens ont mis un anti-pub, ou d’exiger qu’on file son adresse email pour accéder au site.
C’est une des raisons qui fait que je ne me bats plus pour créer des sites Internet vitrine... Ras le bol de ces considérations ineptes.
Je réponds : « y-a qu’à pas utiliser ceci et cela, et plus besoin d’écran ». Mais oui, ça bug.
En début de semaine, on m’interrogeait sur tarteaucitron.io ; je trouve le truc bien foutu dans l’esprit. Pas encore mis en œuvre, mais ça ne devrait pas tarder.
Pour info, selon la config de ton bloqueur de pub (certes strict), Tarte au citron génère une erreur qui pète tout le js de ta page :
▻https://github.com/AmauriC/tarteaucitron.js/issues/576
A noter que la règle en question pète également les commentaires Github, donc bon :)
Une messagerie 100% pur beurre
►https://www.francebleu.fr/infos/societe/treebal-la-nouvelle-messagerie-bretonne-et-ecolo-1621395345
Treebal c’est la nouvelle application bretonne et écolo à installer dans nos téléphones portables. Une alternative à Whatsapp, Telegram ou Signal qui promet de protéger nos données personnelles tout en plantant des arbres !
appel moi con, aussi !
oui mais sur Treebal
@arno {{héhé}} tu fais du SPIP en ce moment ? ^^ (cf les {{ pour graisser du texte)
/me se comprend
Je suppose que tu connais ce post …
►https://seenthis.net/messages/665225
En ce moment, ma banque m’annonce que je ne recevrai plus de SMS pour valider mes paiements sur internet (ce sera votre tour bientôt, ne vous inquiétez pas). Et que si je ne veux pas installer leur application sur mon telephone, il faudra que je paye pour avoir un boitier qui flashera le QRcode de l’écran.
Hé oui, mon bon Monsieur, les nouvelles règles européennes sur la vente en ligne n’étaient pas assez contraignantes. Sous prétexte de sécurité, les formulaires d’achat envoie en clair vers la banque, ton nom, ton adresse, ton pays, ton mail et ton numéro de téléphone. Et bientôt ce sera la biométrie, oui, c’est plus sécure hinhin, pour engranger encore des #données_personnelles.
#authentification
#DSP2
#3Dsecure
#RGPD (mais on va pas craché dessus)
Si tu veux vérifier ce que je te raconte, voila l’exemple des données transmises pour une banque irlandaise
▻http://developer.elavonpaymentgateway.com/#!/hpp/3d-secure-2/mandatory-fields
et quelques captures d’écran de ma banque
A noter qu’avec le CM, j’étais enquiquiné par leur application qui refusait de fonctionner si je refusais de partager l’accès aux fichiers et aux contacts. C’est terminé, l’application permet de valider les achats et les accès web sans nécessité de donner des autorisations élargies.
Toujours au CM : si tu n’as pas de compte Google (playstore) sur ton téléphone, tu ne peux pas installer leur application de double authentification... (ou alors il te faut bricoler avec quelqu’un qui l’a installée pour récupérer l’apk)...
...et quand tu en cause à ton « conseiller » il ne comprend même pas quel est le problème !
Je suis contente : j’ai convaincu plusieurs clients qu’on n’en a rien à battre de collecter des données sur nos sites. Que la seule donnée qui compte, c’est combien de ventes et de bons propects solides on a récupéré en ligne et pour cela, il suffit de demander gentiment.
Que s’ils sont accros aux chiffres, on a toujours les données brutes du serveur qui permettent de se rendre compte qu’en ligne, on récolte beaucoup de bruit et qu’il n’est pas utile de perdre du temps avec. Qu’il vaut mieux un bon client content qui a eu une bonne expérience utilisateur sur le site qu’une volée de trolls et de bots qui ne font que pinguer sans lendemain.
LCH colors in CSS : what, why, and how ? – Lea Verou
▻https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how
LCH : utiliser un jeu de couleur étendu pour le web
Currently, every CSS color we can specify, is defined to be in the sRGB color space. This was more than sufficient a few years ago, since all but professional monitors had gamuts smaller than sRGB. However, that’s not true any more. Today, the gamut (range of possible colors displayed) of most monitors is closer to P3, which has a 50% larger volume than sRGB. CSS right now cannot access these colors at all. Let me repeat: We have no access to one third of the colors in most modern monitors. And these are not just any colors, but the most vivid colors the screen can display. Our websites are washed out because monitor hardware evolved faster than CSS specs and browser implementations.
Voir aussi :
– css.land : un outil en ligne pour la conversion des couleurs depuis/vers LCH : ▻https://css.land/lch (et son repo Github : ▻https://github.com/LeaVerou/css.land)
– le brouillon de la spécification W3C pour « CSS Color Module Level 5 » : ▻https://drafts.csswg.org/css-color-5
– ColorJizz : un package PHP pour la conversion entre les formats de couleurs : ▻https://github.com/mikeemoo/ColorJizz-PHP
#LCH #RGB #HSL #couleur #développement_web
je continue la reflexion de : ▻https://seenthis.net/messages/915670#message915673
Est-ce qu’il n’y aurait pas moyen d’automatiser/faciliter l’archivage de ses messages et/ou de son réseau sur #seenthis ?
– De soumettre automatiquement les liens des messages et commentaire sur ►http://web.archive.org, et carrément pourquoi pas faire une passe régulièrement sur les anciens messages et ajouter le lien archivé à la bonne date à côté des liens morts
– De proposer une page qui fournit tous les liens externes, idéalement classés par type (vidéos, images, pages, message de réseaux sociaux), pour pouvoir utiliser des sites/scripts pour archiver
– De fournir une fonction d’export des messages du réseau, pour ne pas perdre tous les messages étoilés d’une personne qui ferme son compte
Bref en gros si seenthis est utilisé comme portail de veille sur le web, de donner des outils pour archiver sa veille
@fil @arno @biggrizzly @rastapopoulos et autres que j’oublie
Chaque compte produit des flux au format Atom donc très normalisé, et il y a donc déjà moyen d’écrire des scripts pour archiver tout cela au fur et à mesure. Mais c’est pas du tout cuit oui… faut coder encore pas mal.
Pour les comptes supprimés, une fois lancé la procédure c’est trop tard, mais en amont (mais comment le savoir à temps) tu peux déjà récupérer en Atom donc. Mais il y a plein de choses à faire mieux pour ce cas des suppressions, cf ce ticket : ▻https://github.com/seenthis/seenthis_squelettes/issues/158#issuecomment-513448098
Faut peut-être ne jamais pouvoir faire le 4ème choix, et que ça s’arrête au 3ème (ça me choquerait pas, vu que le compte serait bien supprimé et plus rien de personnel ne resterait).
Ah oui j’avais pas fait gaffe aux <link rel="related"> du fil RSS, très pratique
Bon ça doit pouvoir se faire. J’ai cradouillé un petit script python pour télécharger les urls externes d’un compte. Le plus élégant serait de plugger ça à archivebox pour pas réinventer le roue, mais ça refuse de s’installer correctement sur mon windows.
Sinon, à partir de la liste des urls, virer les 404, gérer les 301, les passer par ►https://noembed.com ou récupérer le content-type pour aiguiller sur la bonne façon de sauvegarder le contenu (#youtube-dl pour les médias de type vidéo renvoyés par noembed, wget sur la vraie image d’une ressource de type photo, une récupération particulière pour une page web histoire d’avoir le même affichage tout comme il faut + une conversion PDF, etc)
Après comment organiser ça pour récupérer facilement les ressources sauvegardées ? (archivebox gère tout ce côté avec un serveur web des pages sauvegardées)
@seenthis : bug étrange : j’ai beau supprimer le spam en réponse à mon message ici :
▻https://seenthis.net/messages/915236#message915251
quand je recharge la page il est toujours là (même si je force le recalcul).
plus rien à l’horizon, c’était peut-être le temps que la base se mette à jour ?
@arno ha, c’est peut-être un effet de bord de ma modification récente sur les autorisations, cf ▻https://github.com/seenthis/seenthis_squelettes/issues/262
Pour le spam, désolé, je n’ai pas fait de session nettoyage depuis 3 semaines ou plus, pas eu le temps ni l’’envie :\
@arno voilà c’est corrigé ▻https://github.com/seenthis/seenthis/commit/327a9a22945deb1bdad01c0aaafbba269314110e tu devrais pouvoir supprimer le message maintenant ;)
de rien @touti :) du savoir faire je ne sais pas, du temps sûrement :p
«Making Persistent Build Folders in Netlify» de Max Böck, 05.01.2021
▻https://mxb.dev/blog/persistent-build-folders-netlify
#netlify #cms #publishing #mediaAssets #imageTransforms
Voir aussi:
GitHub › 11ty › Eleventy Image › Issue «Persist in-memory cache » (#51)
▻https://github.com/11ty/eleventy-img/issues/51#issuecomment-775186353
</> htmx - high power tools for html
▻https://htmx.org
htmx allows you to access AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
Une tentative de simplification pour la gestion de toutes les interactions dans les pages HTML : utiliser des attributs de balises (préfixés par hx-) à la place du javascript (open-source licence BSD).
Voir aussi :
– la présentation du concept sur : ▻https://htmx.org/docs
– le Github du projet : ▻https://github.com/bigskysoftware/htmx
– son prédécesseur : ▻https://intercoolerjs.org
Hosting SQLite databases on Github Pages (or any static file hoster) - Apr 17, 2021
I was writing a tiny website to display statistics of how much sponsored content a Youtube creator has over time when I noticed that I often write a small tool as a website that queries some data from a database and then displays it in a graph, a table, or similar. But if you want to use a database, you either need to write a backend (which you then need to host and maintain forever) or download the whole dataset into the browser (which is not so great when the dataset is more than 10MB).
In the past when I’ve used a backend server for these small side projects at some point some external API goes down or a key expires or I forget about the backend and stop paying for whatever VPS it was on. Then when I revisit it years later, I’m annoyed that it’s gone and curse myself for relying on an external service - or on myself caring over a longer period of time.
Hosting a static website is much easier than a “real” server - there’s many free and reliable options (like GitHub, GitLab Pages, Netlify, etc), and it scales to basically infinity without any effort.
So I wrote a tool to be able to use a real SQL database in a statically hosted website. Here’s a demo using the World Development Indicators dataset - a dataset with 6 tables and over 8 million rows (670 MiByte total).
...
– article ▻https://github.com/phiresky/sql.js-httpvfs
– lib ▻https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages
Prefix free : Break free from CSS vendor prefix hell !
▻https://projects.verou.me/prefixfree/#
Un script JS Open Source qui se charge de générer les préfixes navigateurs dans les CSS et les style inlines.
Le repo Github : ▻https://github.com/LeaVerou/prefixfree
(une alternative quand on ne peut pas avoir Gulp qui le fait en amont...)
sachant que ça évite d’augmenter le CSS produit avec des lignes de préfixes (fichier plus léger bien sûr contrebalancé par le JS ajouté sauf que point suivant :), tout en marchant aussi pour les CSS que tu ne controles pas (plugins de ton CMS etc), et il ne se lance et ne travaille que sur les navs qui en ont besoin uniquement (les autres récents n’ont pas besoin de préfixes dans la CSS, et le JS ne fait rien pour eux)
c’est possiblement bien de ne même pas les générer dans gulp du coup
Allemagne : Millionnaire grâce au Bitcoin, il milite pour l’interdiction des cryptomonnaies
▻https://www.20minutes.fr/insolite/3029419-20210426-allemagne-millionnaire-grace-bitcoin-milite-interdiction-
Le Parti Vert allemand a récemment reçu une donation aussi élevée que paradoxale. Moritz Schmidt, spécialiste du numérique de 39 ans, a offert un million d’euros en bitcoin aux écologistes allemands… pour qu’ils interdisent le bitcoin.
(...)
La démarche du développeur s’explique par sa prise de conscience environnementale, après avoir réalisé en 2017 le fort impact écologique du minage des cryptomonnaies. « Le système du Bitcoin est intrinsèquement hyper- énergivore », a-t-il dénoncé, (...)
@seenthis : quand je tente de modifier mon post, ça me répond invariablement « INTERDIT ». Suis-je le seul dans ce cas ?
@biggrizzly ha, je viens justement d’up seenthis dans la matinée pour intégrer une évolution du côté des autorisations. Je check ça tout de suite !
@biggrizzly wala, ça devrait être bon maintenant, cf ▻https://github.com/seenthis/seenthis/commit/f57078028dee8a63949e51a97b28759a3c5a18d4
Merci :-) Ça fonctionne ! J’ai pu supprimer l’image dans le post.
La projection Bertin1953 est disponible sous #QGIS
Je l’avais codée dans Proj.4 il y a 2 ans et demi (▻https://github.com/OSGeo/PROJ/issues/1120) mais jamais réussi à l’ouvrir sur QGIS. Apparemment maintenant c’est possible, il suffit de créer un SCR personnalisé et lui donner la formule proj=bertin1953. Et ça marche…
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
SVG-Edit/svgedit: Powerful SVG-Editor for your browser
▻https://github.com/SVG-Edit/svgedit
un éditeur de SVG en JS, open-source
A tester sur ▻https://svg-edit.github.io/svgedit/dist/editor/index.html
Données INSEE mortalité TCC, par tranches d’age - publication du 09.04.21
les courbes « fines » qui s’arrêtent fin mars sont les moyennes mobiles 7 jours pour 2021.
détail de la livraison :
diff -ru insee_dc.2021-04-02 insee_dc.2021-04-09 |\
1 +2020;02
1 +2020;08
1 +2020;11
5 +2020;12
22 +2021;01
70 +2021;02
12669 +2021;03précedent : ▻https://seenthis.net/messages/907204#message907210
NOTE : j’m’a gaufré dans les précédents graphiques : petit bug dans les attributions des tranches, dsl ; surtout visible sur la courbe <90 et sur les « baselines » 2018+19 ; je comptais mal les ages des dcd, en me trompant de un ou deux ans selon les cas... pour les courbes <90, on voit apparaître une bosse grise vers mars et le niveau global remonte un peu ; sur les autres, les écarts 2020 vs 2018+19 se réduisent un peu.
code un peu poucrate ici : ▻https://github.com/ofa-/graphit/blob/master/insee_dc.py (plot_age_split) ; make insee.fetch pour récupérer les données ; pip install -r requirements.txt un fois au début, puis ./insee_dc.py --noise --raw pour faire le graphique.
les mêmes, moyennes mobiles, mais sans le « bruit » ni les données brutes ; vous préférez quelle version ?
@seenthis Est-ce qu’il es possible d’incruster des cartes openstreetmap dans ses seen ?
+1
dans le même genre d’idées, si on pouvait aussi incorporer au moins une solution pour obtenir des graphiques dynamiques et interactifs
et si c’était observable, ça pourrait me motiver, n’est-ce pas @fil …
Et hop, ticket créé ▻https://github.com/seenthis/seenthis_squelettes/issues/265 ; @klaus tu veux insérer quoi comme carte, une simple carte avec un marqueur au centre, ou des trucs plus compliqués ?
💉 Vite Ma Dose ! Comment trouver un rendez-vous de vaccination rapidement ?
▻https://covidtracker.fr/vitemadose
je sais pas si ce mix entre ministère de la santé avec (beaucoup de) doctolib fonctionne quelque part, pour Paris c’est triple zéro, les centres signalés ne donnent pas de rdv pour l’instant.
du coup, je vais essayer Covidliste pour voir ce qu’il en est de cette excellente pratique qui consiste à ne pas gâcher des doses...
▻https://www.covidliste.com
Qu’est ce que Covidliste ?
Covidliste est une application gratuite permettant d’être alerté lorsqu’une dose de vaccin est disponible près de chez vous. 49 515 volontaires sont déjà inscrits.
Lorsqu’un patient rate un rendez-vous, le flacon déjà ouvert doit être consommé rapidement. Covidliste permet de faciliter l’accès à une liste de volontaires pour des centres de vaccination.
Merci pour covidliste. Il me semble que c’est le gvt qui a fait le choix de doctolib pour gérer la pénurie. On peut imaginer quelques-unes des raisons évoquées dans leurs réunions de consultants : favoriser une « licorne », marquer sa défiance envers les services de l’État, et avoir un bouc émissaire quand ça marchera mal.
Le succès de Doctolib, est-ce grave docteur ?
▻https://www.la-croix.com/Sciences-et-ethique/Sciences-et-ethique/Le-succes-Doctolib-est-grave-docteur-2019-05-14-1201021610
…
Doctolib est une entreprise indépendante, détenue à majorité par ses fondateurs et ses managers[réf. nécessaire]. Les autres actionnaires sont la Banque publique d’investissement (Bpifrance), les fonds d’investissements Eurazeo, Accel, Kernel et General Atlantic et les entrepreneurs qui ont participé aux levées de fonds (Ludwig Klitzsch, Pierre Kosciusko-Morizet, Bertrand Jelensperger, Antoine Freysz, Pierre Krings, Olivier Occelli, Maxime Forgeot).
►https://fr.wikipedia.org/wiki/Doctolib
Bdcht sur touiteur
▻https://twitter.com/Boule_de_Chat/status/1378364064838074377
[▻https://covidliste.com] Encore une démonstration des inégalités dans cette campagne de vaccination. Des personnes valides, a l’aise avec le numérique, auront des doses avant des personnes précaires, malades ou éloignées d’internet.
Pourquoi on ne fait pas des listes a partir par exemple des bénéficiaires de l’AAH ? Des minima sociaux ? Des pensions d’invalidité ? Par exemple c’est juste une idée.
Plutôt que de jouer au « premier arrivé premier servi », a « celui qui a le meilleur réseau », a « celui qui est suffisamment valide pour avoir l’énergie pour faire la queue tous les soirs à la recherche d’une dose restante (oui c’est pas a la portée des handi ça) »...
« celui qui a le plus de culot », « celui qui connait des médecins ». Bref je peux continuer longtemps.
Tout cela est la porte vers des inégalités. Cette campagne de vaccination est une source immense d’inégalités.
covidliste, la nouvelle était trop belle ?
« CovidListe », une nouvelle arnaque « parce que c’est notre projet » ?
▻https://blog.davidlibeau.fr/covidliste-une-nouvelle-arnaque-parce-que-cest-notre-projet
...plusieurs détails qui ont été d’une importance capitale pour moi m’ont dissuader de m’inscrire (et m’ont convaincu d’écrire cet article, et croyez moi j’ai autre chose à faire). Je souhaite vous partager mon analyse dans cet article.
Le manque de transparence
Lorsque j’ai eu connaissance de CovidListe, j’ai immédiatement cherché des garanties. L’une d’elle est la publication du code source du site web. Avec le code source, on peut mieux comprendre comment est conçu et codé le site et ainsi réduire le risque de mauvaises surprises. Il n’est pas rare qu’en lisant le code source d’un logiciel on détecte une différence entre la communication faite par le producteur de logiciel et sa réalisation.
Pour CovidListe, j’ai facilement trouvé un code source publié sur GitHub. C’est d’ailleurs à cet égard que j’ai découvert que ce site web n’était pas du tout codé comme il l’annonçait. Le code source que j’avais ne faisait qu’enregistrer les données personnelles des utilisateur·rice·s. Toute la partie prise de contact pour avoir un rendez-vous et recevoir une dose n’était pas présent dans le code source. J’ai publié quelques tweets à ce sujet. Quelques heures plus tard, j’ai reçu des messages d’un administrateur de CovidListe qui me demandait de supprimer la copie que j’avais faite du projet. Pour les non-connaisseurs, lorsqu’on souhaite contribuer à un projet sur GitHub, pour proposer une amélioration, on doit faire un copie du projet et ensuite envoyer notre contribution. C’est ce que j’avais fait ce même jour. J’ai copié le projet et envoyé une modification (qui était mineure, c’était simplement le fait de partager le lien du code source sur le site).
J’ai été interloqué du fait qu’on me demande de supprimer la copie du code source de CovidListe. J’ai été d’autant plus étonné de voire que le code source que j’avais analysé avait été supprimé de GitHub. Je considère que ce site est d’utilité publique et que donc, il doit pouvoir être auditable par tout un chacun. Supprimer le code source de GitHub est un acte d’opacité inexplicable et qui ne présage rien de bon. Cela remet en question les intentions des auteurs de CovidListe.
Je n’ai pas supprimé la copie du code source de CovidListe. Il est donc disponible à cette adresse : ▻https://github.com/DavidLibeau/covidliste.
Il faut de toute urgence que l’algorithme de sélection soit auditable. A l’instar de l’affaire Admission Post Bac (l’ancien Parcousup), l’algorithme de sélection est un algorithme sensible et potentiellement discriminant. Les utilisateur·rice·s doivent pouvoir l’auditer et, d’une façon optimale, la conception de l’algorithme devrait être faite de façon démocratique.
Vitemadose ne propose pas plus de rdv que Santé publique pour Paris... Je suis passé par un 3975 de la Ville de Paris où j’ai obtenu un rdv pour une vaccination pfizer dans 15 jours, sur déclaration verbale d’une commorbidté qui rentre dans les clous au regard de mon âge, non démontrée (de quoi se faire refouler au centre de vaccination). Lors de la prise de rdv vaccinal par cette entremise, il n’est fait mention d’aucune possibilité de prévenir si on doit/veut annuler un rdv... Allez, hop ! Aggravons la pénurie par la gabegie.
Pourtant j’ai l’intention de décommander si je trouve une dose qui risque d’être gaspillée (voir ci-bas). J’aurais tout aussi bien pu être covidé avant ce rdv, me casser une jambe, trouver du travail loin de Paris, aller à la rescousse de quelqu’un en région, etc. et rien ne dit que l’une ou l’autre de ces éventualités n’arrive pas.
touiteur est pas le royaume de l’entraide :) et on trouve pas des masses de forêts de Sherwood, pas de réponses utile à ce qui suit
Fréquentant avec précautions +++ et non sans inquiétude des proches âgés isolés qui refusent de se faire vacciner, je cherche, sans succès, à bénéficier à Paris et environs d’un reliquat Pfizer -pour éviter d’être « porteur sain »- qui risquerait d’être gâché. Mes dm sont ouverts.
c’est moi qui finit par indiquer un moyen de se faire vacciner et de ne pas gâcher de doses lorsque l’on est pas encore ayant droit
Pour qui veut se faire vacciner avec des « restes » d’astra zénéca (très bon si on voit pas des non vaccinés à gros risques), il y a un moyen simple : se signaler en pharmacie (ils se font pas mal de blé sur ce taff...) pour être appelé pour les doses non utilisées.
Santé Publique France, encore des problèmes de collecte et de traitement de données ? Déjà 20h et aucune statistique, ni info diffusée, …
mon job GitHub attend depuis 4h
▻https://github.com/coviiid/coviiid.github.io/runs/2186165979?check_suite_focus=true
en attendant, dans le 94, ils ont pris cher, plus que les autres en IDF :
ah, c’est sorti, sans doute vers 23h, avec ce communiqué :
COVID-19 : chiffres clés et évolution – Santé publique France
►https://www.santepubliquefrance.fr/dossiers/coronavirus-covid-19/coronavirus-chiffres-cles-et-evolution-de-la-covid-19-en-france-
Information : suite à l’incident survenu hier sur le flux des données n’ayant pu être intégrées dans la base SI-DEP transmise à Santé publique France, le nombre total de cas confirmés publié ce jour est à la hausse car il intègre le rattrapage des données de la veille. Il n’est donc pas à interpréter comme une augmentation exponentielle du nombre de cas quotidiens bien qu’une tendance générale à la hausse soit néanmoins constatée. Cet incident n’a pas d’impact sur les indicateurs consolidés à J-3 disponibles sur la plateforme Géodes. Les 65 373 cas positifs sont des résultats de tests positifs en date de lundi 22/03 (37 572) ou mardi 23/03 (24 882) ou des jours précédents.
résultats, là ▻https://seenthis.net/messages/908059
« En utilisant la technologie de modification du visage sur FaceApp et les outils de retouche de Photoshop, le Japonais de 50 ans s’est présenté comme une motarde "kawaii". [...] Convaincu que personne ne voudrait suivre un "vieux", il a continué la ruse jusqu’à atteindre 17’000 followers. »
►https://fr.motor1.com/news/495447/influenceuse-japon-femme-homme
#moto #FaceApp #Instagram #Photoshop #Twitter #influenceur #mensonge #personal_branding #djandeur
L’URL a été modifiée depuis :
►https://fr.motor1.com/news/495447/influenceuse-japon-femme-homme
#seenthis_bug ? Le retrait du / final cause une anomalie sur le site de destination.
Ah, on ne peut pas indiquer le vrai URL ? ►https://fr.motor1.com/news/495447/influenceuse-japon-femme-homme
Ah, en effet, il est massacré :-(
Entre nous, je trouve que le bug est autant côté motor1 que côté seenthis. SeenThis ne devrait pas modifier l’URL qu’on lui donne - mais il y a peut-être une raison ? motor1 ne devrait pas ne pas reconnaître l’URL, juste parce qu’on a supprimé le / final, il doit avoir un paquet de 404 dans ses fichiers de logs.
Pas trop d’accord. Rien dans la norme ne dit que ►http://example.org/toto et ►http://example.org/toto doivent tous les deux marcher et tous les deux donner le même résultat. C’est courant, oui, mais pas obligatoire.
(La norme dit par contre que ►http://example.org et ►http://example.org sont équivalents, mais ce n’est pas la même chose.)
Je suis d’accord avec toi. Mais.
Je me fais parfois avoir sur la définition d’alias avec nginx ou apache, ("Location /toto" <> « Location /toto/ ») où ce sont les utilisateurs qui se font jeter, et où j’enlève bien vite le / final qui est en cause en ne laissant que « Location /toto ».
Dans le mail de notification, ST ne fait pas le ménage... Il doit y avoir moyen qu’il ne le fasse pas non plus dans le lien.
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
______________________________________
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
