Monthly Shaarli
July, 2023
The 512KB Club is a collection of performance-focused web pages from across the Internet. To qualify your website must satisfy both of the following requirements:
- It must be an actual site that contains a reasonable amount of information, not just a couple of links on a page (more info here).
- Your total UNCOMPRESSED web resources must not exceed 512KB.
- Rester calme
- Ne pas être obnubilé par l’argent
- Savoir combiner plusieurs rôles
Poyvoir consulter et zoomer sur les zones du D-Day.
Peut-être lié à https://shaarli.lyokolux.space/?ITW9MA
A list of webring stored in a sheet.
Other webrings in bulk that can be used later:
The personal website of cassie :)
My blog is where I think out loud. Expect mainly front-end development, with a sprinkling of self care and mental health.
A portfolio of different projects made by Henry, a creative developer (he/him/él) currently based in New York City Denver, Colorado. I’m really into CSS, animation, interaction, and deleting code.
The blog: https://henry.codes/writing
The blog: https://tylersticka.com/journal/
The website has something close to cartoons :D
Another personal website that has a navigation similar to an app. Its content is straightforward.
Another lovely personal website
Hey there, I’m Chester 👋 Welcome to my digital garden 🌱 I like building things, and I’m currently helping to build Mobbin.
In my free time, I enjoy brewing coffee, tending to my plants, and climbing (plastic) rocks.
I do some reading and writing as well, albeit not as consistently, but I’m working on being better at that.
A qr code scanner library based on Open CV with the WeChat algorithm. A state of the art scanner, and maybe the best.
La magazine epsiloon a parlé de l'avion "propre" et même elleux qui peuvent être assez optimiste sur certaines recherches n'arrivaient pas à sauver l'avion.
Titre des graphiques :
- Les batteries ne sont pas assez puissante
- On sous-estime l'impact de l'aviation sur le climat
- Les améliorations techniques ne suffiront pas
Here is why:
- there are also hundreds of blogs out there
- you're not an expert
- you are showing the world how stupid you are
- people noticizing your blog will trash it
On the other hand,
- it is notes to your future self
- release ideas that you have in your head
- learn to write and express ideas
- add a personal view
- writing about a subject can lead to being someone's hero some day.
- it's cool
- you can write whatever you want
Middleware → intergiciel
framework → cadreiciel ou cadre applicatif
"Nous commençons ce chemin escarpé vers davantage d'investissements pour l'électrification avec le sac à dos un peu lourd d'une dette de 65 milliards d'euros" en 2022, a ainsi souligné le patron du groupe, renationalisé à 100% depuis le 8 juin.
Nationalisé, c'était avantageux pour l'état et la population, mais une partie a bien entendu été privatisé avec la mise en place de l'arenh. Maintenant que le déficit s'est installé avec ce système, EDF a été renationalisé...
Le web et ses services inatendu. En même temps, cela est bien pratique
It is impressive as you can ask how to code X
There is a "How it works" video: https://www.youtube.com/watch?v=ofKJ2zauYxw
Une bonne introduction à l'accessibilité web
An unstyled vue component library.
A good job 😃
Dommage que ce soit sur AWS et pas sur un cloud européen.
Les classes de l'école primaire sont couvertes.
Les ressources semblent anciennes puisque Adobe Captivate est présent sur le site. Après en avoir consulté certaines, elles datent bien! À voir ce qu'il y a d'autres.
Et comment ces données sont récoltées sans consentement.
Cette enquête a été d'abord publié pa Netzpolitik: https://netzpolitik.org/tag/die-xandr-recherche/
Mais ces harceuleurs, eux, restent sur les réseaux sociaux et ne sont pas inquiétés...
Je rejoins la réflexion de SebSauvage:
"toujours actif sur les réseaux" = "Les GAFAM gagnent de l'argent avec la haine en ligne et ils n'ont aucun intérêt financier à arrêter l'extrême-droite. Le capitalisme est compatible avec le facisme."
In his 1959 classic, The Sociological Imagination, the great sociologist C. Wright Mills told students of the discipline:
As a social scientist, you have to … capture what you experience and sort it out; only in this way can you hope to use it to guide and test your reflection, and in the process shape yourself as an intellectual craftsman. But how can you do this? One answer is to set up a blog: there is joined personal experience and professional activities, studies underway, and studies planned. In this blog, you … will try to get together what you are doing intellectually and what you are experiencing as a person. here you will not be afraid to relate your experience directly to various works in progress. By serving as a check on repetitious work, your blog also enables you to conserve your energy. It also encourages you to capture ‘fringe thoughts’: various ideas which may be byproducts of everyday life, snatches of conversation overheard in the street, or, for that matter, dreams. Once noted, these may lead to more systematic thinking and lend intellectual relevance to more directed experience.
A paper-style imitation library
Entrer son âge, voir ce qui est à faire cette année, voire sur les 3 prochaines années.
Améliorer sur projet et le rendre compatible HTML5
Her partner created an Threads account and his partner was suggested, even if he only has an Instagram account.
The comments are golden about this post :D
- Succeed is a blurry term. How a social network will succeed?
- Every social network is there for a limited duration and will be useful to a limited niche of people. Even Facebook: there are more people without an account than with one.
- Everyone live in a small niche (or communities) that uses only some social networks.
- Our communities are worth a lot more than the underlying tool used at some point in time.
Par comparaison, Internet ressemble à la rue
Examples of UI patterns that does not need JS
En 2 étapes: extraire la pist audio puis l'encoder:
cvlc -I dummy "mon_fichier_video.mp4" --no-sout-video --sout-audio --no-sout-rtp-sap --no-sout-standard-sap --ttl=1 --sout-keep --sout=#transcode{acodec=mp3,ab=128,channels=2}:std{access=file,mux=dummy,dst=mon_fichier.mp3} vlc://quit
L'officiel de l'État français
All three are valid. Here's why.
If you live with others get a dishwasher: it feels true! Some of the thoughts are indeed, but I disagree with others.
Cloudflare tracks the IP address before the first request for consent.
As results Cloudflare is illegal in Europe. Here follows the second condemnation of a website.
A single irreducible unit or component in a larger system.
This definition makes sense to me:
- an atomic note describes only a singular idea or concept (that can not be split without breaking its sense)
- an atomic habit is a regular practice that is small and easy to do
- Atomic design reduces design down to their foundational building blocks of all user interfaces
Le rapport train - avion est clair: il faut impérativement privilégier le train si on veut avoir un moyen de transport durable.
Facile aussi de proposer des prix peu cher, lorsque
son carburant est détaxé, et le coût des infrastructures n’entre pas dans le prix du billet et la taxation carbone du billet limitée à quelques euros.
Et c'est bien juste. Pourquoi ce secteur est autant aidé? Qu'est-ce qui le justifie?
Get to understand webrings.
The post has also a collection of webring systems.
Another personal website <3
I'm a front-end developer, designer, accessibility specialist, educator, and CSS artist. I write, speak, and collect ethical design resources. I work freelance, and you can hire me.
The blog: https://fossheim.io/writing/
A list of projects of Lee Martin:
His dev blog is on Medium: https://leemartin.dev/?gi=e5f0945e85bd
A personal website that has themes depending of the day: "live", "cycle", "sunrise", "Day", "Sunset", "Night" and "Light".
I'm a web developer based in Edinburgh, Scotland, and use the pronouns he/him. I love front-end development—particularly CSS, HTML, and web performance.
The blog: https://alistairshepherd.uk/writing/
An old-school personal website. The about me page is different from the rest of the website <3
You can see the cursor of other visitors o_o
The blog of course: https://dimden.dev/blogindex
A garden is something in-between a personal blog and a wiki. It’s a collection of evolving notes, essays, and ideas that aren’t strictly organised by their publication date. They’re inherently exploratory – posts are linked through contextual associations. They aren’t refined or complete – posts can be published as half-finished thoughts that will grow and evolve over time. They’re less rigid, less performative, and less perfect than the personal “blogs” we’re used to encountering on the web.
Avoir des plateformes de lanceurs d'alertes au sein de l'entreprise. La plateforme de LaPoste par exemple: https://report.whistleb.com/fr/portal/laposte
Sur la thématique du CV, au contraire d'une lettre de motivation classqiue,, on peut faire en sorte que les bonnes entreprises soient motivées pour travailler avec nous.
Voici un example de tel document: https://docs.google.com/document/u/0/d/1ypKCEEmLrFQjcN-_kTIRmAk8gi18xlfbnj08VjzegBo/edit?usp=sharing&pli=1.
Sur la thématique salariale, avoir un simulateur de salaire pourrait permettre au postulant de faire une simulation de combien il pourrait gagner au sein de l’entreprise sur la base de la grille salariale de l’entreprise.
The benefits of min-width: 0; while overflowing with flexbox
As it turns out, links are not focusable in Safari if they have 0 dimensions. Adding 1px padding, border, or width and height fixes the issue.
Achter des chromebooks qui s'arrêtent de fonctionner après 3 ans.
planned obsolescence is the right term for it.
A Google spokesman said the death dates have an important purpose: Chromebook laptops receive regular software updates — including for security — and older devices often cannot support the upgrades.
Yeah sure of course...
Rapport complet: https://publicinterestnetwork.org/wp-content/uploads/2023/05/PIRG-Chromebook-Churn-Full-Report-May-1.pdf
Explaining pointers in one image
The wikipedia article relates the events accuratly
Everything that does not have to be JS anymore, and there is a lot !
I didn't know about the accesskey attribute :)
Une antilope courait.
Un éléphant lui demanda:
- Pourquoi cours-tu comme ça?
- La police arrête toutes les chèvres du village.
- Mais tu n’es pas une chèvre!
L’antilope répliqua :
- Avec la justice actuelle ça me prendra 20 ans pour le prouver. Alors l’éléphant se mit à courir aussi.
Si nous ne sommes pas présumé innocent ou que la justice prend du temps à traiter une affaire, cela inclus alors une inégalité désavantageant la victime.
A list of patterns for better UX with AI. For example, the user has the choice to use a gender neutral AI, an explanation of the algorithms and opt-in or opt-out the use of AI.
It has 60 patterns at the moment.
Make a list of all component that can be found in a project:
- this list
- material UI
- Carbon
- react rainbow components
- https://component.gallery/components/ (not maintained anymore?)
- ...
One advantage in svelte is that we can integrate JS libraries quickly
Universally Unique Lexicographically Sortable Identifier is an improvement of UUIDs in some cases:
- 128-bit compatibility with UUID
- 1.21e+24 unique ULIDs per millisecond
- Lexicographically sortable!
- Canonically encoded as a 26 character string, as opposed to the 36 character UUID
- Uses Crockford's base32 for better efficiency and readability (5 bits per character)
- Case insensitive
- No special characters (URL safe)
- Monotonic sort order (correctly detects and handles the same millisecond)
Une loi anti-harcèlement poussée par une personne qui vient d'être condamné pour cela...
In Rust, we can use:
- enums
- builder pattern
- enums + builder pattern
- another way: Instead of insisting on several builder methods, let’s create a single method that can add any option to the search options. The search option is then an
enum.
Create webpages from SQL requests
13 examples or applications
and a reference to the currently very small Blue Dwarf social network
Writing recently about Hotwire, SPA, and Dev stuff
Idée de projet:
- rendre plus accessible au public les nouveautés de l'exposition
- pouvoir proposer des visites guidées en plusieurs langues
- rendre la visite plus interactive
Point de départ:
Visualize directly some fonts in the browser depending of the input
Il se concentre sur les cycle I, II et III.
À noter aussi le système de ceintures: https://www.charivarialecole.fr/archives/489
because it does not fit long-term.
Si un chat est sous les rails, faut-il arrêter un train de 1 500 voyageurs pendant 1h30 ?
Ou peut être comment réduire cette durée au maximum ?
Aux yeux de certains, le refus d’obtempérer semble désormais passible de la peine de mort.
Mais la vérité oblige à dire que ladite violence policière est aussi le prix du retrait de l’Etat qui a asphyxié financièrement le tissu associatif de proximité et démantelé les services publics en confiant à ses flics une mission impossible: celle de maintenir la paix sociale dans un Etat d’injustice sociale
Things not needed with javascript: Date-fns and Lodash at the moment.
C'est balo
“L’ambassade de Chine en France demande aux citoyens chinois de faire attention aux enjeux de sécurité qui secouent la France, d’éviter de se rendre dans des zones touchées par les manifestations et les violences, et de tout mettre en place pour garantir leur sécurité personnelle.”
Or the limit of altruism:
As lovely as it might seem, our selfless actions usually get prioritized above looking after ourselves.
We will go to unending lengths to look after the ones we love, and even the ones we don’t. We are empaths, we want the best for everyone, so we do our best to try and give them that, usually to our own detriment through self-neglect.
As I start to gather more and more projects. I will need one to sort them and share them :)
This will allow me to share them, as this post ask for a project to build with Astro
A frontend developer and accessibility auditor (and other things). The website design is close to the WCAG documents appearance :D
The blog: https://www.matuzo.at/blog/
A design egineer with a focus on accessibility.
The blog: https://www.ellyloel.com/blog/
She make a difference between blog post (longer content) and digital garden for thoughts.
Programming with HTML, CSS and JS :)
The website has a neon title with pixellised icons and multiple themes are available for the website.
The blog: https://localghost.dev/blog
An original personal website that reminds the possibility of design for the web!
It generated 2 colors that have an accessible contrast with each other
A personal website with a combination of typeface, minimal visual elements.
Meta is banned and has 3 months to comply with the regulation or it will get a coercive fine of up to one million NOK per day.
Shodo est une entreprise de service IT qui conseille, forme et accompagne toutes les organisations dans la réalisation de leurs projets informatiques et l’adoption de nouvelles techniques d’ingénierie.
Ils semblent bons.
Ils ont aussi publié une grille salariale: https://shodo.io/grille-salaire-transparente/
Un exemple du fourvoiement du terme de médiateur.
A flexbox playground in which code and a nicer UI can be toggled.
A quick win is to use font-variant-emoji: emoji;
Another drop-in css library that authors wished to have to start on every new little website.
TL;DR use SSR or SSG
How anxious would you feel in the following situations?........ Please
circle the appropriate numbers below.
Related to maths in order to verify if someone is anxious about maths. It provides a scale in the original paper: https://sci-hub.ru/10.1007/s40753-019-00104-6
There is also a Wikipedia article related to it: https://en.wikipedia.org/wiki/Mathematical_anxiety
#idea #project make a website form of it. Explain its goal and how this work :)
Mastodon can support a wide variety of media files
Why Wikipedia can not be written by AI for now, and its limits.
One thing is that AI needs human in order to get better. Another is AI can only know what is public on the Internet. At last its output is not fact-checked.
Une liste de service pour les professionnels de l'éducation
Un blog avec des ressources pédagogiques pour tous les cycles
Rempli de ressources pédagogiques, mais le site ne semble plus actualisé.
Blog d'un(e) enseignant(e) de CE2, CM1 et CM2.
Un tas d'outils en ligne pour générer du contenu de cours
The Largest Collection of Free Stuff On The Internet!
(via https://fmhy.pages.dev/)
Une application de la classification de texte en 15 lignes de python. C'est impressionnant, et l'algorithme peut concurrencer les IA sur ce domaine. Cela n'est cependant par révolutionnaire.
"Piracy can't be stealing if paying for it isn't owning"
It sounds right...
C'est baleau de dire que VigiEau ne provient pas du gouvernement, hein
Le projet avançait bien, jusqu’à ce qu’Emmanuel Macron s’engage personnellement dans l’avancement du plan Eau et annonce la mise en place de la plateforme, qui a alors pris une dimension politique et dû devenir un produit ministériel « officiel », relate Contexte. Tandis que les « réservistes » citoyens finalisaient leur portail, ils ont appris que le ministère développait finalement sa propre plateforme, débarrassée de certains éléments proposés par La Réserve, comme l’usage de l’écriture inclusive ou la préconisation de manger moins de viande bovine pour économiser l’eau.
Cela est dur à encaisser
Le projet avançait bien, jusqu’à ce qu’Emmanuel Macron s’engage personnellement dans l’avancement du plan Eau et annonce la mise en place de la plateforme, qui a alors pris une dimension politique et dû devenir un produit ministériel « officiel », relate Contexte. Tandis que les « réservistes » citoyens finalisaient leur portail, ils ont appris que le ministère développait finalement sa propre plateforme, débarrassée de certains éléments proposés par La Réserve, comme l’usage de l’écriture inclusive ou la préconisation de manger moins de viande bovine pour économiser l’eau.
Ouch
The most complete guide on privacy I've found so far.
Les ressources pédagogiques pour Edumoov
Des produits fabriqué en France et plus respectueux de l'environnement. J'ai eu des recommandations de clients de plusieurs mois.
Brackets are allowed in URLs. It makes it hader to handle than first though!
The author propose a regex, but it is still not valid as only the extended ascii is in it.
Yes, it is hard to parse URL correctly.
Native alternatives to lodash utils
Native alternative to date-fns
Un état d'internet en France. Le communiqué de presse est résumé avec les graphiques sur Twitter.
Le communiqué de presse en question: https://www.arcep.fr/actualites/actualites-et-communiques/detail/n/numerique-040723.html
Pagefind seems to be a great search tool for static (or SSRed) websites.
Pagefind is written in Rust and runs after my static site generator binary. pagefind indexes all generated HTML and provides an API to query that, including a search UI which you can see at the bottom of every page here. Perfect for my static site setup and it aims to not use much storage or bandwidth.
Available at https://pagefind.app/