Super idée :
Richard Gotainer - Rupture de stock
Soundforce - The Fin Du Monde
Didier Super - On va tous crever
Nino Ferrer - Blues en fin du monde
▻https://www.youtube.com/watch?v=-rXZ4PkB7y0
Milk Coffee Sugar - Prévu Pas Prévu
►https://www.youtube.com/watch?v=Vj12ek3h2WQ
Jacques Dutronc - L’avant guerre c’est maintenant
▻https://www.youtube.com/watch?v=yXcci8aF1fM
Claude Nougaro - Il y avait une ville
▻https://www.youtube.com/watch?v=n4LjMON5ZcA
Les Cowboys Fringants - Plus rien
▻https://www.youtube.com/watch?v=WygtbPEtVWQ
Sanseverino - Swing 2012
▻https://www.youtube.com/watch?v=Sokt-NLu2Ms
#Musique #effondrement #collapsologie #catastrophe #fin_du_monde #it_has_begun #Anthropocene #Anthropocène #capitalocène
Mieux vaut en rire que s’en foutre - Didier Super
▻https://youtu.be/-zwkkXO55Y4
Et en anglais:
R.E.M. - It’s The End Of The World
►https://www.youtube.com/watch?v=Z0GFRcFm-aY
The Doors - The End
▻https://www.youtube.com/watch?v=JSUIQgEVDM4
Muse - Apocalypse Please
▻https://www.youtube.com/watch?v=YFrl01aPPkA
Ma contribution à la compil avec ce titre très intimiste de Radiohead (How to disapear completely) :
George Michael - Praying for Time (1990) :
►https://www.youtube.com/watch?v=goroyZbVdlo
Nick Cave - (I’ll Love You) Till the End of the World (1991)
▻https://www.youtube.com/watch?v=qzp8I-naJOg
U2 - Until the end of the world (1991)
▻https://www.youtube.com/watch?v=QSUMYlheSNQ
Skeeter Davis - The End of the World (1963)
▻https://www.youtube.com/watch?v=iEMLGmQjLRY
Sex Pistols - God Save The Queen (1977)
▻https://www.youtube.com/watch?v=BIlUvEOhFos
The Waterboys - Song from the end of the world (1990)
▻https://www.youtube.com/watch?v=IhPCYGhRce8
Bob Geldof - The End of the World (1990)
▻https://www.youtube.com/watch?v=i00VXjMNbwc
Tom Waits - The earth died screaming (1992)
▻https://www.youtube.com/watch?v=jSdsWEi2Hho
The Cure - The End of the World (2004)
▻https://www.youtube.com/watch?v=AlCppz0UVR8
Jean Leloup - La Fin Du Monde Est À 7 Heure (2005)
▻https://www.youtube.com/watch?v=za7zKjQaZZo
Playlist plus propre ici :
►https://seenthis.net/messages/587048
Paris : Une carte interactive raconte l’origine des noms de 6.840 rues de la capitale
Fabrice Pouliquen | Publié le 25.11.2016
▻http://www.20minutes.fr/paris/1968263-20161125-paris-carte-interactive-raconte-origine-noms-6840-rues-ca
TOPONYMIE Sur Paristique, il suffit de cliquer sur les petits points pour accéder à l’histoire des noms des rues de Paris. Et certains vont vous surprendre, comme la rue du Pélican ou celle du Petit-Musc…
La Suède passe à la journée de travail de 6 heures ! Un vrai succès pour les salariés et les patrons
►https://francais.rt.com/economie/7657-suede-passe-journee-travail-6-heures-efficace-bien-etre-employes
De plus en plus d’entreprises suédoises sont en train d’adopter la journée de travail de 6 heures, au lieu des 8 conventionnelles. Le but ? Rendre les salariés plus efficaces sur un temps plus court et leur permettre de mieux profiter de leur famille
Mieux profiter de leur famille... pourquoi pas juste mieux profiter de la vie !
L’islam, objet médiatique
▻http://islam-objet-mediatique.fr
L’islam dans la presse quotidienne nationale - 1997-2015
Analyse
Part-of-speech tagging : TreeTagger (avec le corpus français)
Compte d’occurrence : Pandas (python)
Constitution des matrices Document-Terme : Sci-Kit Learn (python)
Visualisation
d3.js
Interface de publication
Angular 2
J’ai fait avec Mosquito le site d’Avec-Vous Design (avec qui on travaille régulièrement sur les installations d’écrans interactifs) :
▻http://www.avecvousdesign.com/spip
▻http://www.avecvousdesign.com/spip/S-21-Fontainebleau
C’est #SPIP #HTML5 #responsive évidemment.
À noter :
– le menu de navigation déclenché par un menu hamburger (en haut à gauche), qu’on privilégie désormais (malheureusement encore beaucoup de clients n’en veulent pas en grand écran) ; ici particularité : le logo de la boîte qui slide vers le haut du menu de navigation en changeant de largeur ;
– dans le slider de page d’accueil (oui, je sais…), le petites transitions CSS qui provoquent l’apparition du texte, c’est assez mignon comme trouvaille,
– pas mal de boulot sur les pages du « portfolio » :
▻http://www.avecvousdesign.com/spip/TMT-Francois-Xavier
l’image en plein écran en haut de page évidemment, mais surtout les deux colonnes qui scrollent de manière différenciée (à gauche le texte, à droite les images), de façon à démarrer et terminer en même temps le scroll (généralement : la colonne d’image scrolle moins vite que la colonne de texte). Pas évident à régler… (sur petit écran, présentation différente avec un pavé d’images en bas de page).
– la présentation des rubriques de portfolio (les carrés qui s’animent, la sélection de sous-rubriques dans la même page…) :
▻http://www.avecvousdesign.com/spip/Portfolio
– sur la page « Actualités », en mode #longform :
▻http://www.avecvousdesign.com/spip/Actualites
La présentation de plusieurs images successives sur la même ligne (ou plusieurs lignes selon la taille de l’écran).
C’est joli et très clair, super. :)
Mais :
malheureusement encore beaucoup de clients n’en veulent pas en grand écran
Et ils ont raison !
Masquer le menu principal dès le départ, c’est une mauvaise pratique ergonomique. Et apparemment les dernières études utilisateurs ont fait re-changé l’ergonomie de nombreux gros acteurs du web (qui, c’est certain, sont assez bien informés vu le retour sur investissement qu’ils cherchent, et qu’ils font tous très attention au moindre changement d’interface) pour revenir à afficher au moins les entrées principales les plus importantes dès le départ SANS hamburger, directement visibles, et cela y compris en mobile tout petit écran. FB, Google, Twitter, Airbnb et plein d’autres sont tous revenus a des menus directement visible pour les entrées principales…
Donc c’est exactement l’inverse que l’état actuel des connaissances (et des utilisateurs, car les utilisateurs changent évidemment) conseille actuellement :
1) bien garder le menu principal visible en grand écran (au moins les entrées principales) sans rien avoir à cliquer
2) le garder aussi en petit écran, au moins pour les 3/4/5 entrées principales
Quand il y a beaucoup d’entrées (ce qui n’est pas le cas de ton site là) la solution est d’afficher 3 ou 4 choses plus un dernier bouton « more » (que ce soit un hamburger, trois petits points horizontaux ou verticaux, ou un mot « more », « plus »…)
►http://seenthis.net/messages/397625
+
▻http://seenthis.net/messages/258219
Et au passage, quand on utilise un bouton de menu et qu’il n’est pas dans une barre de menus avec plusieurs entrées (ce qui permet de deviner que tous les éléments de la même barre sont cliquables), les tests utilisateurs montrent apparemment que l’icône hamburger seule est très mal comprise :
▻http://seenthis.net/messages/241675
Et que ce qui compte c’est :
1) avoir un fond ou des bordures qui permettent de deviner que c’est un bouton cliquable (la bordure augmente beaucoup les clics)
2) avoir un mot « menu », avec ou sans icône, augmente encore beaucoup plus les clics : l’icône hamburger peut alors décorer en plus le mot, mais c’est juste une déco, l’important étant d’avoir un vrai mot
| ≡ Menu |
(et donc @visionscarto n’est pas super de ce point de vue là non plus :D)
c’est clair que pour 2016 on espère voir des améliorations dans la navigation de @visionscarto
Hello @arno, dis moi, ton truc de « synchronisation du scroll entre deux colonnes », à tout hasard, l’aurais-tu codé dans une fonction un peu générique ? Est-ce qu’on peut l’appliquer à n’importe quelle paire de colonnes côte à côte ?
J’utilise Sticky Kit, qui fait un truc similaire mais pas pareil : ça fait devenir « fixed » la colonne la plus petite le temps qu’elle rattrape l’autre, puis ça s’arrête.
▻http://leafo.net/sticky-kit
Mais toi ta méthode c’est de faire un effet de ralentissement du scroll sur la plus petite colonne, je trouve ça plus sobre et plus discret.
Yorait moyen d’en faire une lib générique, tu penses ?
Mmmh ok, j’ai trouvé ça :
▻http://www.avecvousdesign.com/spip/squelettes/javascript/scroll_colonnes.js
Et c’est donc pour l’instant très propre au HTML et classes du site en question. Si j’ai le temps de m’y pencher… :)
Là-bas si j’y suis, novembre 2016 — Émission mensuelle avec l’équipe du Monde diplomatique [#radio : 1h33]
▻http://la-bas.org/les-emissions-258/les-emissions/2016-17/fraudeur-casseur-polygame #st
Quelques jours après la victoire de Donald Trump, Là-bas si j’y suis reçoit au Lieu-Dit l’équipe du @mdiplo pour évoquer la politique étrangère du futur président des États-Unis et la bataille pour libérer Mossoul.
L’occasion aussi de faire un petit tour d’Europe de l’obscurantisme : en Pologne où les militants catholiques brandissent les évangiles et Jean-Paul II pour justifier le durcissement des lois contre l’avortement qui sont déjà les plus restrictives d’Europe. En Hongrie, où le nationalisme frénétique de l’extrême droite est porté par des groupes de rock. Restaient, pour se consoler, les câlins prodigués à 32 millions de personnes par Amma, la gourou indienne. Une « maman » honorée par les Nations Unies et reçue par le pape, qui a créé un empire où l’argent coule à flots.
En seconde partie, comment tordre le cou aux idées fausses et aux déclarations sur les pauvres et la pauvreté qui se libèrent, qui sont colportées par une certaine presse, comme Valeurs Actuelles, et qui sont proclamées par le Front National, pour qui les pauvres sont des « tricheurs, fraudeurs, casseurs et polygames ».
▻http://zinc.mondediplo.net/messages/42541 via Le Monde diplomatique
Voici comment les #médias français voient le monde | Dans mon labo
▻http://dansmonlabo.com/2016/01/24/le-monde-vu-par-les-medias-francais-990/?media=DI
▻http://zinc.mondediplo.net/messages/16452 via Le Monde diplomatique
PHP : hash - Manual
▻http://php.net/manual/en/function.hash.php
Pour chiffrer une chaine de caractères (mot de passe etc), utiliser de préférence hash()
avec l’algo sha256
plutôt que md5()
Name of selected hashing algorithm (e.g. “md5”, “sha256”, “haval160,4”, etc..)
#chiffrement #php #sha256
Impôts, fraude, assistanat, vote réac : ces préjugés sur les pauvres qui ne supportent pas l’épreuve des faits
▻http://www.bastamag.net/Impots-fraude-chomage-volontaire-ces-prejuges-sur-les-pauvres-qui-ne-passe
Alors que la campagne présidentielle démarre, les discours anti-pauvres et anti-immigrés font plus que jamais recette. Fraude aux allocations, faible participation à l’impôt, violences conjugales, natalité excessive, oisiveté, pollution... A en croire les colporteurs de ces préjugés, ceux qui possèdent le moins seraient responsables de tous les maux qui frappent la société. Sauf que... faits, chiffres et études battent en brèche ces faux arguments, qui nous détournent des vrais responsabilités. (...)
/ #Classes_populaires, #Migrations, #Protections_sociales, #Discriminations, #Inégalités, #Revenus, Quel avenir pour nos protections sociales ?, A la (...)
L’épopée des encodages - Comprendre les encodages • Tutoriels • Zeste de Savoir
▻https://zestedesavoir.com/tutoriels/1114/comprendre-les-encodages/2-histoire
Le principe du codage du texte en informatique : jeux de caractères et encodages.
Qu’un caractère n’est pas un octet. Ni même un nombre fixe d’octets. Que les programmeurs se le disent !
Les principaux encodages : ASCII, latin-1, #UTF-8, pour n’en donner que trois.
Leurs usages actuels.
#encodage #texte #informatique
En pratique : jongler avec les encodages
▻https://zestedesavoir.com/tutoriels/1114/comprendre-les-encodages/3-pratique
Convertir un fichier
On peut aussi convertir un fichier sans passer par un éditeur. C’est par exemple la fonction d’iconv, programme en ligne de commande disponible sur les unixoïdes (il a donné son nom à l’API standard, intégrée à la glibc, qui fait la même chose).
#conversion #réparation #cli #iconv #charset
La confusion des sentiments, par Renaud Lambert (Le Monde diplomatique, novembre 2016)
►http://www.monde-diplomatique.fr/2016/11/LAMBERT/56795
Entre 2005 et 2014, la France a enregistré à la fois la plus forte hausse des revenus des 10 % de la population les plus riches et la plus forte baisse de ceux des 20 % les plus pauvres. En comparaison, le Royaume-Uni fait figure de sanctuaire socialiste : les revenus les plus élevés y ont reculé sur la même période, cependant que ceux des 30 % les plus pauvres augmentaient nettement. L’étude accrédite le « sentiment de déclassement » des Français : 63 % des ménages du pays ont enregistré une stagnation ou un recul de leurs revenus en une décennie…
Les recommandations de Joseph Stiglitz et Mark Pieth pour lutter contre les paradis fiscaux
▻http://abonnes.lemonde.fr/economie/article/2016/11/15/les-recommandations-de-joseph-stiglitz-et-mark-pieth-pour-lutter-con
Parmi les mesures que prônent le prix Nobel d’économie et l’expert suisse figure le déploiement, au plan mondial, de deux grandes mesures conçues et portées, depuis la crise financière de 2008, par l’OCDE : l’échange d’informations entre pays sur les contribuables (comptes bancaires, part de sociétés, intérêts financiers divers etc.) et l’obligation de révéler l’identité des bénéficiaires effectifs des sociétés écran (trusts, sociétés commerciales...) et des comptes bancaires ouverts par des prête-noms. Par exemple grâce à la tenue de registres dans ces territoires offshore, tenus par les banques, les avocats ou les autorités de contrôle.
Si la mise en place du premier point a été endossé par le G20 (groupe des vingt pays les plus riches) et est bien avancé – l’OCDE ayant déjà arraché, de haute lutte, depuis deux ans, l’accord de plus de cent pays pour la mise en place de systèmes d’échange automatique de données à l’horizon 2017 ou 2018 –, le second point est encore loin de faire consensus.
Il fait actuellement l’objet de débats et de réglages au sein des grandes instances de réflexion et de régulation mondiales comme l’OCDE et le GAFI (Groupe d’action financière), l’organisme intergouvernemental chargé de la lutte contre le blanchiment de capitaux et le financement du terrorisme.
Marine Le Pen says she will become French president after Brexit and Donald Trump’s victory | The Independent
▻http://www.independent.co.uk/news/world/politics/marine-le-pen-marr-french-president-brexit-trump-marr-us-elections-a7
Steve Bannon, who helped Trump to victory, may be named his chief of staff, and is also executive chair of the right-wing #Brietbart News group, recently told French media he believed “France is the place to be, with its young entrepreneurs [and] women of the family Le Pen” adding that “Marion Marechal-Le Pen is the new rising star”.
Minds - Wikipedia
▻https://en.wikipedia.org/wiki/Minds
Minds is an open source social networking service, headquartered in New York City. Elements of the global hacktivist collective Anonymous showed initial support for Minds, based on its foundation of transparency and privacy.[3]
#facebook #alternative #cccp (via @neofutur)
Your Body Text Is Too Small
▻https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902
The majority of websites are still anywhere in the range of 15–18px. We’re starting to see some sites adopt larger body text at around 20px or even greater on smaller desktop displays, but not enough in my opinion.
Some examples of serif fonts that work well for large body text include Equity, Franziska, Leitura News, Merriweather, Miller, PT Serif, and Tisa.
...
Some examples of sans-serif fonts that work well for large body text include Atlas Grotesk, Futura, Lato, Maison Neue, Real Text, Roboto, and Suisse Int’l.
▻http://la-bas.org/les-emissions-258/les-emissions/2016-17/cahuzac-le-pouvoir-savait
▻https://www.youtube.com/watch?v=PbRHh8Fi6pw
« Tout le monde savait. La seule chose que l’oligarchie reproche à Jérôme Cahuzac, c’est d’avoir craqué ». Pas d’avoir triché et menti. Monique PINÇON-CHARLOT et Michel PINÇON étudient les riches depuis trente ans. Ils ont suivi le procès de l’ancien ministre du budget.
Récit éclairant et emblématique des pratiques d’une classe sociale qui se serre les coudes, cache ses privilèges, dissimule son fric, cultive son entre-soi et use de la violence verbale. Ainsi leurs hurlements à l’annonce de la création du centre d’hébergement pour sans-abris dans leur seizième arrondissement, leur mépris pour Nuit Debout et ceux qui y participent. Le tout nappé d’un sens de l’analyse politique particulièrement pertinent : « Ce sont les socialistes qui créent les pauvres ! ».
Qui sont les Amis du Diplo ? Retour sur 20 ans d’engagement dans le débat d’idées
▻https://www.youtube.com/watch?v=CClHXjKXR4E
▻http://zinc.mondediplo.net/messages/39599 via Les Amis du Diplo
Module de Paiement Stripe
Stripe est un prestataire de paiement externe qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents.
#upup - The #offline First Library
▻https://www.talater.com/upup
UpUp est une bibliothèque #javascript légère, en ajoutant des fonctionnalités offline aux pages web. Grâce à des #service_workers, le navigateur va mettre en cache les données et assets spécifiées par UpUp pour les réafficher en cas de déconnexion et d’appel de la page. Propose un tuto pour la prise en main et une doc pour l’API de la lib.
Je n’ai pas encore migré sur HTTPS (vivement ►https://letsencrypt.org ), donc pas encore pris le temps de tester les Services Workers.
J’ai commencé à virer AppCache là où j’en avais mis, par contre… ;-)
Si je comprends bien ▻https://davidwalsh.name/dont-wait-serviceworker-adding-offline-support-oneline
Il faut aussi prévoir de compléter pour la moitié des navigateurs qui ne gèrent pas le serviceworker avec autre chose, ▻https://pouchdb.com/learn.html ?
Oui et non, ce sont deux choses différentes. SW sert essentiellement à cacher des resources ; Pouch sert de base de données synchronisée et offline. C’est plus pour mettre du JSON que tu peux synchroniser avec Couch super facilement.
Les browsers qui n’ont pas SW, eh ben ils n’ont pas d’offline. C’est pas grave.
C’est forcément génant d’une façon ou d’une autre d’utiliser un navigateur désuet. Mais ça, on n’y peut pas grand chose.
Getting Started Guide
▻https://pouchdb.com/getting-started.html
In this tutorial we will write a basic Todo web application based on TodoMVC that syncs to an online #CouchDB server. It should take around 10 minutes.
PHP : Sous-masques - Manual
▻http://php.net/manual/fr/regexp.reference.subpatterns.php
(?:(?!string).)
?: makes a subpattern
?! is a negative look-ahead.
Putting negative look-ahead before the dot causes regex engine to first find any occurrence of the negative look-ahead string, and only then, if the negative look-ahead string is not present, should an arbitrary character (due to the dot) match.
Du coup avec #spip pour trouver les fichiers mp3 dans le repertoire $repertoire
, mais pas dans un sous-repertoire XXX (ie qui ne contiennent pas /XXX/
dans le path), on peut écrire :
$u = preg_files($repertoire, "^$repertoire(?:(?!/XXX/).)+mp3$");
var_dump($u);
Dis @BoOz, comment tu met en forme le code sur Seenthis ? ( avec <code> </code> ça marche pô ... )
Avec des backticks comme dans Markdown, cf : ►https://seenthis.net/messages/254017#message254118
David Graeber on the Value of Work - RSA
▻https://www.thersa.org/discover/videos/rsa-shorts/2016/david-graeber-on-the-value-of-work
David Graeber on the Value of Work. Does the world really need neuroadvertisers, PR researchers and branding consultants? Renowned academic and coiner of the ‘we are the 99%’ slogan, David Graeber is a passionate advocate for meaningful work. After famously condemning the 21st century phenomenon of ‘bullsh*t jobs’, in this short animation he investigates the philosophical underpinnings of employment, and calls for a reformulation of what work should be.
▻https://www.youtube.com/watch?v=tpoJIkqEXYo
Animation par ▻https://jackdubben.com
Economics Is For Everyone! - RSA
▻https://www.thersa.org/discover/videos/rsa-animate/2016/economics-is-for-everyone
This is the video economists don’t want you to see! Chang explains why every single person can and SHOULD get their head around basic economics. He pulls back the curtain on the often mystifying language of derivatives and quantitative easing, and explains how easily economic myths and assumptions become gospel. Arm yourself with some facts, and get involved in discussions about the fundamentals that underpin our day-to-day lives.
▻https://www.youtube.com/watch?v=NdbbcO35arw
Animation par : ▻https://www.wearecognitive.com
Alerte : le tourbillon de déchets dans le Pacifique est plus grand que tout ce qu’on aurait imaginé | Daily Geek Show
▻http://dailygeekshow.com/dechets-pacifique-grandeur
Situé entre Hawaï et la Californie, cette immense poubelle flottante s’étend sur plus de 3,5 millions de kilomètres carrés. C’est près de 5 à 6 fois la superficie de la France. La taille du centre du vortex atteint près d’un million de kilomètres carrés. Ses dimensions changent continuellement, les déchets étant acheminés par les courants marins. Cette zone du Pacifique est maintenant devenue une véritable soupe de petits et de gros déchets plastiques que les poissons peuvent ingérer. Selon le programme des Nations unies pour l’environnement (PNUE), le grand vortex de déchets grossit si vite qu’il en devient visible depuis l’espace, à l’instar de la Grande muraille de Chine.
Difficile de trouver des vraies photos du vortex, même pas satellite, car ça c’est récent que ça puisse se voir de l’espace, mais déjà sur place quoi. On trouve juste des schémas, ou alors des photos de montagnes de déchets complètement ailleurs, mais pas du vortex pacifique. Pourtant il y a déjà eu plusieurs expéditions de bateaux directement à l’intérieur.
Le monde se referme : la carte des murs aux frontières
►http://www.franceculture.fr/geopolitique/le-monde-se-referme-la-carte-des-murs-aux-frontieres
« Le #barbelé est un produit très en demande en ce moment ». Les matériaux (béton, électrification, sable...), les dispositifs (miradors, clôture discontinue ou non, quartiers séparés, #forces_militaires, #technologie_biométrique...), donc les coûts, les objectifs (lutte contre l’immigration, la contrebande, raisons de sécurité ou contentieux territorial...) et l’efficacité des différents #murs sont particulièrement contrastés d’un pays à l’autre. Mais toutes ces fortifications signalent un même phénomène : une logique de fortification de la #frontière. Alors que les « vieux murs » servaient à éviter que les conflits ne dégénèrent (Chypre, Inde / Pakistan, les deux Corées...), aujourd’hui, il s’agit de blinder la frontière, d’en faire une « #sur-frontière ».
▻http://radiofrance-maps.carto.com/u/radiofrance/viz/1dc6e748-2642-11e6-a921-0ea31932ec1d/public_map
▻http://radiofrance-maps.carto.com/u/radiofrance/viz/1c6d5aa6-2662-11e6-9ca2-0e787de82d45/public_map