Copy content from HTML pages -> paste -> mardown !

Sync, search and backup shell history with Atuin

FOSS tool used to sync shell history across multiple devices, with end-to-end encryption.

A good boi et son lance-flammes. Pour $9420 seulement !

Comment expliquer l’augmentation brutale de la mortalité routière au mois de mars autrement que par le point cadeau accordé pour les petits excès de vitesse. Sinon, quoi ? La météo ? 

Correlation != causalité, on ne le répétera jamais assez. D'autant plus sur 1 point de données qui peut avoir des variations pour de nombreuses raisons. Y compris la météo dans le cas des accidents de la route.

Sans grande surprise, les casques de VR sont en majorité utilisés comme réceptacle à poussière. Par contre, je suis assez estomaqué par ce chiffre (aux USA):

En effet, le rapport semi-annuel de Piper indique que 33 % des adolescents déclarent posséder un dispositif VR de quelque sorte

1/3 des ados qui possède un device VR, c'est beaucoup plus que ce que je pensais.

Interesting concept

Now if you haven’t heard the term “fantasy console” before, imagine a retro game emulator made for a system that never existed. Many of the popular fantasy consoles I’m aware of come with integrated game development tools that encourage experimentation and sharing.

So what makes a “fantasy workstation”? Same idea, but picture a retro computer in place of a game console.

Une vulnérabilité dans less qui exécute du code...

Un nouveau mini-projet de Bronco: un générateur de badges.

Bon, normalement avant d'avoir des utilisateurs depuis la Lune, on devrait avoir le temps de mettre à jour nos librairies.

L'idée sous-jacente étant d'espérer en faire une page par défaut qui remplacerait un Google Search.

Vu que les résultats Google ne sont de toute façon plus qu'un dégueuli d'articles similaires et générés par AI, je me demande quand même à quoi va ressembler la recherche dans quelques années.

Entre le 87e et le 91e étage, les concepteurs du gratte-ciel taïwanais ont donc disposé une boule d'acier de 5,5 mètres de diamètre et 660 tonnes, appelée dans le jargon un «amortisseur harmonique» ou «Tuned Mass Damper» en anglais. Son rôle est d'osciller et de compenser entre 30% et 40% des mouvements de la structure.

C'est assez cool !

J'aime bien, et les chiffres ça me parle !

Attention quand même, les statistiques sont pleines de biais, qui sous souvent utilisés sous couvert de leur objectivité supposée. Par exemple, sur le premier point et le RSA : si les chiffres sont (probablement) factuellement corrects, le choix de la comparaison entre la fraude et la non-distribution est partisan. L'important c'est d'en être conscient.

Alors c'est peut-être juste moi, mais je ne vois pas quelles applications il peut y avoir pour du clonage de voix à part arnaquer les gens ou diffuser des fausses informations.
Peut-être que je suis trop cynique, mais vraiment j'ai beau chercher, je ne trouve aucune autre application...

Sans se prononcer sur savoir si c'est réellement utile ou non, l'application légitime principale que je voie s'adresse aux créateurs de contenu audio. Je pense par exemple à des cours ou des tutoriels vidéos qui nécessitent d'écrire, puis d'enregistrer le contenu. On en voit également sur les réseaux sociaux sur le traitement de l'actualité en format court, type Brut.

Maintenant, je vous laisserai juge sur la qualité d'un contenu dont le créateur ne souhaite pas prendre le temps de l'enregistrer lui-même.

via

J'adore l'idée ! Un test d'entretien pour UI/UX designers : proposer une solution pour régler l'heure d'un appareil électronique.

Ça parait simpliste, mais on sait tous que c'est toujours une plaie de re-régler nos appareils. Il faut rester appuyé sur un bouton qui n'a rien à voir, pendant 7 secondes, à cloche pied. Et ensuite, ça ne validera pas, parce qu'en fait, vous avez réglé l'alarme, feature très utile sur un thermostat.

via

Whether they end up right or wrong, I love revisiting future predictions!

In this case, Mastodon is still kickin'

Parfois, je me demande comment se passe le processus de création.

J'adore !

via

Slow Roads is a casual, procedurally-generated driving game which lets you disconnect from life for a while and run endlessly toward the distant horizon. Set the scenery to suit your mood, throw on some music, and just drive.

I'm always amazed by in-browser games, even if most of the time they're just proof of concept. It feels magical 🪄

Oldie but goodie.

An up-to-date list of how incidents related to data in the cloud. That's freaky.

Hi! I make interactive visual explanations of math and algorithms, using motivating examples from computer games.

Une liste de certifications gratuite et les cours qui vont avec. Il y a à boire et à manger, mais ça peut servir.

test

This is amazing! You can navigate an ASCII world map in CLI. It's based on OpenStreetMap.

Just run in a terminal:

telnet mapscii.me

Then either use the mouse support, or arrows to move and A/Z to zoom.

Examples of silent letters in English, for every letter.

Here is a quick trick to write Markdown or any text related format in VSCode comfortably and without messing with your file line endings: soft line wrap.
By default, soft line wrap will happen at the end of the editor. With this setting, it can happen after the Nth character:

1. Open user settings in JSON format
2. Add the following lines (replace Markdown by your file format, e.g. (gemini):

"[markdown]": {
  "editor.wordWrap": "wordWrapColumn",
  "editor.wordWrapColumn": 100,
}

3. In your Markdown file hit ALT+Z to toggle line wrapping

And voilà! It's way more comfortable to write.

Plein de contenu sur la cuisine et sur le CAP cuisine. C'est vraiment riche !

via

French name generator based on actual birth names given in France.

via

A massive list of very helpful CSS tools that I constantly forget to save.
Copy/pasting because dev.to

via

A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.

Full credit goes to the authors behind each of these apps (where possible I've linked to their GH/ socials)

Contents

• Property Generators
• Animations
• Backgrounds
• Color Tools
• Typography
• Loaders
• Layouts
• Informative

Property Generators

1. Neumorphism

Generate Soft-UI CSS styles using inset shadows, by @adamgiebl

2. Shaddows Brumm

Make and preview beautifully smooth shadows, by @brumm

3. Fancy Border Radius

Generate cool shaped objects with border-radius, by @9Elements. Similar to BlobMaker

4. Glow Generator

Generate pure CSS, cross-browser glow effects

5. Clothoid Corners

Generates clothoid rounded corners by CSS clip-path, by Takehiko Ono

6. Glassmorphism

Build semi-transparent, blurred glass-like backgrounds. Similar to ui.glass/generator

7. Clipy

Generate complex shaped objects using clip-path, by @bennettfeely

8. CSS Filters

Generate and preview pure CSS Instagram-style photo filters, by @ghosh

9. Base64 Image

Encode an image directly in your CSS in Base64

10. Quantity Queries

Generate quantity-based CSS queries, by @drewminns

Animations

11. Animista

CSS animation playground and generator, by Ana T

12. Cubic-Bezier

Preview and generate advanced cubic bezier animations, by @LeaVerou

13. Keyframes

Advanced keyframe animation maker, by @mitchas

14. Wait Animate

Use animation-delay to simulate delays, by @will-stone

15. Transition.Style

Copy-paste transition animations, by @argyleink

Backgrounds

16. Hero Patterns

Find and customize simple pure-CSS patterned backgrounds, by @steveschoger

17. Haikei

Generate unique organic SVG banners and backgrounds (similar to Shape Divider)

18. Pattern Generator

Advanced pattern generator

19. CSS Pattern

Collection of pre-made pure CSS patterned backgrounds, by @Afif13

20. Patternizer

Build striped backgrounds, by @matthewlein

21. Patternify

Build your own old-school pattern, by @SachaGreif

22. Animated BG

Generate blurred animated pure CSS backgrounds, by @Vincenius

23. Trianglify

Geometric background designer (note: only semmi-free), by @qrohlf

24. Animated Backgrounds

Collection of pure CSS background animations

25. Magic Pattern CSS Backgrounds

Collection of reusable SVG-based / pure CSS background patterns, with a visual explorer

Colors

26. CSS Gradient

Advanced CSS gradient builder

27. Parametric Mixer

Equaliser-based CSS color composer. by @dawidwoldu

28. Palettte.

Develop and tweak color schemes

29. Paletton

Palette builder using opposing or attracting colors

30. Grabient

Sample gradients.
Similar to CoolHue, WebGradients.com, GradientHunt, GradientButtons and UI gradients

31. Color Hunt

Yet another color palette designer

32. Easing Gradients

Cubic-bezier style pure CSS gradients, by @larsenwork

33. Flat UI Colors

Flat-style handpicked color palettes, by @ahmetsulek

34. Color Tools

Mix, extract, convert and generate colors

35. ColorPalettes.Earth

Natural color pallets from nature

Typography

36. Font Joy

Discover and preview various font pairings, by @Jack000

37. Type set With Me

Typography & legibility sandbox, by @tsmith512

38. Type Scale

Generate heading/ body font sizes, by @jeremychurch

39. Glyphter

Create icon fonts from SVG graphics

40. Font-Library

Tagged library of Google Fonts, by @katydecorah

41. Glitter

Export 90s-style Glitter text

Loaders

42. Spin Kit

Selection of clean CSS loading animations

43. Whirl

100+ CSS loading animations, for copy-paste

44. Loader Generator

Pre-built and custom pure CSS loaders

45. lukehaas - CSS-Loaders

Simple pure CSS loading animations

46. CSSLoaders

Complex pure CSS loaders

47. loading.io/css

CSS implementations of common loaders

Layouts

48. CSS Grid Garden

Interactive game for learning CSS grid, by @thomaspark

49. FlexboxFroggy

Interactive game for learning flexbox, by @thomaspark

50. Flexplorer

Visual flexbox demo, by @bennettfeely

51. Flexulator

An interactive CSS Flexbox space distribution calculator, by @telagraphic

52. Grid Generator

Make grids using the CSS grid-template properties, by @sdras (similar to grid.layoutit.com)

53. Layout Generator

A modern CSS layout maker

54. Box Model Diagram

Just a visual box model demo

Informative

55. CSS Timeline

A history of CSS

56. Screen Size Map

View popular screen sizes for responsive design

57. CSS Ruler

Preview various CSS units relative to each other

58. bada55

List of very funny CSS hex color codes
See also, colors.lol for some overly-descriptive color pallets

59. Who can use?

Checks accessibility grade of a given color combinations, similar to Colorable

60. Can I use?

Browser compatibility check of various, CSS, JS, HTML and web features

61. Can I email?

Similar to Can I use?, but checks if a given CSS property (or HTML elem) is compatible with email clients

62. CSS Processing Tools

Convert to and from any other CSS language

63. Unused CSS

Searches your site for unused CSS, and displays stats

64. Component.Gallery

Global component search

65. Design System Gallery

A collection of open design systems, for inspiration

66. Checklist.design

A collection of design best practices organised as checklists

67. Glyphs

A list of CSS glyph character codes (see also GlyphSearch for library icons)

68. CSS-Tricks.com

The best CSS blog out there

69. Curated Design Tools

A curated list of awesome design tools

70. Awesome-CSS-Frameworks

A list of open source CSS frameworks

71. CSS Reference

A visual guide to CSS properties (similar to htmlreference.io)

72. MDN CSS Docs

Excellent documentation of all available CSS properties

Cool ! Un outil pour trouver une instance Mastodon en fonction d'un certain nombre de filtres.

via

How the industry and our job have evolved since the late 2000's. Back to future vibes in this article, I love it.

Un thérapeute qui parle 2x plus que son patient, pose des questions orientées ou suggérant carrément la réponse, un usage douteux de la thérapie EMDR, etc.
Et au final, on se retrouve avec une patiente qui commence la thérapie pour un évènement X sans aucun souvenir, et en ressort avec des nouveaux souvenirs d'un évènement Y. Le cerveau humain est tout de même fascinant.

I scraped 12M+ dev jobs for 14 months and here are the Most Demanded Programming Languages in this 2022

1. JS/TS
2. Python
3. Java
4. C#
5. PHP
6. C/C++
7. Ruby
8. Go

Charles VI, le roi fou.

Absolument pas eu le temps ce week-end, on rattrape un peu ce soir !