321 private links
A checklist about accessibility. It ensures that the website follows some standards. The demo (https://www.magentaa11y.com/demos/) definitely help in order to follow these.
This seems so powerful: basically, it allows creating a link or reference from a text inside a page!
But it is not implemented in Firefox, sadly... there is however an extension for it https://addons.mozilla.org/fr/firefox/addon/link-to-text-fragment/
How links with an @ in the URL becomes insecure, because they can redirect to a .zip domain simulating a file
A piece of software free to use, without any control whatsoever that ended, well good!
How complex can an URL be, and malicious URL formats that are still valid.
An easy way to build flow on mobile to simulate user actions. Can it work for desktop web browsers? If yes, then it can become awesome.
Cette nouvelle décision à rebours de la précédente rappelle que la permanence des contenus tant décriée sur le web repose sur la volonté des grandes plateformes. Or, aucune loi ne leur impose de conserver les données stockées sur le web, qui constituent aussi une partie de notre culture collective.
Les grandes plateformes ne durent qu'un temps. Les données qu'elles possèdent disparaissent toujours car ce sont des systèmes fermées. Voilà un autre example.
How to hope for great AI if they are built by societies similar to Facebook?
What is the expected legacy of the Internet and the Web?
By opening it all up: APIs, clients, protocols, and algorithms.
Proposition:
Any system with 1 million+ user should be required to issue users with personal API keys by law.
For libertarian:
For a really competitive, innovative, dynamic marketplace, you need adversarial interoperability: that’s when you create a new product or service that plugs into the existing ones without the permission of the companies that make them. Think of third-party printer ink, alternative app stores, or independent repair shops using compatible parts from rival manufacturers to fix your car, phone, or tractor.
Rename a .md file into .md.html with a reference to a js script, and this file is displayed properly in a webpage :)
IndexedDB can be used to store a lot of data. It has some caveats though.
Storage:
About deletion, use soft delete to smoothen the synchronization if a user deletes a record and another one update it.
About record collection, use unique IDs (UUID v4) or property related ids with (UUID v5).
About ordering, it is easier to use fractional indices! Read more on https://www.figma.com/blog/realtime-editing-of-ordered-sequences/, or https://www.steveruiz.me/posts/reordering-fractional-indices, or use a dedicated library.
Sync is made with pull and push
Update:
- Send atomic changes from a client is the more convenient way. We can send only the model’s ID and its updated fields.
- send operations instead of changed data,
Conflict resolution:
- In some cases, last-write wins at the record field level will be enough
- in others, we strongly need a full-fledged CRDT.
To reduce boilerplate, the package will aim to re-use existing metadata about the page where possible. Such as it will infer at runtime what data it can make use of.
For example, if you have a
on your page, then it's likely we can use this same title to generate the Schema.org WebPage's name.
Display a web view with different sizes simultanously
A framework to build web components where targets can also be other web frameworks.
Eḿbed SQL examples in a web page. It uses a browser-compatible compiled sqlite under the hood .
- Users tend to use a list of all the links or headings on the page instead of the tab key! The user could then jump directly to the heading or link that sounded like what they were looking for.
- Navigating to the homepage from an internal page: all of our interviewees searched for a link being announced as "Home"
- To navigate to a certain page, users opened a list of all the links on a page. it was common to type the letter on the keyboard to search for the available links starting with the first letter of what they would expect the page name to start with. A "Get in touch!" link is likely to not be found
- idea here: we need a standard about common pages! (Contact, Pricing, etc...)
- None of the interviewees enlarged the window to take the full screen. This means some users will experience the mobile layout and behavior of the menu navigation, rather than the desktop version we intended. So a computer does not mean a desktop layout
- None used skip links because they are less efficient than their other methods. Moreover, the skip link is sometime broken as the keyboard focus does not shift!
Use a web UI to ensure compatibility.
Operations are made through system calls of Node, Bun or deno or the git cli command as the FileSystem API is not widespread.
A great example!
A lot of so useful projects for web development!
Check them here: https://unjs.io/