Daily Shaarli

All links of one day in a single page.

December 16, 2021

securite [Wiki de sebsauvage.net]

Une faille de sécurité concernant ZeroBin et la suppression d'un document via un token dans l'URL.

Accueil| Les petits MO

Visiter le musée d'Orsay virtuellement. On y découvre des œuvres d'arts Ce site est dédié aux enfants.

Note: Générer et valider automatiquement la structure parsé par des screen readers

En se basant sur A11y Outline, tester et valider cette structure de manière reproductible.

Avoir une extension plus propre et claire :D

Pixel Art to CSS
dzc34/headingsMap

Create and check the outline of a webpage.

EDIT: Since this extension is not maintained anymore, it could be useful to improve it, fix some bugs if there is some and make it even better :)

Headless CMS: Organize your content for the world - Storyblok

Free for community. Up to 10 user seats.

It has a great interface with Vue 3 and Nuxt : https://www.storyblok.com/mp/storyblok-meets-vue3-nuxt3

xi/a11y-outline: web extension to navigate document outlines easily

Bring up a list of landmarks, headings or links as the screen readers does.

The extension is available for Firefox ou chrome (and related browsers ?).

Conditional Props • REPL • Svelte

A way to render conditionally the attributes of a tag.

Creating an object and setting the attributes as prop of the object if they should be rendered. Then use the spread operator on it:

<script>
    export let value = "";
    export let id = "";
    export let placeholder = "";
    export let type = "text";

  let conditionalAttributes = {};

  if (id) conditionalAttributes.id = id;
  if (placeholder) conditionalAttributes.placeholder = placeholder;
  if (type) conditionalAttributes.type = type;
</script>

<input {...conditionalAttributes} bind:value={value} />