Weekly Shaarli
Week 34 (August 21, 2023)
That would be awesome indeed: using @scope (.classname)
to specify styles that only applies from this class.
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.
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
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.
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
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/
About a downfall of Google
How class encapsulation or closure can reduce the bundle size
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;
}
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.
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.
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!
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!
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.
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
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.
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.
- 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