Monthly Shaarli

All links of one month in a single page.

May, 2022

Data protection: Microsoft 365 banned in Baden-Württemberg's schools. Suitable alternatives exist! - Nextcloud

The open-source tech-stack:

  • Moodle
  • Nextcloud
  • BigBlueButton
sqlite3 fiddle

With this it is possible to try SQLite in the browser. The whole thing runs using WASM (compiled using Emscripten) and was announced by Richard Hipp as part of the SQLite 3.39.0 beta in the SQLite forum.

What is also interesting is that to load the page, less than 1 MB of data needs to be loaded. If compression were enabled, this could probably be reduced further.

sqlite3 fiddle could make it easier to quickly try something with SQLite. Instead of downloading sqlite3 first and then trying it out locally, you just open the page and can quickly use the latest sqlite3 version.

(from https://jlelse.blog/links/2022/05/sqlite3-fiddle)

Lies we tell ourselves to keep using Golang

A list of disavantages of golang

border-radius | CSS-Tricks - CSS-Tricks

background-clip: padding-box to avoid overflow of the background if border-radius is set.

Je suis influenceuse et je pense que les réseaux sociaux sont nocifs | Slate.fr

La lanceuse d'alerte Frances Haugen a témoigné devant une commission du Sénat en présentant des milliers de pages de documents confidentiels qui laissent penser que Facebook est parfaitement conscient que ses plateformes (y compris Instagram) nuisent aux enfants et aux adolescents

Ce qui est clair, c'est que cette désinformation est préjudiciable aux utilisateurs, notamment aux plus vulnérables d'entre eux: les enfants et adolescents. La question qui se pose est donc la suivante: que pourraient faire les plateformes pour protéger les utilisateurs? Et ont-elles même la responsabilité de nous protéger?

Malheureusement, il semble que le fait d'avoir cette responsabilité entre en conflit direct avec ce qui assure la rentabilité et la croissance de ces entreprises.

Quelques points abordés:

  • l'utilisation d'Instgram
  • les vidéos vraies sont plus facilement moins aimés
  • Facebook (Instagram) est pleinement conscient de ces cas
  • les photos postées sont éloignées de la réalité. Le contenu
  • les enfants sont fortement influencés par le contenu qu'ils y voient
  • ces réseaux mettent en avant des contenus les plus divertissants, leur objectif premier pour retenir l'attention, le temps de visionnage afin de générer des revenus. Ce qui ne serait pas un problème si les utilisateurs ne les considéraient pas autant comme des sources d'information fiables et factuelles. Ils sont donc constamment induit en erreur. L'imaginaire et le fantastique sont présentés comme la réalité
  • de ce fait, "leur" Internet ne représente pas la réalité.pourtant,
  • protéger les enfants et les utilisateurs des contenus rentre en conflit direct avec ce qui assure la rentabilité de ces entreprises
  • Idée pour Instagram: développer une fonctionnalité pour vérifier les faits exposés
Lowering the cost of anonymization

just for the french poem in the abstract <3

Le but de cette thèse est de simplifier
L’art d’empêcher que l’on puisse identifier
Un seul individu dans un jeu de données
Même si l’on se sert de voies insoupçonnées.

Définir ce problème est loin d’être évident :
Bon nombre d’érudits s’y sont cassé la dent.
D’abord, on retranscrit le parcours historique
Ayant déterminé la notion unique
Utilisée ici pour définition
Grâce à ses attributs et son intuition.
Nous classons et trions toutes ses variantes
En sept dimensions dociles et brillantes.

On s’attarde plus tard sur un point compliqué :
Comment modéliser l’attaquant étriqué
Ayant a priori bien trop d’incertitude
Pour accomplir son rôle avec exactitude.
Grâce à des fondements que l’on rend adéquats
Nous améliorons d’anciens résultats.
Certains sont positifs : on peut enfin comprendre
Comment voter pour l’une et pour autant prétendre
Avoir voté pour l’autre, en restant clandestins.
Certains sont négatifs : en comptant les distincts
Alors on doit choisir ; soit on passe à l’échelle,
Soit on protège bien chaque info personnelle.

Les principes, c’est bien, les actions, c’est mieux.
C’est pourquoi l’on poursuit un but audacieux :
Rendre l’anonymat accessible en pratique.
Un accord adéquat de sens mathématique
Et d’innovation technique est précieux
Pour accomplir un jour ce rêve ambitieux.
Et l’outil n’est pas tout : c’est aussi nécessaire
D’aider tout un chacun pour être l’émissaire
Du maintien et respect de principes moraux.
Chaque choix peut changer un quidam en héros.

I want to read what it is written in this thesis though!

The Surprising Truth About Pixels and Accessibility: should I use pixels or rems?

As a general rule, we should give the user as much control as possible, and we should never disable or block their settings from working. For this reason, it's very important to use a relative unit like rem for typography.

Then we should use rem everywhere ?

Do I actually want everything to scale with font size?
When we use rem values for horizontal padding, though we amplify the effect "larger the text is, the fewer characters can fit on each line".

So the final question is:

“Should this value scale up as the user increases their browser's default font size?”

I've come to realize, however, that we usually do want to use rems for media queries.

We're so used to thinking of media queries in terms of mobile/tablet/desktop, but I think it's more helpful to think in terms of available space. [Why in the post]

Other example is the space between paragraphs: it has a "functional" purpose so that we can quickly tell where one paragraph ends and the next one begins. For this reason, it does make sense to scale these margins with the user's chosen root font size.

Example of use of em instead of rem

  • rem
h1 {
  font-size: 3rem
  margin-top: 6rem;
  margin-bottom: 1.5rem;
}
h2 {
  font-size: 2rem
  margin-top: 4rem;
  margin-bottom: 1rem;
}
h3 {
  font-size: 1.5rem;
  margin-top: 3rem;
  margin-bottom: 0.75rem;
}
  • em
h1 {
  font-size: 3rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.5rem;
}
h1, h2, h3 {
  margin-top: 2em;
  margin-bottom: 0.5em;
}

Another example is the width of a button: we can think about it alone yet.

Finally, it is better to forge an intuition as opposed to a set of rules about using rem/px as there are always edge cases.

Reflecting on my work - Jan-Lukas Else

Graduating from school and after one year of full-time work, should I keep going and what do I want to do with my professional life ?
This is what the author is asking himself.

Cloak - Rust on Nails A full stack architecture for Rust web application

A framework for building a web app in Rust 🤔
May be useful someday.

It's true that the Rust ecosystem is growing and tools are coming. But we lack the knowledge of how we can put things together. Here it fills the gap.

Lycéennes et lycéens en burn-out : redoutables effets de notre organisation scolaire | Le Club

Attendez: l'école est élitiste par nature, et maintenant, chiffre à l'appui, elle n'est favorable qu'à une faible minorité ?!

Pourtant ils constituent la majorité de cette tranche d’âge, puisque 59 % des jeunes français obtiennent un bac professionnel, un bac technologique, un CAP, ou s’arrêtent au brevet des collèges [...]

WTF..

Pour les élèves comme les enseignants, il serait heureux de sortir d’une obsession de la note, renforcée par les dispositifs de contrôle continu qui, avec des épreuves communes, transforment l’année scolaire en année d’examen permanent. La note est reine, parce qu’avoir le baccalauréat et sa mention, c’est avoir la meilleure moyenne générale possible.

La pression scolaire, c’est celle d’une organisation conçue pour ne concerner qu’une minorité de la jeunesse qui est étendue désormais à 40% de cette population. C’est celle d’une organisation qui, plutôt que de faire confiance à ses personnels, bride leur créativité. C’est celle d’un curriculum marqué par la course à la note individuelle et la culture de la compétition plutôt que par celle de la coopération et des réalisations collectives.

Robb Owen - Independent Creative Developer

Full of little animations and details

Santé : le CHU de Bordeaux en "mode dégradé", les patients seront "accueillis par des bénévoles"

Parce qu'il n'y a plus assez de professionnel. Ouf.

Note: How to defer a class for attrs inheritance in vue 3

As Vue 3 classes are contained in attrs, we sometimes want to pass every prop attribute to the child, except the class attribute:
v-bind="{ ...attrs, class: undefined }"

Component Party

Comparing common concepts of web frameworks daily usage.

For each concept, an example in the framework is provided.

sqlite-utils: a nice way to import data into SQLite for analysis

Doing data analysis by storing the data in an SQLite database.

The documentation can be found on datasette.io

Gregory Szorc's Digital Home | Modern CI is Too Complex and Misdirected

CI looks like build systems. If you push a CI system or a build systems too far, they seem to be the same as what they are doing.
The thing that bugs me about modern CI systems is that I inevitably feel like I'm reinventing a build system and fragmenting build system logic.

So going beyond the section title: CI systems aren't too complex: they shouldn't need to exist. Your CI functionality should be an extension of the build system.

CI offerings like GitHub Actions and GitLab Pipelines are more products than platforms because they tightly couple an opinionated configuration mechanism (YAML files) and web UI (and corresponding APIs) on top of a theoretically generic remote execute as a service offering.


I'm convinced that building what I'd like to see is not a question of if it can be done but whether we should and who will do it.

In my ideal world there exists a single remote code execution as a service platform purpose built for servicing both near real time and batch/delayed execution. It is probably tailored towards supporting software development, as those domain specific features set it apart from generic compute as a service tools like Kubernetes, Lambda, and others. But something more generic could potentially work.

Conclusion:

If I could snap my fingers and move industry's discrete build, CI, and maybe batch execute (e.g. data pipelines) ahead 10 years, I would:

  1. Take Mozilla's Taskcluster and its best-in-class specialized remote execute as a service platform.
  2. Add support for a real-time, synchronous execute API (like Bazel's remote execute API) to supplement the existing batch/asynchronous functionality.
  3. Define Starlark dialects so you define CI/release like primitives in build tools like Bazel. (You could also do YAML here. But if your configuration files devolve into DSL, just use a real programming language already.)
  4. Teach build tools like Bazel to work better when units of work that can take minutes or even hours to run (a synchronous/online driver model such as classically employed by build systems isn't appropriate for long-running test, release, or say data pipelines).
  5. Throw a polished web UI for platform interaction, result reporting, etc on top.
  6. Release it to the world.
Note: Scripting with Deno

The more I follow the Deno project and its community, the more I think it would be easier to use Typescript and the environment of Deno to write scripts.

Python is not so much robust without types. The amount of time my script logic was correct, but I miss the type of some variable, causing a xx minute time of debugging. The type annotations are currently complex to use and overkill for scripts, where typescript shines.

The Monad Fear - LINE Haskell Boot Camp

Deconstructing it... because you can ignore it first, and you have to, to understand Monads through examples.

Open Stickers

Free illustrations for web and apps

The growing collection of Open Stickers is full of love, peace, and sunshine. Grab them to bring a shiny feeling to your website or app. It’s free!

As I stay often to the ground and what I see, the examples below are intersting in how these stickers could be applied on a website ! 👍‍

Using a GitHub repo directory as an npm package - David Darnes

Example of usage of degit with a postinstall hook:

{
  "scripts": {
    "build": "eleventy",
    "postinstall": "degit tryGhost/Ghost/core/frontend/src/cards/css node_modules/ghost-cards"
  },
  "dependencies": {
    "@11ty/eleventy": "^1.0.0",
    "degit": "^2.8.4"
  }
}
L'appli de documents que j'ai codée pour le taf... - Warrior du Dimanche

Les attentes:

  • éviter le changement d'environnement tous les ans ou deux ans...
  • l'UI des logiciels proposées

Pour les élèves:

  • tous sur la même plateforme
  • éviter de se connecter
  • responsive ! On est en 2022, les élèves utilisent ces outils sur ordiphones. (WTF ce n'est pas le cas ?!)
  • que tous les documents / pdf etc utilisés lors d'un cours soient dispo depuis un seul lien de partage

Pour le Warrior du Dimanche

  • tous les documents en un seul lien
  • mise en ligne rapide et simple des documents [→ un lien déjà partageable avant que la ressource soit téléversé ?]
  • que les données restent acccessible aux fils des années (WTF ce n'est pas le cas ?!)
  • ....

Sa solution semble être un très bon départ
"Par contre, c'est moche" → je peux peut être aide ! :D

CPU ⬜ Carré Petit Utile
Vocabulaire de l'informatique (liste de termes, expressions et définitions adoptés) - Légifrance
Terme étranger Équivalent fr
API Interface de programmation d'application, interface de programmation
computer science ontology ontologie informatique
data crunching triturage de données
data visualisation, dataviz, data visualization visualisation de données
defacement défiguration
firewall pare-feu, barrière de sécurité
killer app application phare
rootkit logiciel passe-droit
web harvesting, web scraping moissonage de données, moissonnage
Can I PHP? - caniuse.com but for PHP features

A caniuse-like service, but for PHP :)

Playful & Buzzworthy Browser-Based Media - by PLO -

A car driving down tjhe street while scrolling

Yes, fun browser extensions can have vulnerabilities too! | Almost Secure

Messages sent through the window object can be intercepted by every source, and every source can emit messages.

Fixes:

  1. No more HTML injection: The talk bubble no longer allows injecting HTML code.
  2. Check origin: The synchronization script checks message origin and rejects messages coming from other websites.
  3. Restrict message range effect : The messages allowed by the synchronization script have been restricted to things like “Change hat,” no longer allowing changing arbitrary settings.
Des Ukrainiennes victimes de viol se heurtent à la loi anti-IVG polonaise – Libération
Make a button element look like a link - Piccalilli

→ Remember: if your user is supposed to go somewhere, use an <a> element. If something with JavaScript needs to happen, use a <button> element.

I agree with that: link for navigation and button to trigger actions.

Eleventy, a simpler static site generator

A floating possum flying through the window 👍‍

You Don’t Need A UI Framework — Smashing Magazine

Instead, we can mix 3 or 4 designs together to create something unique. For example, maybe I’ll take the color scheme from one site, the general layout and spacing from another, and the typography styles from the third!

When I’ve mentioned this strategy to actual designers, they laugh and say that it’s what they all do. I think this is their version of the “joke” that programmers spend half their time googling things.

mask | CSS-Tricks - CSS-Tricks

mask can hide part of the element is applied to.

It is a shorthand for all mask properties. I didn't find real example yet.

Common Table Expressions in SQL

SQL table expressions are somewhat similar to functions in a regular programming language — they reduce the overall complexity.
You can write an unreadable sheet of code, or you can break the code into understandable individual functions and compose a program out of them.
You can build a tower of nested subqueries, or you can extract them into CTEs and reference from the main query.

There is a myth that “CTEs are slow”. It came from old versions of PostgreSQL (11 and earlier), which always materialized CTE — calculated the full result of a table expression and stored it until the end of the query.

Ok. There are some rules:

  • CTE runs on every request
  • CTE splits the query code into multiple chunks
  • instead of subquery, always use CTE for clarity
Temporary tables in SQLite

How to have temporary data:
1 - Common Table Expression (or basically a named subquery)
2 - View: works like a CTE, but you can reference it by name and not repeat the subquery every time. Views are computed on the fly, similar to CTEs.
3 - A temporary table is like a real table: it stores data on disk, and you can build indexes. But it exists only while the database connection is open.

PostgreSQL and others have materialized views, which store data on disk

When to use temporary tables ?

Temporary tables are great for experimenting when you’re just getting to know the data.

The Front-End Developer's Guide to the Terminal

A good starting point

Usbek & Rica - C’est prouvé, le réchauffement climatique dérègle (aussi) notre sommeil

Plus il fait chaud, moins les humains dorment correctement.

Résultat, « des températures plus élevées réduisent bel et bien le sommeil en retardant son apparition ».

Du fait du rythme circadien du corps humain, celui-ci a en effet besoin de se rafraîchir chaque nuit pour permettre un sommeil de qualité. Le problème est que « le réchauffement climatique augmente les températures nocturnes encore plus rapidement que celles du jour, ce qui rend le sommeil plus difficile », résume The Guardian dans son article sur le sujet.

Et les humains ne montrent aucun signe d'adaptation.

Rappelons notamment qu’entre une rue chaude en milieu urbain et un espace vert, les écarts de température peuvent varier jusqu’à 5, voire 10° C, selon les vagues de chaleur.

React Hooks in 5 Minutes - I'm Jhey Tompkins!
CSS: Absolutely positioning things relatively | by Canva Engineering | May, 2022 | Canva Engineering Blog

It seems so flat to me (i.e. all the elements are on the same grid), but I think the idea is good.

With this way of thinking:

  • we remove cluttered divs
  • HTML stands for content and semantic; CSS for display
Germany to Bring Back Coal Power Plants If Russia Cuts Gas | Time

less gas, then burn more coal :/

rqlite 7.5.0: Trading durability for write performance - Vallified

x15 write speed :D

How ?

With Queued Writes rqlite itself can now queue a set of received write-requests, internally batch them, and then write that batch to the Raft log as a single log entry. This is key — by putting more data in a single Raft log, all of those previously distinct requests now result in a single Raft transaction, reducing the number of network round trips to a minimum.

Implementation of the queue : https://github.com/rqlite/rqlite/tree/v7.5.0/queue

Google nous géolocalise 376 fois par jour, alerte une étude

« Un récente étude estime qu'en Europe, nous sommes géolocalisés plusieurs centaines de fois par jour. Un chiffre inquiétant, mais largement en dessous des résultats américains. »

En moyenne, l’oncle Sam a droit à 747 requêtes RTB [real-time bidding] liées à la géolocalisation chaque jour, soit un peu plus d’une fois toutes les deux minutes.

Surtout qu’il [le RTB] n’est pas anodin : une fois croisé, l’ensemble des données récoltées peut avoir un impact significatif sur l’internaute, qui est alors plus apte à cliquer sur une offre promotionnelle en rapport avec ses intérêts et son quotidien.

FixA11y — improving accessibility

A browser extension that automatically increases contrast on sites.

👍‍

This could also be implemented in the browsers :)

Encre canaille  on Twitter: "J’ai toujours cru que McDonald’s gagnait de l’argent en vendant des burgers. En voulant écrire l’histoire de la marque, je me suis aperçu que pas du tout. Voici le véritable business model de McDonald's, aussi simple que brillant 🍔👇 (En photo: McDonald's de Roswell, USA) https://t.co/LDQ4vrJkxe" / Twitter

Où on apprend que ce qui fait la fortune de McDonalds, ce n'est pas la vente de ses burgers, mais l'immobilier. Explication TLDR:

  • 93% des McDo sont des franchises.
  • Les terrains sur lesquels il y a un McAdo appartiennent toujours à McDo.
  • McDo loue ces terrains aux franchisés.

La part des bénéfices de McDo est donc :

  • 1% : Franchise.
  • 35% : Comission sur les ventes
  • 65% : Loyers de ses terrains.

En 2019, McDo possédait un parc immobilier d'une valeur de 39 milliards de dollars.

(de https://sebsauvage.net/links/?axT30A)

Usbek & Rica - L’effondrement, la nouvelle fin du monde ?

D’après Roland Gori, psychologue et psychanalyste, là où, historiquement, l’ébranlement fondamental était porté par une parole révélée ou encore une hypothèse qui appuyait un projet politique, aujourd’hui le constat de l’ébranlement puissant et total que nous allons connaître – et avons commencé à vivre – ne se double ni d’un unique et clair programme politique, ni d’une croyance en un salut providentiel. En d’autres termes, nous savons que l’effondrement a lieu, mais nous ne savons quoi en faire. En cela, de mobilisateur, il peut devenir paralysant, en témoigne le peu d’impact que peuvent avoir les sorties des derniers rapports du GIEC.

After Being Banned from More than Ten Social Media Sites, I Decided to Create My Own

A homemade social network: https://bluedwarf.top/cackle/index.php

Basically a new one because:

  • the big ones are unhealthy
  • the alternatives needs resources so that they can not run on a Raspberry Pi
  • it is home
Sécheresse : "On n'a que quelques années pour agir", prévient une hydrologue qui appelle à "repenser" l'agriculture et les villes

En France, d'après le ministère de l'Écologie, 80% de l'eau douce accessible est utilisée à des fins agricoles. Le bétail consomme de l'eau au moment où on en a le moins, en août, ce qui fait exploser la demande sur le plan agricole.

Un autre argument pour arrêter de manger de la viande ?

Il va falloir penser des ilots de fraicheurs pour lutter contre les effets caniculaires.

Ah oui ! Cela va devenir primordial !

Usbek & Rica - L'Équateur reconnaît des droits juridiques aux animaux sauvages, une première mondiale
Matthew Hoelter | The work and thoughts of Matthew Hoelter

Drag the mouse to leave a trail of colorful shapes

Hello! I'm Alexander.

lovely hand-drawn illustrations, an “Arts & Crafts” and a “Recipes” section

Gregory Koberger

Warm welcome and interactive illustration on the first page

Julia in 100 Seconds - YouTube

Python support also unicode caracters, so you can write a 𝝨(...args) function :D

meyerweb.com

Eric’s site has tons of personality and care. It features Hamonshū, japanese-style illustrations of waves.

Google est en train de verrouiller progressivement son écosystème Android, tout comme Apple l'a fait pour l'iPhone. - Liens en vrac de sebsauvage

Avec ces 3 points, le téléphone Android va être de plus en plus verrouillé

The Modern Way To Create And Host A WordPress Site — Smashing Magazine

Could be useful someday

HTTP Status Codes — httpstatuses.io

Easier and faster to use than the http status code

MrGlockenspiel/activate-linux: The "Activate Windows" watermark ported to Linux

LOL

Un lycée près de Lyon sous le choc : la professeure meurt devant ses élèves en plein cours | Actu Lyon

Une prof de 64 ans meurt d'un malaise en plein cours... quelques jours avant, une prof d'une soixantaine d'années se défenestrait dans son lycée devant ses élèves (https://www.revolutionpermanente.fr/Education-nationale-en-souffrance-a-Blois-une-enseignante-de-64-ans-se-defenestre-en-plein-cours )...

Pourquoi ils n'arrvivent plus à recruter ? Parce que le métier ne fait plus envie, rêver, n'est plus avantageux ?

On pourrait aussi ajouter celle qui s'est suicidé exactement parce qu'elle était directrice d'école.
En 2020, Bruno Delbecq, directeur d’école à Saint-Laurent dans le Var, se suicide sur son lieu de travail. En 2021, le rectorat de l’académie d’Orléans-Tours est contraint de reconnaitre la responsabilité de l’institution suite au suicide de la principale d’un collège sur son lieu de travail, tandis que, la même année, l’inspection académique du Var reconnait « l’imputabilité de ses services » suite au suicide d’un instituteur.

À ce point d'arriver au suicide, c'est structurel.

[...]. Elles [les souffrances du personnel] sont en effet le résultat de politiques qui ont progressivement dégradé les conditions de travail des personnels, devenues aujourd’hui insoutenables pour certain.e.s.

Et l'artcile se pousuit de trois paragraphes d'explications et d'exemples.

Usbek & Rica - Et si le petit propriétaire d’un pavillon de banlieue pouvait résoudre la crise du logement ?

Densifier l'habitation des pavillons.

Pour cela:

  • créer un statu de micro-promoteur afin de faciliter l'achat/vente de terrain, par un

La faisabilité est bonnne d'après:

En effet, l’étude menée par IUDO dans le cadre de l’appel à projet FAIRE Design en lien avec la Ville de Paris en 2018, a montré qu’en Ile-de-France, ces terrains pavillonnaires, peu denses, présentent en moyenne 100m² de droits à construire en l’état actuel des règlementations ; ce qui constitue un réservoir potentiel de 140 000 000 m² constructibles. Il suffirait alors d’ajouter un logement de 70m² en moyenne sur seulement 5% des terrains individuels pour atteindre les objectifs métropolitains de 70 000 logements/an issus de la loi sur le Grand Paris.

Si une plus grande densification s'opère, il faudrait, afin d'éviter de trop utiliser la voiture ou désengorger les transports en commun, ramener certains services dans ces zones pavillonaires.

I used Tailwind for the U in CUBE CSS and I liked it - Piccalilli

One thing that is frustrating about searching for Tailwind stuff on the web is that because it’s the Hot Framework Of The Moment™, there’s a lot of garbage articles out there, jumping on the hype train.

Malediction of success

5 tips for a happier front-end development team | Simpleweb
  1. Documentation:

    When you’re checking the documentation for those details you are in-fact testing the documentation as well. If you get there and all the details or information you need are already written up then great! But if there’s details missing or out of date information then it’s your opportunity to fix the documentation for the next person.

  2. Reading articles and making time for courses

  3. Trying new tools and flexing your conceptions

  4. Front-end team meetings and knowledge sharing

Vim for humans | Free price ebook

Paypal payment option → old school x)

I found it funny because Paypal is not so old !

Happy Medium | Exploring the world of art.

4 Categories: Watch, Read, Learn, Make

You can draw a painting and submit it on the website.

Podcasts sur le internet et le webmarketing - Podcast France
Message à caractère informatique | Ausha
Hack'n Speak • Ein Podcast auf Anchor
Écoute Ça ! - Super Cover Battle
WeSpeakCloud | Podcast auf Spotify
I put CSS in my HTML and nothing exploded - David Darnes
Characteristic measured External linked .css file inline stylesheet with <style>
Mobile friendliness 100/100 100/100
Mobile speed 89/100 98/100
Desktop speed 96/100 98/100
PageSpeed Score A, 96% A, 97%
YSlow Score A, 95% A, 96%
Page Load Time 0.7s 0.5s
Total Page Size 116kb 116kb

I’m saying: consider the options, weigh them up against the norm and test them out. As long as you have a good reason behind the implementation, it kind of doesn’t matter what others think.

Usbek & Rica - « Avec la crise, le gouvernement a organisé l’impuissance de la puissance publique »

Le programme d’Emmanuel Macron à la dernière campagne présidentielle ne laisse pas de place au doute : il s’agit de restreindre l’État-providence classique – retraite à 65 ans, conditionnement du RSA – mais aussi de restreindre les impôts de production sur les entreprises. En clair, on cherche à étendre les droits et les financements du secteur privé grâce à l’État. On organise l’impuissance de la puissance publique. C’est une redéfinition de fond du rôle de l’État : celui-ci se met au service des entreprises, mais sans remettre en cause ni leurs objectifs de profits, ni leur fonctionnement actionnarial.

Apps.education.fr Accueil

Apps.education.fr est une plateforme développée au sein de la direction du numérique pour l'éducation pour proposer les outils essentiels du quotidien à l'ensemble des agents de l'Éducation nationale.

On retrouve: peertube, Etherpad, CodiMD, Mastodon, Nextcloud, ....

Super !

Scribe - CEMEA

Retranscribe audio or video to text 👍‍

The Bit Blog

A blog made of different component. We can see them on hover.

MobileRead Forums - E-Book Uploads

Calibre offers a collection of ebooks too

They have a forum about writing, reading, e-reader, .... https://www.mobileread.com/forums/index.php

Barbarian Meets Coding

An immersive website with a storytelling

Projects – Monica Dinculescu

A random art canvas that regenerates on page load or click.
#project #idea

🌱🐰emoji-garden

#project #idea create my own emoji garden :)

FerrarGIS

Use OpenStreetMap maps and apply a map style of 1777 :D

[archiloque.net] Pair-programming : ce n’est pas comme de coder seul mais à deux

Note : en discutant de cet article, une personne m’a expliqué qu’elle a noté deux style de développement : des personnes développent “en pile”, en interompant ce qu’elles font pour traiter les nouvelles idées d’abord pour revenir ensuite là où elles en étaient, et d’autres “en file” ou elles terminent d’abord leur idée en cours avant d’entamer la suivante.

Je développe aussi "en file".

20220525 CP ligue des champions - 20220526 CP ligue des champions.pdf

Tu te demande si y a pas un problème avec ce sport quand le Ministère de l’Intérieur doit mettre en place un périmètre de sécurité, une restriction sur l’alcool, une restriction sur le port des maillots de foot sur les Champs-Élysées pendant quatre jours…

…et déployer 6 800 policiers et militaires pour que tout se passe pas trop mal.

Effectivement comme le souligne LeHollandaisVolant, il y a peut être un problème avec ce sport, alors qu'il s'agit d'une banale rencontre qui n'a pas d'enjeux politique comme un Russie/Ukraine, Israel/Palestine, Chine/
Ce n'est pas le cas pour Roland Garros ou

All Reported Tesla Fires 🔥 | Tesla Fire

So 0,0016% of the tesla.

Clint 'SpamapS' Byrum 🇺🇦 on Twitter: "I always thought burnout happened when you work too much. Now I get it. It's investing emotionally and then not getting a return on that investment." / Twitter

I always thought burnout happened when you work too much.

Now I get it. It's investing emotionally and then not getting a return on that investment.

Usbek & Rica - La ride du smartphone, nouvel eldorado du secteur de la beauté

On pouvait s’en douter, mais le fait de passer en moyenne 3,6 heures par jour la tête penchée sur notre smartphone commence – littéralement – à se voir.

Double-menton, mauvaise circulation sanguine, rides sur le cou ...

Street Complete | Framalibre

StreetComplete vous permet de contribuer au projet OpenStreetMap en effectuant des "quêtes".
L'application vous propose d'ajouter des informations manquantes sur des zones près de votre position.

J'ai testé et je valides: la prise en main est rapide; on sens l'utilité de ses contributions; et on peut choisir quel type de quêtes/informations on veut renseigner

👍‍

Lien du projet: https://github.com/streetcomplete/StreetComplete/tree/v43.2

Polygon map generator
Usbek & Rica - Dans la pub, l’expression « neutralité carbone » sera encadrée à partir de 2023

une astuce désormais bien connue se cache souvent derrière ces campagnes marketing : celle de la compensation. Concrètement, la stratégie de certaines entreprises est de soutenir des technologies dites « d’élimination » du dioxyde de carbone, soit en améliorant des processus naturels existants (forêts, sols et autres « puits de carbone »), soit en finançant de nouveaux montages – souvent encore expérimentaux – permettant de capturer directement le CO2 dans l’atmosphère (par exemple en le stockant sous terre). Dit autrement, ce qui est présenté, d’une part, comme des « émissions négatives » à travers un budget de financement dédié, doit permettre de compenser des émissions émises d’autre part. Et c’est ainsi que n’importe quelle marque peut théoriquement se présenter comme « neutre en carbone » sans pour autant réduire activement ses propres émissions directes.

Rappelons enfin que les citoyens tirés au sort dans le cadre de la Convention citoyenne pour le climat (CCC) s’étaient initialement mis d’accord sur la nécessité d’« interdire sur tous les supports publicitaires les produits ayant un fort impact sur l’environnement », loin de la logique de l’incitation et des « petits pas » qui semble ici privilégiée.

Bah alors, les citoyens avaient de mauvaises idées ? Encore un exemple qui montre que les citoyens sont bien capables de produire des lignes directrices pour le pays.

Twitter will pay a $150 million fine over accusations it improperly sold user data : NPR

Oops look, Twitter asked you for your phone number supposedly to secure your account, but in fact they sold it to advertisers to make money. Combined with your email address, of course. For 6 years (until September 2019).

Testing Pipeline 101 For Frontend Testing — Smashing Magazine

Unit > Integration > E2E is still a valid pyramid for testing; but better can be found.

Static analysis > Unit + Integration > e2e

Static analysis means to check the code without running it. We already have examples with Eslint as a javascript code style fixer; Stylelint for CSS code fixing (I have to try); Sonarqube

Unit and integration tests are mixed together as:

  • The definition of a unit is often “to be discussed”: If you ask a group of developers to define a unit, you will mostly get various, differing answers. As some refer to a function, class, or service — minor units — another developer will count in the complete component.
  • In addition to those definition struggles, drawing a line between unit and integration can be tricky, as it’s very blurry. This struggle is real, especially for Frontend, as we often need the DOM to validate the test basis successfully.
  • It’s usually possible to use the same tools and libraries to write both integration tests. So, we might be able to save resources by merging them.

There are also visual tests. We can group e2e-tests and visual tests into a UI test category. Btw the recommended open-source and fully self-hosted tool for visual testing is Visual Regression Tracker

(Why) Some HTML is "optional" (archive) — David Larlet

<P> was meant to be a break tag between paragraphs!

In Defence of the Single Page Application | William Kennedy

LOL

My Custom Contact Sharing Solution - Daniel Miessler

Share a QR-Code that people can scan to get your informations, instead of switching the phones, spelling the number out loud, etc...

Mhmhmh it could be also joined with checkboxes, in order to select the information that you want to share.

Blog Stéphane Bortzmeyer: Faut-il forcément passer du temps à étudier les techniques qui semblent farfelues ?

c'est justement parce qu'évaluer sérieusement une invention prend du temps qu'on ne peut pas le faire pour chaque type qui annonce à l'univers qu'il a inventé un truc extraordinaire. Toute personne connue dans son domaine voit passer de nombreuses annonces d'inventions géniales, et si elle consacrait à chacune le temps nécessaire pour être absolument sûre de sa vacuité, cette personne n'aurait pas le temps de faire du travail sérieux.

Mais c'est ainsi. Les journées n'ont que 24 heures et il faut bien dormir de temps en temps. Si vous êtes inventeur, ne croyez pas qu'un·e expert·e du domaine va consacrer gratuitement des heures ou des jours de son temps à analyser patiemment tout ce que vous racontez.

Eh oui ! Il faut penser au temps, que tout le monde n'en a pas assez et faciliter la prise en main de la solution !
Quel problème est-ce que ma solution résous, comment, son efficacité, etc...

Cela se voit avec les outils liés aux développements web: ceux qui ont du succès ont de la documentation, des exemples, guides, démarrage rapide via un environnement (comme le REPL de svelte)

JSON and virtual columns in SQLite

Creating virtual columns in SQLite to greatly improve SQL queries. So

however I don't think that storing JSON as-is is a good idea...

But yes, it is almost a NoSQL database ツ

Magic Keyboard

It’s a physics-engine-keyboard-thing! Try typing “rain”, “feross”, “semi” or “hexbin” for secret behavior!

css vs webgl cubes

Drawing a cube in css and webgl... it turns out it is easier in CSS

Orbit

Orbit uses publicly available twitter data to determine who you interact with the most. That's why there's no need to log in or provide your password.

It fetches a number of your most recent tweets and likes. Then, it counts the number of interactions you've had with each person and assigns them a score.

Airport Codes

MSY for New Orleans? Airport Codes tries to make sense of those unique three-letter codes.

A Single Div

A simple div and here's the result: beautiful design and pictures.

Steve Gardner

If you find one of the Steves hidden online and in real life, it’ll be marked as yours forever. Find all of them and you unlock the power of a thousand suns.

15+ Amazing CSS Checkbox Styles 2022 [Examples You'll Love]

Some smooth checkboxes :)

stroke-dashoffset | CSS-Tricks - CSS-Tricks

I am using this trick to animate checkboxes, but I have to check it out for master it !

CSS { In Real Life } | Quick Tip: You Might Not Need Calc()

calc is useless in min(), max() and clamp() functions

gabrielmbmb/vuex-multi-tab-state: 💾🔗🖥️ Share, synchronize and persist state between multiple tabs with this plugin for Vuex. TypeScript types included.

Make it also available for Pinia ? #project #idea

How I built a modern website in 2021

A description of a modern website architecture. It uses a bunch of modern technologies, and the author explains why they are useful in its case.

Pug in 5 Minutes - I'm Jhey Tompkins!
I won free load testing

A feedback after a DDoS attack.

100 underline/overlay animations | The ultimate CSS collection 🥇 - DEV Community 👩‍💻👨‍💻

So much !

🇪🇺 Zug-Direktverbindungen

Finds all the direct train desserving a specified city 👍‍

4 Cool Hover Effects That Use CSS Text Shadow | CSS-Tricks - CSS-Tricks

The way it is written is smart 👍‍

.hover-1 {
  --h: 1.2em;   

  line-height: var(--h);
  color: #0000;
  text-shadow: 
    0 calc(-1*var(--_t, 0em)) #000, 
    0 calc(var(--h) - var(--_t, 0em)) #1095c1;
  overflow: hidden;
  transition: .3s;
}
.hover-1:hover {
  --_t: var(--h);
}
Telegram is now a super-app? - Jan-Lukas Else

I would also prefer an open web instead of limited super-apps.

What will happens when the web content will be published to these platforms only, as it is currently the case with the different channels ?

The Joys and Sorrows of Maintaining a Personal Website

The second lesson I have learned is that when I first sit down to write I must allow the flood of ideas to flow out of me onto the page without worrying about what is coming out. If I pause to correct grammar, spelling, or sentence structure, I risk losing sight of the vision that created the words in the first place.

One of the things that makes me happiest about running a self-hosted blog is that I can write whatever I want, and anyone can read it--assuming they can find it.

So true. I don't allow myself to write on my blog, putting much time on these readings on RSS feeds, then posting them on the shaarli.

Some users are not aware that by downloading RSS feeds literally every two minutes, they are hogging Internet bandwidth and wasting resources.

I am refreshing my RSS feeds or twice a day :/ I didn't they were such impatient people up there. Everything exist on the Internet though.

Personal website owners who endure may do so because they learn to view their work as a way of providing a needed service or information.

Example of lehollandaisvolant, ....

Perhaps we should focus less on the number of visitors we draw to our websites and more on our efforts to create something of value, something that will make others just a little wiser, just a little freer, or just a little happier.

That's why I don't even have a Mattomo instance

I suspect those whose websites endure the longest are those who find joy in coding, writing, and communicating with their readers.

Seems true to me too.

Knowing that I am not alone is a source of motivation for continued writing, not in the belief that by doing so I will change the world, but simply because I am encouraged to feel that someone should be writing about our shared concerns, someone who is not receiving a paycheck or a campaign contribution for doing so.

It is also a very easy way to share on the Internet. And this feeling to be able to reach so many people, or to make content available according to your own wishes is a great equanimity.

I listen to too many podcasts - David Darnes

In bulk:

  • Reply All
  • ShopTalk
  • StartUp Podcast
  • 99% Invisible
  • Design Details
  • Developer Tea
  • One Design Podcast
  • PageBreak Podcast
  • Narwhals
  • CodePen Radio
Free Online OCR - convert PDF to Word, Images to text, JPEG to Word

An OCR better for french text than tesseract.js (for now)

Nils Binder's Website

On this website, you can adjust the amount of CSS that you want :)

i am schulz

I like the effect on the avatar. Another guy on the internet :)

VOLE.wtf 🐹⁉️ because internet is stupid

Random stuffs, but that's cool !

Vole is a fun pinboard of interesting internet content™
If you visit with an ad blocker you’re congratulated, then low-five a sloth to get in. - https://whimsical.club/

Libre à vous !
Cause Commune - Paris - 93.1 FM ⋆ La voix des possibles - 93.1FM
SQLite Markdown: Format Query Results In Markdown - Markdown Land

It is possible to export SQLite data to markdown 😯

.mode markdown

That's great !

Qu'est-ce que la MERN Stack ? Tout ce qu'il faut savoir ✅

I knew LAMP, XAMP, etc...

MERN stands for MongoDB, Express.js, React, Node

The Whimsical Web

A collection of websites that brings funny things :)

React's Render Props in 3 Minutes - I'm Jhey Tompkins!

Does the same effect as slot/template in Svelte and Vue.

it looks like a callback in javascript, but for react component :D

USB Cheat Sheet

I spend time investigating a non-existing bug today because I misunderstood a USB term. So I made myself a cheat sheet. Maybe it will save time to someone.

USB version names are a mess ! Here to make things clear :)

Pico.css • Minimal CSS Framework for semantic HTML

Styles are based on the HTML tag. This library is small and can be reused very fast.

It seems better for small projects than TailwindCSS.

Please, stop disabling zoom - Manuel Matuzović

Why zoom is deactivated on some websites ? What is the advantage ?

You can force it though:

In Firefox find the settings, select “Accessibility” and activate “Zoom on all website”
In Chrome find the settings, select “Accessibility” and check “Force enable zoom”

Moshi on Twitter: "Je suis bénéfices/risques. Suspicion syndrome de Guillain barré après 1e dose Pfizer il y a 9 mois ! Aujourd'hui je marche avec une cane à 24 ans. #jesuismauricette 🙏🏻😔 https://t.co/7dqJte2GIk" / Twitter

Donc je résumes:

  • quelques personnes ont des effets secondaires à cause du vaccin
  • les gens se plaignent que c'est honteux de pousser la vaccination

le niveau de réflexion des commentaires m'affliges 😔

Le bénéfice/risque global est là: le vaccin est beaucoup plus bénéfique que néfaste, alors pourquoi discuter ?

Donc selon votre raisonnement, on aurais du éviter la vaccination, et laisser une grande partie de la population décéder ou se retrouver avec des séquelles à long terme ???

Fullstopnewparagraph – copywriting

A nice introduction about copywriting

The work page has also nice effects that improve usability.

About Me | Max Böck

I like the theme picker here :D

Headless UI - Unstyled, fully accessible UI components

Especially what I was looking for :)

Pénurie d’huile et «panic buying»: «La peur de manquer est très capitaliste» – Libération

La pénurie de bois a eu un effet vertueux qui mériterait d’être chiffré : suite à cette crise, le marché des cercueils en carton, qui est plus écologique, moins cher, qui se consume plus vite dans la crémation et qui pollue moins, commence à percer en France.

Extreme Download : découvrez la vrai adresse officielle en mai 2022

Pourquoi le téléchargement illégal est en plein boom ?

Avec l’arrivée des plateformes de streaming en VOD, replay, l’offre et son contenu ont explosés en France. Netflix, Prime Video, Disney+. Les français peuvent profiter d’un catalogue de films et séries variés. Et ce, directement depuis leur ordinateur, TV, smartphone et tablette. Cependant, il faut souscrire à un abonnement qui a un coût mensuel. Le problème c’est que certains internautes ne peuvent pas (ou ne veulent pas) payer pour en profiter.

C'est surtout que pour avoir le catalogue complet., il faut s'abonner à plusieurs plateformes: Disney+, netflix, Prime Video, HBO, Salto, Crunchyroll, TV+ (Apple), OCS, Rakuten TV

Une initiative comme HDS (https://www.hds.li/) proposant de regrouper les films et séries semble intéressant.