Monthly Shaarli
August, 2023
A first approach of ARIA with a toggle button
Another one :D
Writing about Rust, Elixir and programming stuff
To solve XDG misconfiguration, if wanted.
Use accessibility APIs of OSes that contains building blocks. These building blocks have 3 kinds of information about a UI element.
The first is a role: What kind of element is this?
The second is a name: a label or an identifier for this element.
The third is state and other properties: Other functional aspects of an element that would be relevant for a user or an assistive technology to be aware of. Is a checkbox checked or unchecked, etc...
It looks like ARIA, oh wait!
The web browsers now expose this accessibility tree.
htmx does not have a build step and delivers the source file as a single 3500 LOC file. Alexander Petrois justifies this choice, as it is a tradeoff.
In a form, the user gets the screen reader navigation capabilities. The tab key becomes the norm again, and all that helps without aria is then the <label for=""> each input.
The meaning of the post is that a code of conduct is a poor level of establishing social norms. Empathy should drive us.
Even after applying various default filters and providing a GUI to search and filter the remarks, there is still a lot of data to go through.
Understanding the remarks is quite challenging. What even is FastISelFailure or SpillReloadCopies? How can I change my Rust code to resolve these remarks? Hard to say if you’re not a LLVM expert.
Similar to background.bg, but it removes the highlighted items on an image.
A rust malicious postgress package was used to retrieve information and send it to a secret Telegram channel.
The rust foundation and crates.io removed the package.
C'est pas la fête chez Microsoft
Serveur Minitel multi-voies des années 80/90 intégralement restauré à l'identique.
C'est propre!
Un guide efficace de l'outil en ligne de commande croc :)
HipFonts sells digital assets. They're good for inspiration.
They also have a #logo collection: https://hipfonts.com/category/logos/
Some #color and how to use them: https://hipfonts.com/category/colors/
I wasn't aware of the mess on Windows. I also agree that it will be more confortable for users to follow XDG conventions on *nix. The article explains well why it is such a mess.
Solution?
On *nix, the answer is straightforward: get everyone to adhere to the XDG Base Directory specification.
In the meantime:
.visually-hidden:not(:focus):not(:active) {
border: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}It is when you start to not be fully able that
Through all of it, I’ve found myself noticing “accessibility” helpers more than ever before: that railing on the stairs, that ramp off to the side of the building, that elevator tucked away in the back.
1 in 5 people currently have a disability. 100% of people will have some form of disability in their lifetime.
TL;DR;
Capitalism was aware of the Y2K bug and took action even if it costs millions.
This is because my colleagues and my friends and I had been engaged in a multi-billion dollar, multi-year, multi-million person, quasi-coordinated project to fix the problem.
There are two obstacles to climate change to follow the same path though:
Responsibility for climate change is sparse and does not benefit an actor in particular if one makes some effort.
Capitalism's secondary tenet, short-termism, doesn't permit it to respond to non-specific risks, even if they're real, because that would require committing wealth to an effort from which 1-year or 5-year returns can't be measured in terms of greater wealth.
- Punch line
- Current status
- Next steps
- Explanation
"Dad, I'm OK; the bull is dead."
"The car is damaged but operable."
"He then explained about the location of the accident and informed me that a person nearby had called the police and that he (Raj) had taken a few pictures of the accident scene. You don't need to rush. I'll explain when I see you."
In journalism, this is known as the inverted pyramid style
- Identify an emotional reaction
- Label the emotion
- Allow the feeling to come and go without judging or trying to change it
According to Harvard brain scientist Dr. Jill Bolte Taylor, ninety seconds is all it takes to identify an emotion and allow it to dissipate while you simply notice it.
A good one
To annotate accessibility features on mockups. Discovered from https://adhoc.team/2023/06/28/become-an-accessibility-champion-by-using-simple-mockup-annotations/
How to parse a programming language with typescript: here a small but working example
Caractéristiques : 50 Go max, conservé jusqu'à 30 jours. Possibilité d'expiration, de protection par mot de passe, de limiter le nombre de téléchargements. Pas d'inscription nécessaire.
It is made by #infomaniak
An argument in favor of emoji instead of raw ASCII ones:
There are a lot of blind people on here, who use screen reader software to tell them what is on the screen. To help screen reader users, it's a good idea to use emoji rather than old-style smileys.
For example 😄 will be read out loud as "smile" because that's its alt text. However, :D will be read out loud as "colon D".
Le stage doit être rémunéré après la 3è. Un thread.
Si cela vous est refusé ⛔ c'est qu'on ne compte pas vous utiliser sérieusement et que vous avez de grande chance de vous faire lourder pendant votre stage car on a pas réellement besoin de vous derrière 🤡
Pour les freelances, inclure une partie dédiée aux réunions.
Accepter les entretiens techniques avec le client final uniquement et refuser les période
En tant que développeur salarié, quand vous souhaitez changer de poste, n'acceptez pas de passer des entretiens qui durent plus d'une heure.
Cela coûte trop et autant éviter le travail déguisé s'il fait "faut faire ses preuves".
Bruno Demande, une carte qui ne fait rien.
Avec 20 000 avions dans le ciel, le 6 juillet 2023 a battu le record historique de vols simultanés.
Par un hasard cocasse, c'est aussi la journée la plus chaude jamais enregistrée.
La même structure: un sommaire, différentes rubriques et une info-box avec des chiffres et des images.
Le contenu provient de sources secondaires, qui sont consultables dans sa rubrique dédié.
La qualité de l'article reflète celle de ses sources.
Chaque article possède aussi sa page de discussion.
Les articles ont deux types de liens: les bleus indiquant un lien vers un autre article et les rouges indiquant qu'un article n'existe pas encore.
I heard of it from the blog post: https://scottwillsey.com/astro-expressive-code/
It has an integration for Astro: https://github.com/expressive-code/expressive-code/blob/main/packages/astro-expressive-code/README.md
L’État français est coupable de « carence fautive », car il n’a pas fait respecter les réglementations dans ses abattoirs.
Selon les tribunaux. Eh bien voilà un moyen de trouver de l'emploi :)
Les conditions de travail sont jugées comme difficile, ainsi que la rémunération de départ.
It can be useful someday
Récupérez gratuitement des matériaux sur les chantiers
Une solution pour réduire vos dépenses et votre impact environnemental
Two lessons from algorithms:
- Debugging complex code is hard, first simplify, then debug.
- Single source of truth is good
Second, algorithms teach about properties and invariants.
Third, algorithms occasionally are useful at the job!
Fourth, connecting to the previous ones, the ideas really do form interconnected web which, on a deep level, underpins a whole lot of stuff.
Here again a list of algorithms.
User-agent: GPTBot
Disallow: /
User-agent: ChatGPT-User
Disallow: /Exemple de cas: https://twitter.com/JulesWP/status/1690696247399550976
L'article me semble de qualité pour une introduction à l'apnée.
A playable quote is a self-contained slice of an original creative work that points to a specific moment in the space of play along with a reference performance of how that moment can play out. The reader of a quote can replay their own variations on the quoted moment to see how the game responds.
So people can play again a specific part of a game, to create something and record it :)
To favorise:
- checkbox
- file
- hidden
- radio
- password
- text
To avoid:
- button
- date
- datetime-local
- month
- number
- reset
- search
- submit
- time
- week
The rest is not sure or evident...
Check a project name is available on different package managers, etc.
How do we actually encapsulate state, and actually regain compositional reasoning, fully? The technique that actually works is confining state locally. Confining state to within an object (“encapsulation” as it’s usually meant) doesn’t get us there because the state is owned by the object and thus escapes, but fully-local to a function does successfully isolate that state.
This community group aims to provide a space for JavaScript runtimes to collaborate on API interoperability. We focus on documenting and improving interoperability of web platform APIs across runtimes (especially non-browser ones). This is done through discussions among runtimes, proposals in specification venues (WHATWG, W3C) for new web APIs and for changes to current web APIs, and documentation of existing runtime behaviours.
A course to create a compiler. It starts from the basic.
We have overprotected children in the real world, where they need a lot of free play and autonomy,while underprotecting them online, where they are not developmentally ready for much of what happens to them.
He then shows how we have systematically deprived children of free play since the 1970s and that adolescents' mental health has declined substantially over the same period.
À comparer avec Cerza pour savoir s'ils respectent bien eux aussi les animaux.
Feedback on the web component technology
Sur le sexisme aux échecs. Pourquoi est-il présent et le sujet est sérieux.
Cela fait suite à https://www.lemonde.fr/sport/article/2023/08/03/des-joueuses-d-echecs-francaises-denoncent-des-violences-sexistes-et-sexuelles_6184384_3242.html
When looking for a job, it can be tricky to know what to ask for in terms of salary, especially for underrepresented minorities, who are routinely under leveled and underpaid. So I thought it would be useful to share my salary history since becoming a software engineer, in hopes that it will help someone at some point.
The author of https://carol.gg/salary/ shares their salary too
If a state is important enough to indicate visually, it's probably important enough to expose to assistive technologies.
With an example such as <a href="/about" aria-current="page" class="current-page">, we now have two meanings that convey the same information: the aria attribute and the class. This can leads to bugs while refactoring.
Another example is provided with dropdowns or toggle buttons, and sorted table columns.
Mentions to :disabled or aria-disabled, :invalid or aria-invalid, aria-selected, role="tab", and the list can go on!
Even if the subscribing form includes non-binary participant , advertisers have in contrast an "Unknown".
While Google doesn’t allow ads to exclude men or women from jobs, housing, or financial products, they did allow advertisers to exclude the “unknown” category, leaving those outside of the gender binary excluded as well.
Just the way this data gets labeled already shows how much of an afterthought gender diverse people were.
#idea #project: create many categories that fit better than male, female and "unknown". A better list?
If we don’t include and prioritize people from minoritized groups in our design and tech practices, we risk not only collecting incomplete or incorrect data, but also processing and using it in biased and harmful ways.
You build things thinking you know what people want and how they’ll use it but they’ll often surprise you.
I distinguish 2 cases:
- I build for me, so I don't care about feedback
- I build for others and the user feedback is gold
Compilers are pipelines with a serie of step. Each step transform the input and provides data to the next.
Each step has then a contract with the input provided and its output 😃
The author goes in depth.
We can completely segment one component of the compiler from another by having the right form of data structure in between them. To build that data structure, you don’t need to know anything that happens to it afterwards, you just need to know what it means.
Ok un générateur d'idées, cela arrive...
Courses that somehow seems relevant to every web developer. There is a 10-day trial.
So the question is, when you have done everything "right" in your attempt to do the right thing and it still doesn't work, at what point do you give up and when do you push on and try to make it right?
What to do?
- Do nothing (and it degrades user experience for years until a fix is made)
- Suggest an alternative (and it takes years to fix to go through the roadmap)
- Work around it
- Engineer a solution
A Jupyter notebook demo style for JS.
blog-cells can turn any web page into an interactive code notebook, similar to Jupyter notebooks, but powered by JavaScript and running entirely in the browser.
There's no server-side component, so you can share your notebooks on static site hosts like GitHub pages. Check out the source for this page here.
Check it out https://github.com/rameshvarun/blog-cells
A disabled link is not a link, its just text. You need to really need to rethink your design if it calls for disabling a link.
The href attribute on a and area elements is not required; when those elements do not have href attributes they do not create hyperlinks. - W3C, Hyperlink spec
and how to build a disabled link... the hard way
Un sous-traitant de Pole Emploi a subit un acte de malveillance d'après le communiqué https://www.pole-emploi.fr/candidat/soyez-vigilants/acte-de-cyber-malveillance-soyez.html.
Elle crée l’illusion de l’insécurité totale puis préconise implicitement la solution : un état sécuritaire, surveillé par de nombreuses caméras de surveillance et autres procédés (drones, espionnage des citoyens sur le web…). Il le faut, car vous avez 50 % de chances de vous faire agresser durant la semaine. Ah non… un seul pourcent seulement.
À propos de la télévision
Le média fondé par une partie de la rédaction de Motherboard
Toutes les données relatives aux NFT sont conservées dans des serveurs propres au groupe La Poste.
lol encore une blague, avec une blockchain centralisée. On note qu'il y a aussi un certificat physique, donc qu'elle est l'intérêt de la blockchain.
On sait par exemple que l’on a acheté le N°999 de la série.
Ah oui c'est de l'innovation, on ne le savait pas avant...
An argument against React, because all its features are already built-in.
About a downfall of Google
How class encapsulation or closure can reduce the bundle size
- It's perfectly fine to blog just for fun.
- Start out on a premade platform.
- If you decide to own your own platform, keep it boring.
- Use semantic markup.
- It's totally okay not to have a cadence.
- You'll be amazed what some people don't know yet.
- Sometimes, 80% > 100%
- It's okay to ignore some feedback.
I found that the cyclical nature and the pressure to write anything was burning me out.
Yeah, I have that too. That and the thing is I also didn't want to write 3 phrases, so I have never-ending articles that I never publish 😞
The plan is to import the dependencies from package.json and modify the rollup output chunks to split each dependency from the vendor bundle. A vendor array should be there with the boot dependencies.
- Do What The Fuck You Want to Public License - https://fr.wikipedia.org/wiki/WTFPL
- Beerware license - https://en.wikipedia.org/wiki/Beerware#License
- No problem Bugroff License - http://tunes.org/legalese/bugroff.html
- Don’t Ask Me About It License
- Good Luck With That Public License - https://github.com/me-shaon/GLWTPL
- The Woody Guthrie Public License
- Demerden Sie Sich License - https://dssl.flyounet.net/licenses/
- The Death and Repudiation License
- Chicken dance license - https://github.com/supertunaman/cdl/blob/master/COPYING
- The Fight Club Licence - https://github.com/benlk/misc-licenses/blob/master/fight-club-license.md
- The Offendo General Pain In The Ass License
- The Schrödinger license https://github.com/benlk/misc-licenses/blob/master/schrodinger-license.md
- The Bugs License r2 - https://github.com/benlk/misc-licenses/blob/master/bugs-license.md
- The Anyone But Stallman License - https://github.com/benlk/misc-licenses/blob/master/stallman-license.md
- The Mephistopheles License - https://github.com/benlk/misc-licenses/blob/master/mephistopheles-license.md
- Why The Fuck Would You Even Do That Holy Shit Public License - https://git.sr.ht/~boringcactus/gotbruh/tree/main/item/LICENSE.md (refactoring in Python 2 is forbidden)
More realistic:
- Don't be a dick License - https://dbad-license.org/
- Anti-Capitalist Software License [non «libre»]- https://anticapitalist.software/
- The please public licence - https://web.archive.org/web/20200814151216if_/https://awoo.space/@typhlosion/1433790
Communities need trust, and it is more relevant with social media
How to archive URLs and their content. It is a mine of tricks or information.
You completely give up control of your traffic to search engines and social platforms. Along with email newsletters, RSS is among the few options remaining to bloggers for establishing a direct communication channel and relationship with readers. With no gatekeepers.
The two arguments against do not stand:
- ads can be enforced by providing a snippet of the post. The reader then needs to navigate to the blog post URL
- web scraping is not that much harder on a blog too
A company buy a concurrent. Then they do not put effort into creating new content or the one existing on it.
It is sad for the users, Digitalocean.
CSS tricks is indeed full of resources.
The tool install binaries directly. It can be especially useful for CI (or maybe Raspberry Pi).
It can definitely be useful 😃
About 1.
- DOM refs created inside composables need to be explicitly destructured in setup() and returned. Otherwise, they won't be mapped to their DOM element.
Yes... but it is also the point that the template refs must be declared in the vue component. I find it more explicit IHMO. Imagine if multiple components were referencing multiple template refs.... It would add mental burden and forces the developer to know which composable use which refs.
About 2.
- Data inside refs isn't automatically usable by templates unless you wrap the composable invocation with reactive(), which conflicts with point 1 without even more destructuring.
Yes to get the value: const { myRef } = useComposable()
or
const r = reactive(useComposable())
Je profite d’avoir un peu de temps pour vous raconter une histoire. Cette histoire c’est celle d’une jeune femme qui a été agressée sexuellement par un inconnu en pleine rue, on l’appellera Alice. Cette jeune femme est arrivée à mon cabinet, peu après après avoir déposé plainte.
[....]
Elle a accepté que je vous raconte tout ça, parce que son courage elle l’a aussi trouvé dans le fait d’aller au bout pour toutes les autres victimes aussi. Et qu’elle voulait qu’elles sachent qu’on peut le faire.
Le témoignage est poignant et choquant.
If you are talking to someone who is not currently using:
- A password manager
- MFA on most or all accounts that allow it
- An up-to-date operating system on all of their devices
Please stop yourself from recommending:- A VPN
- Tor
- Tails (or any variations/equivalents)
Just… rewind a bit and help with the first items first.
Basic validation can be done with HTML/CSS and the CSS selector :user-valid or :user-invalid pseudo-selectors
It's a growing directory of tools, articles, books, podcasts, and other learning resources to guide us in creating more ethical and more inclusive products.
Toujours d’après l’Ifop, les premières causes qui freinent la pratique du topless seraient la volonté de protéger sa peau du soleil, mais également la crainte de voir des photos circuler en ligne ou de subir le regard des hommes.
Parce qu'ils y a des gens mal-intentionnés et qu'être habillé en topless peut te nuire.
An open source platform for building a writing space on the web.
One part of our work is to establish a BBC presence in the distributed collection of social networks known as the Fediverse.
Une classification des modèles selon droite/gauche et autoritaire/libertaire.
Selon certaines affirmations, les modèles répondent bien différemment.
Meetings happen for two reasons:
- You want to present or discuss something with a few people.
- Somebody thinks inviting you to a conference/meeting is a good idea.
You are the initiator
Why does this meeting have to take place ?
Rule 1: In 99% of the cases, a meeting takes more working hours than the time preallocated to it.
Rule 2: The meeting is mainly for the tasks and decisions you cannot fulfill alone.
TODO list:
- Invite people whose work is directly related to your meeting's key topic. How to sort participants? “Will I cancel this meeting if that person cannot participate?”
- Prepare and share the agenda in advance. People must understand why they should be there and what you will expect from them.
- Describe the goal and the expected results so participants can prioritize the information they get during the meeting.
- Plan the timeslots based on the agenda and the number of participants. If you have twenty people for a 30 minutes meeting, then everyone would have a 90 seconds timeslot. Just remember this fact.
You are invited
- Ask in advance for the agenda and the goal of that session if this info is missing
- Clarify what would happen if you could not join, and then decide on joining the meeting (or not)
- prepare your communication plan based on the timeslot you have.
- Investigate the documentation available on the topic so you can have some background and ask the right questions.
Conduction
So, start with the story that will help your audience dive into the right atmosphere.
How to keep people involved?
- Ask people to highlight the aspects they know better than you.
- Ask people to express their expectations about the next presentation slide.
- Use questions that can be answered with a Yes/No or only a few words.
- If it's an online meeting, ask people to turn on their camera if possible.
...
Yes! Browser extensions are planned on Android.
Pas con du tout:
Il faudrait obliger les éditeurs, que ce soit des JV, films ou musique, ebook… de libérer le produit si jamais ils décident de le retirer de leur « store ».
S'ils ne le font pas, alors le droit au copyright leur ai retiré.
"Cela nous permettrait - enfin - d'arrêter de voir notre patrimoine culturel disparaître (ce qui est gravissime pour l'humanité)." - Sebsauvage
A service to share secrets. As always, you have to trust the third-party.
Indeed something is wrong
Update the styles of the web pages with custom ones :)
Against Google Web Environment Integrity with an argumentation.
Also in favor of such systems:
- These tools might have a place within distributed systems - for example, voting machine vendors might use remote attestation to verify the configuration of their devices in the field
Also, it points out some principles:
- Code is speech and everyone should be free to study, understand, and produce remote attestation tools.
- but these tools should not be added to the web. Remote attestations have no place on open platforms.
- addressing these problems can’t come before the right of technology users to choose how their computers work, or what those computers tell others about because the right to control one’s own devices is a building block of all civil rights in the digital world.
The technology solves those companies' problems, but not their users.
It contains all the gotcha we can find with the flow and cross axis, minimal width, align-content, margin auto, etc...
- Having an "inbox" notes to capture ideas in form of napkin, receipt, voice recorder
- Literature notes: When you consume content, take notes of what you don’t want to forget or what you want to use in your own writing. It is recommended to make them atomic. Make sure to include the bibliographic details, author & source at the very least, so you know where you got the idea from.
- Permanent notes: every day, you should go through the inbox and seek to refine the fleeting & literature notes. Making connections and turning them into permanent notes.
One idea = One note
One note = One idea
- Navigation: an index allows you to navigate in the zettelkasten; keyword notes can also be used as link.
The idea: uses CSS to detect accessibility issues.
The author uses different code snippets for it. One ensures the outline of the focus is never clipped. Another makes sure that not expanded content (aria-exanded="false") is not displayed. Another one targets aria-invalid elements. A busy container is not displayed in CSS, etc...
Every time you come up with a style that reflects a state or property of something (open, closed, expanded, collapsed, on, off, checked, disabled, busy, locked, selected, sobbing uncontrollably), do not use a class.
And an argument against utility-classes such as Tailwind: If you use these tools, you still need to know CSS. On top of that, you may need to know the tools’ syntax in order to incorporate any CSS that goes beyond what they offer. If you build these tools, please consider how you can use CSS that promotes and reinforces good and accessible underlying HTML syntax.
Integrate a rust game compiled in wasm into sveltkit
Overlord, Neptune, Fortitude, ...
Et encore, il y aussi le front de l'Est, le Pacifique, etc...
Une opération peut avoir une ou plusieurs sous opérations.
Une opération est définit par son nom. Elle a une date de début et de fin.
An index of the web.
92 editors, ~ 1 million categories and ~ 3 million websites
When you develop a major new feature, product, anything, one of the defining characteristics is that you don't know what you're building. The only way you know what you're building is if you've built it before.
This leads to a problem: If you don't know what you're building, how do you know where the rough edges are? How do you know what the design demands, and what technical decisions to make?
Because it is possible, someone mare a page with every HTML tags in it.
How an array was built before Ecmascript v1
you reminded me in this episode of the day that someone published a crate named "nul" which made it so no one on Windows could use any crates
"error: [20/-1] Cannot checkout to invalid path '3/n/nul'" LOL
That would be awesome indeed: using @scope (.classname) to specify styles that only applies from this class.
What would you do if you weren’t afraid?
When I asked myself that question I realized I should be working for myself, building things that help people, consulting with people to help them, and putting that content into the world somehow.
Daniel Miessler runs Unsupervised Learning, so he's building the platform. He's doing some consulting and advising related to customers for a service company. He also has the podcast and newsletter :)
The result from all of this is that the promise of going to school, getting a stable job at a company, and having some sort of future from that is—or at least feels—more tenuous than ever.
I believe that the time for being identified by—and tied to—corporate jobs is passing, and it’s time to transition to what comes next
Think about work like a relationship. It’s hard to be a good partner if you’re not first healthy and independent on your own.
Advantages of apps over websites:
- Gobbling data: an app does not get its request blocked as a website does.
- Making money: This one applies more to indie developers than to big companies but I'm sure people are more willing to pay for an app than access to a website.
- people want app: Think about that for a second: people want to download an app to track deliveries of their white goods, something which most people order at most once a year.
I just think they let the available technology dictate the use rather than the actual need, much like the mythical space pen vs pencil story.
Needs first, then use the available technology as needed.
- Reducing the belongings to a level it fits into a 40L or 50L backpack or a medium size luggage.
I just want to be lightweight and free as a bird. The more you have in your life, the more you are chained by them.
Do not try to predict the future. Build what you need now based on what you know about the problem at hand. Understand that you may have to re-write some things later. It is inevitable.
Again.
It could be more performant than the traditional tools
Comment parler de consentement alors que déjà tu affiches publiquement ton enfant? Il a rien demandé.
ces trends de petites violences et de petites humiliations pour faire quelques vues sur le dos de ses gosses. [….] Les enfants ne sont pas considérés comme des êtres sensibles à part entière. Appréhendés comme pas totalement finis, des prototypes au service d’adultes qui auraient le droit de tester des trucs sur eux. […] Leurs émotions ne sont pas prises au sérieux
aria-label, aria-labelledby, and aria-describedby can all be used to bring extra clarity to a given element when it's exposed to assistive technology.
- aria-label overrides an element's name with contents you specify.
- aria-labelledby replaces an element's name with contents from another node on the page. You'd use this when you'd already have a visible label anyways.
- aria-describedby sets your element's description to the contents of another node on the page. This is great for noncritical, supplemental information.
- aria-description… is coming.
As always, avoid ARIA whenever possible.
Using a description list dl with description terms dt and their description detail dd: so basically a list of key - value pairs.
Advangtages for screen readers instead of divs:
- The screenreader could tell the user how many name–value groups are in the list.
- The screenreader could tell the user how far into the list they are.
- he screenreader could treat the list as one block that the user could skip over if they're uninterested in it.
RSS reader does not load styles and relies on HTML semantic!
A button style-reset in CSS:
button {
display: inline-block;
border: none;
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 1rem;
line-height: 1;
background: transparent;
-webkit-appearance: none;
}and again: link for content and button for actions!
The "About config" is not available in the menu anymore since the last version.
The recommanded way to get the Firefox version is from "Open Application Menu" > Help > More troubleshooting information
J'aime l'acronyme Université Populaire Libre Ouverte Autonome Décentralisé
Qui serait contre ces idées?
There are hundreds of touch point sizes.
This isn't a problem if you build in a fluid, flexible manner. That is illustrated in this diagram. If however, you tend to build with very specific breakpoints and hard values for typography, sizing and spacing, you might find that even with the best intentions, you’re not providing the optimal user experience.
A viewport is the window size of the browser, not the screen size.
The main point we’re trying to get across is that you simply do not know how users are going to visit your website or web app. Instead of making design decisions on strict, limited breakpoints, keep in mind the sheer amount of fragmentation there is in viewports.
Using aliases are powerful to navigate in the terminal.
The author shares ad function to add... aliases on the fly
When a relationship has very little trust, you tend to interpret everything someone says in the worst possible light, or you may hear hostility, contempt, or dismissiveness where none exists
The way trust gets rebuilt is by ✨small, positive interactions✨
- Acknowledge it is hard beforehand:
- or check in afterwards
- Speak tentatively: “From my perspective, it looks like these results might be missing some data… do you see the same thing?” opens the door for a friendly conversation
- Try to sound friendly
- Take a breath
- When you are in a state where you are assuming the worst of someone and reading hostile intent into their words or actions, try to check yourself on those assumptions.
- Engineer positive interactions, even if you have to invent them: 5 positive interactions for every one negative interaction
- Remember the handicaps, and value the effort.
Impressive! There are a lot of system stuff projects or JS
Creating blog articles from github issues. Not bad as an idea, but it creates a dependency between Github and your personal blog that I dislike.
The blog: https://github.com/Kerollmops/blog
Is deleting an account from a service easy, hard or impossible? Here a quick collection.
Social Networks provide a social status, so they can be compared to Status as a Service tools.
We can define a Social Capital ROI: If a person posts something interesting to a platform, how quickly do they gain likes and comments and reactions and followers?
It also explains why copying proof of work is a lousy strategy for status-driven networks
Social capital accumulation skews young: I'd wager that we'd see that young people, especially those from their teens, when kids seem to be given their first cell phones, through early 20's, are those who dominate the game. Young people tend to be the tip of the spear when it comes to catapulting new Status as a Service businesses, and may always will be.
We can then define a social network on 2 axes: social capital and utility, with both ranging from low to high.
IMDb, Wikipedia, Reddit, and Quora are more prominent examples here. Users come for the status, and help to build a tool for the commons: they are low social capital, but high utilities
The best high social utility seems to be WeChat at the moment.
The author go in depth into when a status as a service business will stop to grow. The so-called social capital inflation and devaluation, because it is what is valued on those platforms. it is too much for me at the moment, but it seems relevant.
84% des sympathisants RN sont pour la hausse du SMIC, Marine Le Pen vote contre.
90% des sympathisants RN sont pour indexer les salaires sur l’inflation, Marine Le Pen vote contre.
87% des sympathisants RN sont pour le rétablissement de l’ISF, Marine Le Pen vote contre.
83% des sympathisants RN sont pour la retraite à 60 ans, Marine Le Pen est contre.
Le bordel
Do you think it's possible for someone to actually be very intelligent but porr at articulating the point they're trying to make so they come across as stupid?
Have you met engineers?
Presumption of innocence -> every person is considered innocent until proven guilty.
⬇️
Presumption of bug-free -> every issue is considered innocent until proven with minimal reproduction.
👌
Le tsundoku, surnommé "syndrome de la pile à lire", est le fait d'accumuler de nombreux livres sans jamais les lire...
Quelques astuces:
- Toujours pouvoir lire un livre: en avoir un imprimé avec soi ou numérique
- Prendre l'habitude de lire quotidiennement, par exemple avant de dormir.
- Se fixer des objectifs
- Partager avec des amis
- Passer les livres peu intéressant.
En 2022, le jour du dépassement avait été fixé au 28 juillet, soit cinq jours plus tôt que cette année [2 août]. Mais dans le détail, « les avancées représentent moins d’un jour », explique l’ONG dans un communiqué. Les quatre jours restants sont le fruit d’une méthode de calcul différente « plus précise, et corrigeant des surestimations ».
Rajouter des intermédiaires entre les consomateurs et EDF n'est pas une bonne idée. Qui pouvait le prévoir?
L'idée est de permettre à des applications de pouvoir communiquer, sur différents terminaux, sans leur permettre de connaître les adresses IP ni la localisation des autres terminaux. Les connexions n'en sont pas moins « authentifiées, horodatées, fortement chiffrées de bout en bout et signées numériquement pour empêcher l'écoute clandestine, la falsification et l'usurpation d'identité ».
Contrairement à Tor, Veilid n'utilise pas de nœuds de sortie,
Plus Veilid prendra de l'ampleur, plus il sera sécurisé, précise Christien Rioux à Engadget : la force ne vient pas du nombre d'applications créées sur le framework, mais du nombre de personnes qui utilisent les applications pour faire avancer le routage des nœuds qui composent le réseau.
Les travailleurs pauvres sont exploités au profit des grandes entreprises du numérique. Voici un autre exemple.
About one disadvantage of the deployment on the edge
it looks good :D
I found that the current solutions mainly focus on the gallery-type application. However, I want a simple-to-use backup tool with a native mobile app that can view photos and videos efficiently. So I set sail on this journey as a hungry engineer on the hunt.
Écrit tapé à l'aide d'un clavier (ordinateur ou machine à écrire).
Il s'agit donc d'un document numérisé, ressemblant à l'original, au moins dans son contenu textuel.
Instead of thinking in terms of a function that modifies multiple objects, you think in terms of a function that computes a description of how multiple objects should be affected, then a separate interpreter of that data type that animates that description into real action.
A minimal representation is the events of the DOM: they describe a change.
The author describes the advantages of such.
Note that Rust or Typescript are good candidates to represent algebraic data types.
Resources to learn programming "in the large".
Resources to learn programming: in which order or why. Sources are different
On the part about algorithms:
We teach algorithms so that students learn to think about invariants and properties when writing code. Real-life code is usually simple enough that it mostly works if you just throw spaghetti onto the wall. But it doesn’t always work. To write correct, robust code at work, you need to think about invariants.
There is a list of algorithms too :)
And there is one site for every main programming topic: compilers, OS, ...
Web frameworks extend the native web features but the ecosystem catches up. It is slow and take times though.
The debate around SPA, MPA and so on is also a way to ask if whether sites should abandon core built-in features to rebuild one (in frameworks).
There are silo sites, unrepairable miniaturized hardware, and streaming services...
The irony …is that they used our tech to do all three of these things. Oh well. AGPL for the win, next time.
Quitte à stresser, autant stresser précisément!
À la fin de chaque session d’écriture, mettez à jour ce décompte [de mots à écrire], et gardez éventuellement une trace de son évolution.
Plus sérieusement, "j’avoue d’ailleurs l’avoir testé comme une blague au début. Mais en pratique, c’est bien cette info (complétée par la moyenne glissante) qui m’a permis d’organiser sereinement ma rédaction et notamment mes temps de repos, en levant mes doutes sur mon avancée au quotidien.
-
D’abord, l’objectif : le nombre de mots total visé pour le mémoire. Ensuite, le décompte : le nombre total de mots contenus dans le mémoire à la fin de chaque jour. Et enfin, le délai : le nombre de jours d’écriture dont je disposais avant de devoir remettre le mémoire à l’école doctorale.
-
Le problème de cette information, c’est qu’elle peut donner trop de visibilité à la progression quotidienne : il ne faut pas seulement savoir si on est dans un « bon jour » ou un « mauvais jour », il faut replacer tout cela dans un intervalle de temps plus long. J’ai donc aussi créé un graphique de la progression en nombre de mots par jour sur lequel j’ai ajouté la moyenne glissante sur 7 jours.
People do not experience the same sense of the flow of time. For some, only now and not now exists.
Defining a subset of the web that removes a lot of complexity :)
Provide a local index of sites complying with the requirements above, so that sites can be found without the use of an external search engine.
How does this scale? How is the index sorted? That was originally the answer provided by search engines.
You need to be using the appropriate elements (s are your friend!), and managing the appropriate attributes and their values to make truly accessible user experiences.
It provide a good example: this semantic HTML
<button
id="navbar-toggle"
type="button"
aria-label="Toggle menu"
aria-controls="navbar-menu"
aria-expanded="true"
></button>
<ul id="navbar-menu" aria-labelledby="navbar-toggle"></ul>should be styled as follow in CSS
/* State: closed. Click to open. */
#navbar-toggle[aria-expanded="false"] {}
/* State: open. Click to close. */
#navbar-toggle[aria-expanded="true"] {}Just as before, it turns out that the class name was completely redundant. In fact, because we reached for a class name prematurely, we forgot to communicate the right semantics at the markup level.
Utile au besoin, l'État a publié le registre
Il existe aussi une #API dédiée https://api.gouv.fr/les-api/api_carto_codes_postaux
It has both UI and cli. It can be useful someday.