Weekly Shaarli

All links of one week in a single page.

Week 04 (January 23, 2023)

openai/whisper: Robust Speech Recognition via Large-Scale Weak Supervision
J'ai un aveu à vous faire. - Liens en vrac de sebsauvage

On me dit encore et encore que j'écris de bons tutoriels et documentations, concises, claires et très compréhensibles. Il m'est déjà arrivé de suivre ou dispenser des formations, et à chaque fois on m'a demandé pourquoi je n'en faisais pas mon métier. Ça me fait plaisir, bien sûr. Mais vous savez pourquoi j'écris de bonnes documentations ? Parce que mon cerveau a deux faiblesses :

  • j'ai une mauvaise mémoire.
  • j'ai du mal à comprendre une information si elle n'est pas bien contextualisée (si vous sautez du coq à l'âne, vous allez me perdre).

Donc SebSauvage note tout, pour notre plus grande satisfaction.

The Math Behind Nesting Rounded Corners – Cloud Four

How to get right proportions for a rounded corner inside of a rounded container?

outerRadius - gap = innerRadius

make 8-bit art!

Draw it pixel by pixel in this web UI

Schreiberling.app

Create a product advertisement from a product description.

antfu/ni: 💡 Use the right package manager

A cli tool that handle the package manager used behind the hood. So the command will be behind ni translated into the corresponding one between yarn, npm, deno, pnpm, etc...

UnJS

A lot of so useful projects for web development!

Check them here: https://unjs.io/

Letters to the future
Daniel Kelley on Twitter: "30 cybersecurity search engines for researchers: 1. Dehashed—View leaked credentials. 2. SecurityTrails—Extensive DNS data. 3. DorkSearch—Really fast Google dorking. 4. ExploitDB—Archive of various exploits. 5. ZoomEye—Gather information about targets." / Twitter
  1. Dehashed—View leaked credentials.
  2. SecurityTrails—Extensive DNS data.
  3. DorkSearch—Really fast Google dorking.
  4. ExploitDB—Archive of various exploits.
  5. ZoomEye—Gather information about targets.
  6. Pulsedive—Search for threat intelligence.
  7. GrayHatWarfare—Search public S3 buckets.
  8. PolySwarm—Scan files and URLs for threats.
  9. Fofa—Search for various threat intelligence.
  10. LeakIX—Search publicly indexed information.
  11. DNSDumpster—Search for DNS records quickly.
  12. FullHunt—Search and discovery attack surfaces.
  13. AlienVault—Extensive threat intelligence feed.
  14. ONYPHE—Collects cyber-threat intelligence data.
  15. Grep App—Search across a half million git repos.
  16. URL Scan—Free service to scan and analyse websites.
  17. Vulners—Search vulnerabilities in a large database.
  18. WayBackMachine—View content from deleted websites.
  19. Shodan—Search for devices connected to the internet.
  20. Netlas—Search and monitor internet connected assets.
  21. CRT sh—Search for certs that have been logged by CT.
  22. Wigle—Database of wireless networks, with statistics.
  23. PublicWWW—Marketing and affiliate marketing research.
  24. Binary Edge—Scans the internet for threat intelligence.
  25. GreyNoise—Search for devices connected to the internet.
  26. Hunter—Search for email addresses belonging to a website.
  27. Censys—Assessing attack surface for internet connected devices.
  28. IntelligenceX—Search Tor, I2P, data leaks, domains, and emails.
  29. Packet Storm Security—Browse latest vulnerabilities and exploits.
  30. SearchCode—Search 75 billion lines of code from 40 million projects.
Improve Developer Experience: The /home shortcut

If you are logged in or not, use the /home to display the landing page or the default page of a website.

Also, the logo should have the alt="home" as this is what the users of screen readers expect. See the second point of https://jessbudd.com/blog/screen-reader-usability-testing-observations

Le Média Positif 🍀 on Twitter: "🇫🇷 A 21 ans, Adam Siao Him Fa est devenu, hier, champion d'Europe de patinage artistique à l’issue de cette magnifique prestation ! ❤️ https://t.co/VW4UJX4pBa" / Twitter
Kia King Ishii on Twitter: "Vue family sites created by VitePress looks very good you know 😍 @youyuxi We might wanna have logo for Router and VTU for the branding sake 😆? https://t.co/NLg5H83TKf" / Twitter

Collect all vue websites and make cards with them.
The goal is to gather the preferred way of doing something in vue. For example, routing with vue-router, state management with pinia, SSR with Nuxt, etc...

A

  • Name
  • Logo
  • A description (the one in header)

It has a searchbar too.
More tools can be added from:

It can be built with Vitepress to keep it in the Vue ecosystem.

Project name:

  • classic: Vue Family
  • keep the french tradition: panorama (a similar word for overview)
François Malaussena on Twitter: "Vous avez vu, l’Espagne va baisser la TVA sur les produits essentiels. Vous savez pourquoi on ne le fait pas en France ? La réponse courte, c’est Macron, comme souvent. Mais le détail du pourquoi est hyper intéressant. Explications :" / Twitter

Baisser la TVA? C'est proposé régulièrement, mais le gouvernement refuse car d'après UNE étude sur la restauration en 2009, l'Institut des Politiques Publiques a conclu que cette baisse n'a pas fait baisser le prix de la restauration.
...
et c'est tout ce qui est utilisé depuis des années pour refuser la baisse de la TVA. Une unique étude sur un secteur économique particulier.

Autre question, d’ailleurs : si ça bénéficie aux entreprises, pourquoi est-ce que Macron, qui adore aider les entreprises, ne s’est jamais servi de ce levier pour les aider ?
Bon, évidemment, il y a anguille sous roche.

Et le thread argument sur ce sujet.

Calligrapher.ai: Realistic computer-generated handwriting

Generates hand-written style texts

arantius/web-color-wheel

This representation is awesome!
#project #idea better sort the colors (eventually with hsl conversion)

Color Formats in CSS - hex, rgb, hsl, lab
  1. 140 named colors
  2. RGB (the traditional notation)
    • Note we can replace rgba(255, 0, 0, 0.5) with rgb(255 0 0 / 0.5)
  3. Hex codes (the de-facto used unit)
  4. HSL (the human-readable format):
    • hue: the pigment used (deg)
    • saturation: how much pigment (%)
    • lightness: how light? (%)
  5. display p3: only supported in Safari and Chrome but allow more colors than sRGB
  6. LCH: a more human-friendly representation than HSL. It is only supported in recent versions of Chrome and Safari though. oklch fixes some bugs of lch.
La pollution lumineuse augmente rapidement

Résultat, la luminosité de la nuit augmenterait de 10 % par an dans les zones observées par les astronomes amateurs.

Check mimetypes and extensions locally | mimetype.io

Utility to get a mime type

release-it/release-it: 🚀 Automate versioning and package publishing

It is very useful indeed!

Evan You

The personal website of Evan You. It is minimalistic.

Changelog.com/podcasts

A list of podcasts: from JS, Infrastructure, and dev topics

Passez au Lean pour coder vos produits.
  1. Une seule chose à la fois

  2. L’andon. On arrête tout.
    Si une personne est bloqué, on arrête tout tant qu'une solution n'est pas trouvé. Si besoin, on fait évoluer les standards.

  3. les standards
    Alors si tu sais comment livrer du code de qualité, écris-le et explique-le. Un document qui guide notre façon de travailler et auquel on a nous-même contribué, c’est un outil simple et puissant pour accroître la qualité de ce qu’on fait.