https://mepacq.qc.ca/tool/de-lexclusion-a-la-fracture-les-laisse-es-pour-compte-du-virage-numerique/

Au cours des dernières années, avoir accès à internet est devenu essentiel. Nous en avons besoin pour travailler, nous informer, magasiner, obtenir des services, ou rester en contact avec nos proches.

Cette tendance menace cependant de creuser les inégalités entre les personnes qui ont facilement accès au web et celles qui y ont plus difficilement accès. C’est ce qu’on appelle la fracture numérique.

Ce document se veut un outil pratique pour aider à comprendre ce qu’est la fracture numérique et pourquoi c’est important de revendiquer l’inclusion numérique.

De l’exclusion à la fracture : les laissé.es-pour-compte du virage numérique (PDF 4.2 Mo).

https://polemos-decroissance.org/renoncer-aux-technologies-zombies/

L’avenir que nous promettent les technologies zombies est un futur obsolète, qui est promis à la ruine avant même d’avoir été construit. L’un de nos objectifs comme militants doit être de résister à l’appel des futurs obsolètes et d’attirer l’attention des décideurs sur leur caractère à la fois non durable et aliénant. Il ne suffit pas de nous reconnecter avec la nature. Il faut aussi aider celles et ceux qui sont empêtré.e.s dans des rapports de dépendance à des infrastructures condamnées à s’en extraire.

https://echap.eu.org/

Nous sommes un collectif hacker-féministe qui lutte contre l’utilisation de la technologie dans les violences sexistes et sexuelles. Créée en 2020, Echap s’est constituée en association loi 1901 afin d’apporter des ressources et du soutien aux associations luttant contre les violences faites aux femmes et aux minorités de genre.

Nous produisons et maintenons à jour des guides de sécurité et confidentialité sur la protection de comptes en ligne, d’appareils électroniques ou plus généralement comment se déconnecter d’un ex-partenaire.

La violence

D'accord, c'est inacceptable de menacer ou d'intimider quelqu'un. Peu importe qui, personne ne devrait subir ça! Personne!

Ce n'est pas plus acceptable de laisser mourir les gens à petit feu, parce qu'ils sont dans la misère; parce qu'ils vivent dans un environnement pollué; parce qu'ils ne reçoivent pas les soins dont ils auraient besoin; parce qu'ils ne sont pas de la bonne origine ethnique; etc.

C'est ce que les élites politiques, économiques et médiatiques font semblant de ne pas comprendre: la société est à l'image de la biodiversité, c'est-à-dire, MALADE … Nous sommes dans un système qui broie du vivant au nom de la croissance économique, et où, c'est normal d'exploiter autrui et de détruire les écosystèmes.

Ces gens, qui font des menaces, qui crachent leur fiel sur les réseaux sociaux, qui joignent des mouvements conspirationnistes ou d'autres milieux rétrogrades, vous les voyez comme le problème, quand ils ne sont que les symptômes d'un mal plus profond que vous refusez de voir.

Il y a une anxiété généralisée qui s'est installé, dû à la croissance des inégalités et aux changements climatiques qui se concrétisent en désastres; dû à l'inefficacité grandissante de nos institutions, à la pandémie, à la perte du pouvoir d'achat, etc.

Cette anxiété se traduie de toutes sortes de façon. Certains l'expriment de façon désolantes. D'autres se réfugient dans les paradis artificiels, la médication, le déni et même le suicide.

On peut traîter tous les problèmes de notre société en silos comme si ils n'étaient pas liés entre eux, en faisant des programmes, en distribuants des enveloppes, en légiférant. Cela ne va rien changer, cela ne sera jamais assez, et on va crouler sous le poid des choses à faire, des dettes et de la complexité bureaucratique. Pourquoi?

Parce que notre société ne voit plus claire; parce qu'elle est soumise aux personnes morales (multinationales) qui broient tout, et qui, en font des dividantes. Le vivant lui, n'est là que pour les servir.

https://pivot.quebec/2022/04/25/le-syndicalisme-de-combat-doit-retrouver-ses-lettres-de-noblesse/

“Je vous parlais ces dernières semaines du rôle important joué par des syndicats français, grecs et biélorusses dans la lutte contre la guerre et le militarisme mondial. Que ce soit en refusant de charger des armes françaises à destination de l’Arabie Saoudite ou en bloquant les chemins de fer utilisés pour acheminer des convois d’armes vers le front russe ou les positions de l’OTAN en Europe de l’Est, on a là une inspirante impression de déjà-vu qui nous ramène à l’âge d’or de luttes ouvrières qui transcendent les revendications propres à leur condition.”

“C’est dans cet esprit que j’ai commencé cette semaine la lecture de « Wobblies du monde entier, une histoire globale de l’Industrial Workers of the World » paru l’an dernier aux Éditions de la rue Dorion. Un ouvrage fort à-propos qui rappelle que par son caractère combatif et ses élans de solidarité ouvrière internationale, le mouvement des wobblies (qui comptent aujourd’hui plus de 10 000 membres) s’est trouvé au cœur des mouvements de lutte contre le racisme, l’impérialisme, le sexisme, l’homophobie et dans la lutte climatique, par exemple. Vous ne serez donc pas surpris d’apprendre que le syndicat a été la victime d’un gigantesque effort de répression lors de l’entrée en guerre des États-Unis durant le premier conflit mondial en 1917, les puissants craignant un vaste mouvement de grèves qui perturberait l’effort de guerre industriel.”

[…]

J'ai commandé le livre dont il parle dans l'article. Bien hâte de le lire. J'avais entendu parler du Industrial Workers of the World, mais je ne connaissais pas le terme Wobblies.

https://yewtu.be/watch?v=nO5vjmDFZaI

“The BBS (bulletin board system) scene of the 80s and 90s was a magical time. Long before the Internet escaped from the lab, connected the planet and redefined what it meant to use a computer there was a brave and pioneering band of computer users who spent their time, money and sanity setting up their home computers and phone lines to welcome anyone who called.”

https://matthewgraybosch.com/posts/reality-where-html-never-existed.txt

“Is a world without html truly better?”

“I honestly don’t know if a world without HTML, HTTP, and its attendant ills (social media, centralization, adtech, the monetization of human attention) would truly be better. Perhaps the founders of Google would have built a better version of Archie (FTP search) and Veronica (Gopher search), we'd still have SEO, and the internet would still be the sort of cyberpunk dystopia too dull to be worth the efforts of William Gibson, George Alec Effinger, and Neal Stephenson to depict in fiction.”

Conserver la pyramide sociale actuelle et les institutions qui la protège (CBC/SRC ne semblent pas en faire partie).

Conserver la domination de la masculinité toxique:

• comme l'emprise sur le corp de la femme (ex.: position anti-avortement);
• ou la répression et le déni de la sexualité non-hétérosexuelle (ex.: promotion des thérapies de conversion).

Les conservateurs[1] aiment parler de liberté, mais une liberté sans égalité des chances, ni auto-détermination des individus. Puisqu'ils cherchent à conserver la concentration et le ruissellement de la richesse, non sa redistribution. Voilà pourquoi ils adorent tant les baisses d'impôts[2].

Donc pour eux, cela veut dire réduire l'emprise de l'état sur les personnes morales (aka les institutions capitalistes), pour conserver l'emprise morale (et financière) sur les gens.

Ce qui fait que les conservateurs aiment bien montrer qu'ils sont religieux. Parce que la religion, est un outil de plus dans leur arsenal, pour promouvoir la conservation de la hierarchie sociale qui a court depuis le néolitique. Cela a aussi l'avantage de pouvoir démoniser l'adversaire en invoquant le nom de dieu en vain.

---

[1] Libéraux et conservateurs sont les deux faces d'une même médaille. Ils se posent en adversaires et leurs discours peuvent sembler s'opposer, mais dans la réalité, le but est à peu près le même: maintenir l'ordre établi. Il n'y a que les méthodes qui diffèrent un peu … Deux gladiateurs dans le circus maximus.

[2] Les pauvres qui, ne paient déjà presque pas d'impôts, souffrent de plus en plus du sous-financement des programmes sociaux et de l'évasion fiscale. Ce qui permet aux riches de créer des fondations (ou autres organisations philantropiques), avec lesquels ils accumulent du capital de sympatie, en augmentant leur influence, et ce, à moindre coût.

https://coolguy.website/basic-html-competency-is-the-new-punk-folk-explosion/

“In my head, there was a clear connection between the diy punk movement of the 80’s and the folk revival of the 60’s and 70’s. Punk culture was all about doing things yourself, which meant you had to learn how things were done in the first place.”

[…]

“I know it feels premature to say that basic HTML competency is a type of folk craft, but I'm not sure what else to call it.”

“How does something become a folk tradition? Is it the age of the practice, or how many (or few) people practice it? Folk revivalists in the 60’s were idolizing artists from the depression era, which happened just 30 years prior. The world wide web is nearly 30 years old, and the internet itself over 60. There are people leading internet companies today who are far younger than the web, who never knew a world without the internet. If a teen is drawn to early web aesthetics, it is not out of a nostalgia for their youth. It is, instead, a yearning for a time from before they even existed, a time they can only imagine.”

[…]

“I want our personalities to come through not just in the words or links we share, but in the URLS we use and the code we write. I dream of regional communities forming online, based around organically grown web rings, and for idiosyncrasies to form in the aesthetics of our sites based on the communities we learned to code from. Basically, to bring back all the things that made the early internet so exciting and open and welcoming. It’s a little bit harder, but that’s part of the charm.”

Voir aussi The Old Internet Shows Signs of Quietly Coming Back.

CSS et Unix

Regrouper plusieurs feuilles de styles ensemble sous Unix

À des fins de performance, cela peut-être une bonne idée de regrouper nos feuilles de styles pour réduire le nombre de requêtes HTTP.

Si avec HTTP 1.1, c'était bien vue de ne servir qu'un seul fichier CSS. Avec HTTP 2, il est conseillé de découper ses feuilles en plusieurs ballots hiérarchisés, plutôt qu'en un seul gros bloc de code.

À ce sujet, voir le banc d'essai de Harry Roberts: CSS and Network Performance.

Règle @import

La règle CSS @import, n'est pas conseillé en production pour justement une question de performance.

Alors quelle autre option nous reste-t-il si on veut découper nos styles sans passer par un préprocesseur?

Utilitaire cat

Pour concaténer des fichiers ensemble sous Unix il faut utiliser l'utilitaire cat.

cat - concatenate and print files

Avec peu de fichiers CSS, on peut simplement faire:

cat a.css b.css c.css d.css e.css f.css > styles.css

En voulant être plus concis cela serait:

cat *.css > styles.css

Mais en CSS l'ordre des déclarations est important. Nous ne voudrions pas neutraliser ou déclasser certains styles.

Dans les utilitaires du shell il y a un flux entrant (standard input ou stdin) et un flux sortant (standard output ou stdout). La lecture se fait par le stdin et l'écriture par le stdout. Il y a aussi un flux sortant pour les erreurs (standard error ou stderr).

Il est toutefois possible détourner ces flux. Comme par exemple avec < ou > en appliquant des redirections vers un fichier, comme dans mon exemple ci-haut, avec l'utilitaire cat, où l'on redirige la sortie vers le fichier styles.css. Sans cette redirection le résultat s'afficherait dans le terminal avec stdout.

La redirection d'entrée utilise le symbole <. Cela permet d'indiquer qu'un fichier sera passé en stdin.

Concaténer une liste de CSS avec while, read et <

Maintenant nous allons utilser une boucle de type while, combiné avec l'utilitaire read, pour concaténer un groupe de fichiers CSS.

Notre liste se trouve dans un fichier nommé global-styles.txt. Nous y avons inscrit une feuille de style par ligne:

global/tokens/typography.css
global/tokens/colors.css
global/tokens/grid.css

global/base.css
global/a11y.css

Ensuite, notre script sera dans un autre fichier que nous appellerons css.sh:

#!/bin/sh

while read -r line; do
  [ -n "$line" ] && cat "./$line"
done < global-styles.txt

Attention, il est important de s'assurer que ce fichier soit exécutable (chmod u+x css.sh), avant de lancer la commande:

./css.sh

Si tout s'est bien passé, on constate que le contenu de toutes les feuilles que nous avons listées s'affichent dans le terminal.

Dans ce script, la valeur de chaque ligne est assignée à la variable line. Puis [ -n "$line" ], teste si la chaîne de caractère retournée par $line n'est pas null avant de d'exécuter cat. Et finalement, notre liste est dirigée dans la boucle avec <.

L'étape suivante serait de rediriger stdout vers un fichier CSS avec >:

#!/bin/sh

while read -r line; do
  [ -n "$line" ] && cat "./$line"
done < global-styles.txt > global.css

On pourrait aussi ne pas vouloir de fichier .txt et lister directement dans le script les fichier à concaténer:

#!/bin/sh

while read -r line; do
  [ -n "$line" ] && cat "./$line"
done <<EOF
global/tokens/typography.css
global/tokens/colors.css
global/tokens/grid.css

global/base.css
global/a11y.css
EOF

Ici EOF est une commande qui permet de faire une entrée multiligne. Donc toutes les lignes qui se trouve entre <<EOF et EOF est passé à stdin.

Minifier une feuille de style avec tr pour réduire son poid

L'utilitaire tr sert à traduire ou éliminer des caractères. Il va permettre de retirer les sauts de ligne et les retours dans notre CSS, pour ramener toutes les règles sur une seule ligne. Le poid du fichier sera donc un peu moindre:

cat global.css | tr -d '\n\r' > "$global.min.css"

Le caractère |, que l'on appelle pipe, sert à lier deux processus en prenant le flux de sortie du premier, pour en faire le flux d'entrée du second.

Nous pourrions aussi retirer les tabs avec tr -d '\t', et les espaces multiples avec tr -s ' ' ' '. Cependant je ne conseillerais pas de supprimer les espaces simples avec tr, et ce, parce que des fonctions CSS comme calc(), nécessitent des espaces entre certains opérateurs.

Pour ma part, j'ai développé en lua, mon propre petit utilitaire pour contourner ce genre particularités. Ceci dit, dépendamment de la taille total de votre fichier CSS, les gains sont assez négligeables.

Voyons maintenant à quoi ressemble notre minification avec ces deux commandes tr supplémentaires…

cat global.css | tr -d '\n\r' | tr -d '\t' | tr -s ' ' ' ' > "$global.min.css"

Retirer les commemtaires avec sed

Malgré que, ce ne soit pas la façon la plus optimale de minifier, cela permet de faire des gains de plusieurs kilo-octets.

Mais les blocs de commentaires demeurent, et sed pourrait sans doute les retirer pour nous:

cat global.css | tr -d '\n\r' | tr -d '\t' | tr -s ' ' ' ' | sed -r ':a; s%(.*)/\*.*\*/%\1%; ta; /\/\*/ !b; N; ba'

Conclusion

Rendu ici, nous pouvons rassembler la concaténation et minification:

#!/bin/sh

while read -r line; do
  [ -n "$line" ] && cat "./$line"
done <<EOF | tr -d '\n\r' | tr -d '\t' | tr -s ' ' ' ' | sed -r ':a; s%(.*)/\*.*\*/%\1%; ta; /\/\*/ !b; N; ba' > "global.min.css"
global/tokens/typography.css
global/tokens/colors.css
global/tokens/grid.css

global/base.css
global/a11y.css
EOF

Pas si mal hein? Sans rien installer d'externe sur notre poste de travail, nous sommes en mesure de concaténer et réduire la taille des fichiers CSS, avec à peine, quelques lignes de POSIX shell.

Et, contrairement à de la configuration de modules NodeJS, ce que nous apprenons ici, peut nous servir dans d'autres contextes qui, n'ont rien à voir avec le développement web.

• Le fichier css.sh que j'utilise ici.

Post-scriptum

entr, est un utilitaire qui permet d'exécuter des commandes quand des fichiers sont modifiés.

Ce qui en fait l'outil parfait pour mettre à jour automatiquement les changements portés à nos feuilles de styles:

find . | entr -d ./css.sh

https://smol.pub/

“Smol Pub is tiny blogging service:

• Web interface and CLI to manage your posts.
• Accessible from Web, Gemini and Gopher.
• Storage for your images.
• Write custom CSS for web.
• Attach your custom domain with SSL.
• Export your posts.
• No JavaScript, ads, or tracking technology."

http://cipay.ca/poems/pine-needles.html

“somewhere in the world where the coffee isn’t bitter and the rivers run to oceans made of water, not of waste

there exists a girl who acts odd and peculiar who smokes a pinecone pipe and drinks pine needle tea

i talked to her one day when i walked through the forest and she told me everything that i should have always known"

— by Linen

https://tilkov.com/post/2020/12/03/accessibility/

“There is still no law mandating private web sites are accessible (although there is one for the public sector, but it’s still pretty new).”

“I find this completely unacceptable. I think it’s a disgrace that it’s still up for debate whether someone who is visually impaired, or someone who can’t hear, or someone who can’t use a mouse, can be excluded from using some service even though there would be perfectly good ways for them to use those things if people made a bit of an effort. Worse, sometimes it’s more a case of people ruining perfectly good accessibility that’s built into things already, simply out of ignorance.”

[…]

“I think we as an industry have a resonsibility here, a responsibility to refuse to build things that exclude people. And of course “the industry” here is just a placeholder: I think it should be each individual’s responsibility to care about those aspects, and to refuse to build inaccessible things if they’re asked to do so.”

https://css-tricks.com/why-dont-developers-take-accessibility-seriously/

“Now, imagine that an accessibility subject-matter expert comes along and essentially tells you that not only are you not particularly smart, but you have been doing things wrong for a long time.”

[…]

“The thing is, these users have been ignored for so long that it can feel like they are screaming into a void. Isn’t anyone listening? Doesn’t anyone care? It seems like the only way to even be acknowledged is to demand the treatment that the law affords them! Even then, they often feel ignored and forgotten. Are lawsuits the only recourse?”

[…]

“Web designers have a higher challenge—their artistic vision needs to be usable by everyone. Challenge yourself to move the conversation into a different space: you just haven’t found the right design yet. It’s a false choice to think that a design can either be beautiful or accessible; don’t fall into that trap.”

[…]

“We need to acknowledge that designers and developers need to be learning about accessibility much sooner in their careers. I think of it with this analogy: Imagine you’ve learned a foreign language, but you only learned that language’s slang. Your words are technically correct, but there are a lot of native speakers of that language who will never be able to understand you. JavaScript-first web developers are often technically correct from a JavaScript perspective, but they also frequently create solutions that leave out a whole lotta people in the end.”

[…]

“The thing is, we can only start to be compassionate toward other people once we are able to be compassionate toward ourselves. Sure, we messed up—but we don’t have to stay ignorant.”

[…]

“Here’s the cool part: not only do we have the technology, we are literally the ones that can fix it. We can get up and try to do better tomorrow. We can make some time to read about accessibility, and keep reading about it every day until we know it just as well as we do other things.”