Weekly Shaarli

All links of one week in a single page.

Week 48 (November 27, 2023)

Noise-Planet - NoiseCapture

NoiseCapture is a free and open-source Android application that allows users to measure and share the noise environment. Each noise measure is combined with its GPS track so that the result can be displayed in interactive maps within the application, but also on this page.

#idea #project improve the UI

Richest 1% account for more carbon emissions than poorest 66%, report says | Greenhouse gas emissions | The Guardian
Grids Part 1: To grid or not to grid | Sarah Higley

Either a <table> or a grid layout?

a11y.css’ documentation | a11y.css

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

Signal accuse la France de dire n'importe quoi sur sa messagerie sécurisée - Numerama
HTML Inputs and Labels: A Love Story | CSS-Tricks - CSS-Tricks
Not Your Typical Horizontal Rules – Sara Soueidan, inclusive design engineer
Note: Semantische HTML

Ja klar, bei manchen Sachen sollte man das mit ARIA Elementen anreichern, aber bei vielem könnte man es verbessern indem man einfach die richtigen HTML Tags/Attribute verwendet.

Use Cases anzeigen und sie durchsuchen können.

Beispielen:

  • Accordion: <details>/<summary>
  • <dialog>
  • Definitionsliste: <dl> / <dt> / <dd>
  • Definition steht im Paragraph <dfn>
  • Listen: <ol> / <ul>
  • Mehr Kontekt <time>,<kbd>, <abbr>
  • Separator zwischen Paragraphen: <hr>
  • Abkürzung:
  • <address>
  • <quote> / <blockquote> / <cite>
  • semantische Struktur der Seite: <article> / <section> mit o. ohne Heading / <footer> / <header> / <main> / <aside> / <nav>
CSS { In Real Life } | Oh No, Overflow!
Julia Evans in Elk: "git discussion bingo card" | Elk

A git bingo: did you hear all of these?

Dalipas 🏳️‍🌈🇬🇹 in Elk: "Génial Louis Boyard !" | Elk
HTMHell Advent Calendar 2021 - HTMHell

Dedicated to HTML :)

Requests for Startups | Y Combinator
  • AI
  • Brick and Mortar 2.0
  • Carbon Removal Technologies
  • Cellular agriculture and clean meat
  • Diversity
  • Education
  • Energy
  • Enterprise Software: make the extensive cheap, knowledge workers, digitizing every industry
  • Financial services
  • Future of work
  • Government 2.0
  • Healthcare
  • Improving memory
  • Longevity and Ati-aging
  • One million jobs
  • Supporting creators
  • Transportation and Housing
  • Underserved Communities and Social Services
  • VR and AR

See also the past requests for Startups

  • Cleaner commodities
  • Computer security
  • Programming tools
  • Robotics
  • Safeguards against fake video
  • Voice apps
SimpleMobileTools was Sold - Alternatives

Shit. I have to change some apps of my android phone.

Get that marquee ✨AeStHeTiC✨ - HTMHell

Create an accessible <marquee> tag

Tous les articles | Tout ce qui bouge
:akko_angery: Kingu: "the girl of lo-fi beat to study to was doxxed!!" - Mastodon 🐘

They found were Lo-Fi Girl is 😁

The web accessibility basics - Marco's Accessibility Blog
In Critical Defense of Frontend Development · Jens Oliver Meiert

Because it is complex and powerful.

LibreOffice pour les utilisateurs d’OpenOffice.org

Comment OpenOffice est devenu LibreOffice suite à un fork de la cokmunauté.

Des Etats-Unis à la France, comment la société s’imprègne de l’imaginaire complotiste de QAnon
Switch Role Support — Adrian Roselli

Use <button> if you can count on JavaScript being available, and flipping the switch has an immediate effect.
Use <input type="checkbox" if you want to progressively enhance the control, and flipping the switch will only take effect when the user submits it.

The post explains how.

HTML Recipes

Nice to get it right the first time with a minimal example

Shadow roots and inheritance | Kitty Giraudel

box-sizing does not work well with details and summary: it is implemented as shadow DOM in Chrome.

HTML Tags Memory Test on CodePen

How many HTML tags do you know?

Secure Messaging Apps Comparison | Privacy Matters
Why SQLite may become foundational for digital progress | VentureBeat

“I ran a database company before this and I think the thing people like me never want to talk about is just about everyone has a few sub-10 gigabyte databases.” said Kurt Mackey, the CEO of Fly. “If you’re really in that category, you know this is super interesting because it’s SQL and it’s amazing for 10 gig databases.”

“[There’s] no need to get a database server up and running (or a docker container). It’s just a file. You can even send the database file to a coworker if you need some help with something.”

The software runs very fast without performance glitches, but there aren’t the same number of tools that can help support it. [...] I think the biggest complication for us is that there’s no tooling for it.

#idea #project

Research Ideas · Gwern.net

A (huge) list of projects that can be implemented

10 Weird HTML Hacks That Shaped The Internet
iOS Crystalline Blurred Backgrounds with CSS Backdrop Filters
Do you know color-scheme? - HTMHell
Landmarks and where to put them - HTMHell
Portfolio de Baptiste Roullin, designer UX | Tout ce qui bouge
Adding Complementary Performance Data to Your Site - HTMHell

How to log performance information client-side.

Noël sur data.gouv.fr - data.gouv.fr

A data collection adventscalender

GitHub - jacobxperez/atkinson-hyperlegible-pro: 222 Extra Glyph's Supporting 102 Languages. Includes an Alternative Flipped Zero, Updated Kerning and Ligatures.

Another font made for digital readability

Nonogrammes - Instructions
HTML Validator
Underline your fucking links
How To README · Matthias Ott – User Experience Designer

A proposal for a good README format

  • Name and description
  • Installation
  • Configuration and use
  • Deployment
  • Testing (unit tests? Lol)
  • How to contribute
  • Licence
  • Roadmap (future changes)
  • Author(s) / Contributors
  • add a demo link
  • AND A FUCKING SCREENSHOT!
Accessibility of the section element | scottohara.me

A section tag start to be a generic région only when it is labelled. It provides semantics, but nothing else out of the box.

As developer it increase readability and allow to quickly set a specific landmark when needed.

Vous avez perdu 6 mois de fichiers sur Google Drive ? Vous n’êtes pas seuls…
ploum : « Si vous n’avez rien à cacher et que vous ne faite… » - La Quadrature du Net - Mastodon - Media Fédéré

Si vous n’avez rien à cacher et que vous ne faites rien de répréhensible, vous devriez chiffrer vos communications.

En ne le faisant pas, vous soutenez la thèse que seuls ceux qui ont qqch à se reprocher utilisent ce genre d’outils. Vous concourrez à la criminalisation de leur utilisation. Vous légitimez le soupçon généralisé sur les utilisateurs.

Utilisateur que vous deviendrez peut-être un jour.

Voyager | An Open-Ended Embodied Agent with Large Language Models

This should happen and it happens: an AI that play minecraft. A demo provides the different actions the AI is capable of.

Markets To Build In (2019)
Front end devs really don't understand accessibility | Go Make Things