A day without Javascript
▻https://sonniesedge.co.uk/blog/a-day-without-javascript
This is the web, not the Javascript App Store, and we should be making sure that things work on even the most basic device.
A day without Javascript
▻https://sonniesedge.co.uk/blog/a-day-without-javascript
This is the web, not the Javascript App Store, and we should be making sure that things work on even the most basic device.
Passive Fingerprinting of HTTP/2 Clients
▻https://www.akamai.com/uk/en/multimedia/documents/white-paper/passive-fingerprinting-of-http2-clients-white-paper.pdf
"This paper demonstrates how these new implementations create small nuances, which differentiate HTTP/2 clients from one another. In addition, we have shown how these unique implementation features can be leveraged to passively fingerprint web clients. Our research shows that passive HTTP/2 client fingerprinting can be used to deduce the true details about the client’s implementation — for example, browser type, version, and sometimes even the operating system. This technique can be used to better detect clients that spoof or don’t report their User-Agent string, and at the same time increase confidence in User-Agent strings reported by legitimate (...)
D’accord Robert, on va peut-être commencer à écrire jeux vidéos
▻http://www.numerama.com/sciences/263296-daccord-robert-on-va-peut-etre-commencer-a-ecrire-jeux-videos.html
« Le Robert préfère aller dans le sens d’une régularisation du pluriel, comme pour les autres adjectifs en –o (paranos, machos, barjos, cathos, fachos) ; cet emprunt à l’anglais qui vient du latin est déjà francisé par l’accent, il est logique de lui donner un polypier régulier (d’autant plus que le pluriel du nom, des vidéos, ne pose pas de problème). C’est la forme recommandée par les rectifications de l’orthographe de 1990 »
Floating labels are problematic
▻https://medium.com/simple-human/floating-labels-are-a-bad-idea-82edb64220f6
Forms are not a source of entertainment. The floating label won’t make users enjoy using forms. Users don’t care. They just want the outcome.
Semantics - MaintainableCSS - an approach to writing modular, scalable and maintainable CSS
▻https://maintainablecss.com/chapters/semantics
“Semantic classes are a corner stone of MaintainableCSS. Without them, everything else makes little sense. So name something based on what it is and everything else falls into place.”
How to Beat Google’s Mobile Page Speed Benchmarks
▻https://www.searchenginejournal.com/mobile-page-speed-benchmarks/194511
“It might seem easier initially to use a mobile-friendly alternative like AMP or Facebook Instant Articles. But that would be a mistake. Here’s why.”
AWS Lambda : Comment Alexa a appris à lire le journal 20 Minutes D2SI Blog
▻http://blog.d2-si.fr/2017/05/24/20minutes-aws-lambda
« Avec un faible coût d’entrée et une mise en œuvre rapide, les architectures Serverless sont un bon terrain pour expérimenter et tester de nouveaux services innovants. L’équipe IT de 20 Minutes a ainsi récemment développé un skill pour Alexa, accessible au public francophone aux États-Unis et au Royaume-Uni. Aurélien Capdecomme, CTO chez 20 Minutes, a répondu à nos questions sur ce projet mené avec AWS Lambda. »
Accessibility in a Responsive World
▻https://www.filamentgroup.com/lab/accessibility-funka.html
#slides_a11y_RWD_clevermarks
Hackers Came, but the French Were Prepared
▻https://www.nytimes.com/2017/05/09/world/europe/hackers-came-but-the-french-were-prepared.html?smid=tw-share&_r=0
“We went on a counteroffensive,” said Mr. Mahjoubi. “We couldn’t guarantee 100 percent protection” from the attacks, “so we asked: what can we do?” Mr. Mahjoubi opted for a classic “cyber-blurring” strategy, well known to banks and corporations, creating false email accounts and filled them with phony documents the way a bank teller keeps fake bills in the cash drawer in case of a robbery.
Wait, WebP is actually worth it. — @zachleat
▻https://www.zachleat.com/web/webp
“Wow. From 17.9MB down to 1.5MB total. That’s a 91.6% decrease.”
Generating Datasets with Varied Appearance and Identical Statistics
▻https://www.autodeskresearch.com/publications/samestats
“Same Stats, Different Graphs: Generating Datasets with Varied Appearance and Identical Statistics through Simulated Annealing”
CONCLUSION
We presented a technique for creating visually dissimilar datasets which are equal over a range of statistical properties. The outputs from our method can be used to demonstrate the importance of visualizing your data, and may serve as a starting point for new data anonymization techniques.
Samsung DeX brings a new Dimension to the Mobile Web
▻https://medium.com/samsung-internet-dev/samsung-dex-brings-a-new-dimension-to-the-mobile-web-f80d7edcab29
“If you use a Progressive Web App regularly in the browser, we will prompt you to install it on the third day of using it in two weeks.”
Création d’un GIF animé dans Photoshop
▻https://helpx.adobe.com/fr/photoshop/how-to/make-animated-gif.html
#GIF_animated_Photoshop_tutorial
Seenthis, toi qui t’y connais en cartographie… le NY Times vient de faire un article de carto sur l’élection, avec en vedette une grande carte de France prétendant prétendant figurer « où chaque candidat a dominé dans le pays » (et évidemment ça commence à buzzer) :
▻https://www.nytimes.com/interactive/2017/04/23/world/europe/french-election-results-maps.html
Il me semblait que ce n’était généralement pas une bonne idée de faire ce genre de cartes qui représente à égalité des régions avec moins de 5 habitants au km2 et des villes avec plus de 15.000 habitants au km2. Peux-tu me dire si c’est une bonne idée ici, ou pas ?
Par ailleurs, est-ce que c’est vraiment intéressant de faire une carte qui agrège 4 candidats géographiquement en n’en représentant qu’un seul pour chaque endroit, sans qu’on sache l’« intensité » de son score ?
Et enfin, si le titre de l’article prétend représenter « comment l’élection a divisé la France », n’y a-t-il pas des représentations plus parlantes pour représenter cette éventuelle division qu’une grande carte de France ?
Bonjour
cela n’est pas inintéressant de faire ce genre d’exercice mais la question est celle du périmètre retenu. Il vaut mieux éviter de mélanger des communes de taille et de population trop différente.
Un des pbs de la carte du NYT soit dit en passant c’est d’avoir désolidarisé la légende
En 2012, des géographes avait fait un exercice similaire sur le candidat arrivé en tête, pour une carte assez proche, mais prenant les cantons plutôt que les communes comme maille de base, l’idée étant de montrer les sensibilités électorales géographiques avec l’idée que l’originalité c’est justement qu’elles reflètent des tendances spécifiques pour être isolées, s’opposant par exemple au discours opposant les villes centres aux « périphéries » : un dualisme simplificateur.
en regardant plus attentivement la carte et en lisant l’article géographie électorale du Monde ce matin, ▻http://abonnes.lemonde.fr/election-presidentielle-2017/article/2017/04/24/la-france-traversee-par-une-double-fracture_5116290_4854003.html notons que si les villes sont effectivement caractérisées par la faiblesse du vote Le Pen (argument de l’article), en revanche le ras de marée Macron est à relativiser : Marseille, Toulouse et Grenoble au moins ont mis Mélenchon en tête. Mélenchon est souvent deuxième. On retrouve aussi une belle banlieue rouge en arc de cercle du nord au sud de Paris en passant par l’est. Une vision plus complexe des villes est nécessaire.
Des cartes en veux-tu en voilà avec les défauts mentionnés plus haut : mêmes causes, mêmes effets ; en prenant les communes comme « élément d’échantillon », on arrive à nous faire croire que la France est devenue « bleu-marine ». Ce qui est navrant, ce qu’on ne représente pas les pourcentages d’abstention ou vote blancs/nuls comme si c’était une maladie honteuse de notre « démocratie » ...
Voilà une des cartes en question (En .gif animé s’il vous plaît) qui risque de donner lieu à une sur-interprétation de la part de quelques éditocrates en mal de sensations fortes.
►http://www.francetvinfo.fr/politique/marine-le-pen/avant-apres-presidentielle-regardez-l-evolution-du-vote-par-communes-en
Sinon, c’est une bonne idée de « pondérer » la représentation cartographique en fonction de la population.
À la bourre ce matin à Dakar mais je veux revenir longuement sur cette question. @fil a aussi beaucup de choses à apporter ici. Moi, plus tard.
En attendant @reka (coucou !)
la version du Télégramme qui présente 4 couples (2012 ; 2017) de cartes fondées sur le même principe : le candidat arrivé en tête dans la commune (au détail près que le 4ème est B. Hamon (en tête nulle part…) et non pas E. Macron
▻http://www.letelegramme.fr/dataspot/presidentielle-2012-2017-quatre-cartes-qui-resument-tout-24-04-2017-114
(nb mensuel d’articles consultés limité à 5, mais pas trop difficile à contourner…)
Je mets 2 des 4
Le Pen
Fillon
Je trouve que cette carte en anamorphorphose à à l’échelle communale est assez intéressante
voir aussi sur le cas de Paris d’intéressantes cartes qui montrent que les électorats Mélenchon et Hamon se superposent assez nettement. De là à dire que ce sont les mêmes profils, il y a qd même un grand pas...
Via Renaud Epstein sur twitter
▻https://twitter.com/renaud_epstein/status/856858399027470336
–—
et JC FIchet aussi sur twitter
►http://www.liberation.fr/elections-presidentielle-legislatives-2017/2017/04/25/pourquoi-la-simple-carte-n-est-pas-toujours-la-meilleure-forme-pour-racon
Sur le site de la NRK en Norvège, ils ont osé faire une carte avec Macron représenté comme un dangereux communiste ! :)
Elle a un aspect complètement vérolée cette France anamorphique. Les croûtes violacées à coté de bubons jaunes veinés de rouge et bleu donnent un effet parfaitement affreux.
Je nourris le fil
Qui a voté quoi ?
▻https://www.franceculture.fr/emissions/du-grain-moudre/qui-vote-quoi
Les infographistes de la presse écrite se sont-ils réunis en secret autour d’un même nuancier ? Ont-ils choisi ensemble les codes couleurs qu’ils allaient attribuer aux candidats à la présidentielle ?
A examiner les cartes des résultats du premier tour publiés depuis hier, on est tenté de répondre par l’affirmative.
Sans surprise, Mélenchon est en rouge, Fillon en bleu. Hamon en rose pâle. Macron : un mélange des trois précédentes couleurs a bien été tenté mais ça n’était pas concluant : alors va pour le orange ! Il n’y a guère que Le Pen qui semble avoir divisé : plutôt mauve foncé pour les uns, plutôt brun pour les autres.
A part ça, que nous racontent ces cartes ?
Que la France est coupée en deux, voire en trois ou en quatre, selon l’endroit où l’on situe le point de fracture. L’Est d’un côté, l’Ouest de l’autre ; la France des villes face à la France des champs ; celle qui a les moyens face à celle qui ne les a pas.
On ploie depuis dimanche soir sous les statistiques et les informations. Il était donc temps, avec un peu de recul, de refaire un point.
‘’Qui a voté quoi ?’’
géographie électorale - Métropolitiques
▻http://www.metropolitiques.eu/+-geographie-electorale-+.html
géographie électorale
Les votes à droite en périurbain : « frustrations sociales » des ménages modestes ou recompositions des classes populaires ?
30 avril 2012, par Violaine Girard
Vote et géographie des inégalités sociales : Paris et sa petite couronne
16 avril 2012, par Jean Rivière
La carte et le sondage
11 avril 2012, par Joël Gombin & Jean Rivière
Les petits pavillonnaires : perdus pour la gauche ?
21 mars 2012, par Marie Cartier & Isabelle Coutant & Olivier Masclet & Yasmine Siblot
De la mobilisation au désenchantement militant : l’UMP dans le Nord de 2004 à 2008
26 mars 2012, par Anne-Sophie Petitfils
Accession à la propriété et trajectoires migratoires : les conditions d’un vote à gauche en lotissement périurbain
16 mai 2012, par Anne Lambert
Le FN en campagne. Les ressorts sociaux des votes frontistes en milieu rural
9 mai 2012, par Sébastien Vignon
Le PCF entre ancrage local et déclin national : le cas d’Échirolles
18 avril 2012, par Jessica Sainty
Le syndicalisme ouvrier en monde rural
7 octobre 2016, par Xavier Vigna
Les municipales à Paris en 2008. Une approche contextualisée du processus électoral
6 avril 2012, par Lucie Bargel
Find Out How You Stack Up to New Industry Benchmarks for Mobile Page Speed
▻https://www.thinkwithgoogle.com/articles/mobile-page-speed-new-industry-benchmarks.html
“When it comes to mobile pages, speed and size matter. Marketers must keep consumers engaged on mobile and focus on building mobile-first experiences.”
Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi
▻https://www.smashingmagazine.com/2017/04/browser-extension-edge-chrome-firefox-opera-brave-vivaldi
“It’s awesome to see that, today, using our regular JavaScript, CSS and HTML skills, we can build great extensions using the very same code base and across all browsers!”
Example Firefox add-ons created using the WebExtensions API
▻https://github.com/mdn/webextensions-examples
"The “webextensions-examples” repository is a collection of simple but complete and installable WebExtensions. You can use the examples to see how to use the WebExtensions APIs, and as a starting point for your own WebExtensions."
Cours d’Initiation HTML et CSS par @WalterStephanie
▻https://blog.stephaniewalter.fr/cours-initiation-html-css
« le but est vraiment de faire là une introduction, sorte de tutoriel de ce à quoi des élèves débutants risquent d’être confrontés, sans pour autant devenir des front-développeurs. L’idée est de poser des bases, le cours pouvant ensuite être complété par des cours plus avancés lors de leur formation. »
Bottom Navigation Interface
▻https://blog.prototypr.io/bottom-navigation-interface-fa4bff52065f
it’s best to place an app’s frequently-used actions at the bottom of the screen.
Instant [Articles] recall
▻http://www.theverge.com/2017/4/16/15314210/instant-articles-facebook-future-ads-video
“And after two years of experimenting with Instant Articles, many outlets appear to have had enough. The New York Times, which had been a launch partner for Instant Articles, abandoned the platform last fall. Vice News, Forbes, the Los Angeles Times, the Chicago Tribune, and Hearst publications are among the large publishers who have joined it in leaving.”
#Facebook_Instant_Articles_press_media_monetization_revenue_clevermarks
Franchement, t’as vu comme c’est relou à sortir, notamment comparé à AMP qui résout un problème à priori similaire ?
Non, je ne me suis pas encore penché sur l’implémentation.
C’est plus push (faut faire un RSS spécifique selon des règles à eux) et le HTML est plus WTF. De notre coté on a fait AMP en quelques heures, on a décidé de repousser IA sine die (c’est faisable hein, rien n’est la mort, mais entre leurs choix bizarres, l’obligation d’utiliser leur CSS, le manque de flexibilité ça ne semblait pas en valoir la chandelle).
Côté utilisateur, IA est vraiment super confort, mais je comprends que ça bloque si c’est compliqué et nul côté revenu pour ceux qui en dépendent.
So what’s this GraphQL thing I keep hearing about?
▻https://medium.freecodecamp.com/so-whats-this-graphql-thing-i-keep-hearing-about-baf4d36c20cf
“Practically speaking, the GraphQL layer lives between the client and one or more data sources, receiving client requests and fetching the necessary data according to your instructions. Confused? It’s metaphor time!”
Fake news is making headlines. But what about fake ads?
▻http://www.wired.co.uk/article/fake-news-outbrain-taboola-hillary-clinton
"Outbrain and Taboola, both founded in Israel in 2006, are the industry’s largest providers of promoted stories with a collective global reach in excess of 1.5 billion people per month. Aside from headlines questioning Hillary Clinton’s presidential campaign, these networks are best-known for promoting articles promising an “Incredibly Brilliant way to Check if you had PPI” and news of a “Brilliant PPI Check Taking Britain by Storm”. Promoted stories might recommend “The World’s Cutest Cat Pictures All On One Site”; “Jeff Bridges’ Magnificent Home Is Beyond Stunning” or, bizarrely, “Top 15 Celebrities You Didn’t Know are (...)
ça rappelle vraiment beaucoup le jeu ▻https://seenthis.net/messages/584102
Hello World. Hello Colloq.
▻https://colloq.io/blog/hello-world
“Colloq will be a platform that closes the circle between conference organisers, speakers and attendees in an enjoyable and helpful way. We want Colloq to be the central point to create these connections by offering comprehensive, rich and useful content around events.”
#event_conference_organisation_speaker_attendee_Colloq_clevermarks
Installer une instance de Mastodon sous Debian 8
▻https://angristan.fr/installer-instance-mastodon-debian-8
« c’est un réseau social décentralisé, mais pour l’instant la majorité des utilisateurs se concentrent sur une instance. La solution ? Créer tout plein d’instances ! J’ai donc décidé d’écrire un tutoriel pour faciliter la tâche à ceux qui voudraient se lancer. »