@kalvn@mastodon.xyz
@kalvn@mastodon.xyz avatar

kalvn

@kalvn@mastodon.xyz

Je développe des trucs le soir dans mon garage. Par exemple le thème Material pour Shaarli.

Ici je partage surtout des liens sur le développement web, souvent en lien avec JavaScript.

#Dev #JavaScript #Node #Vue #Docker

This profile is from a federated server and may be incomplete. Browse more on the original instance.

kalvn, to vuejs French
@kalvn@mastodon.xyz avatar

Les avantages de Vue par rapport à React, vus par un développeur React (cette phrase est bizarre 🤔).

Things that I like better in Vue than in React
https://jaydevm.hashnode.dev/things-that-i-like-better-in-vue-than-in-react

kalvn, to CSS French
@kalvn@mastodon.xyz avatar

Un outil qui analyse votre code CSS.

Wallace – L’analyseur CSS qui vous juge et vous conseille
https://korben.info/wallace-analyseur-css-optimisation-conseils.html

kalvn, to random French
@kalvn@mastodon.xyz avatar

Ça craint, Mozilla est en train de merdifier leur meilleur service : MDN, une enorme base de documentation sur les technos du web. Ils ont ajouté une IA qui raconte apparemment n'importe quoi mais de manière très convaincante.

Vraiment triste de voir ce virage :(

A Global Documentation Platform - Piccalilli
https://piccalil.li/blog/a-global-documentation-platform/

kalvn, to Trains French
@kalvn@mastodon.xyz avatar

Une sorte de Flight Radar des trains en France. C'est rempli d'infos, assez fascinant !

Carto GRAOU
https://carto.graou.info

kalvn, to random French
@kalvn@mastodon.xyz avatar

Une explication détaillée de HTTP3. La principale différence est qu'il utilise UDP + QUIC + TLS au lieu de TCP + TLS.

QUIC vise à moderniser et remplacer TLS, mais pour garder une compatibilité maximale avec les équipements réseau (routeurs, firewalls, etc.) UDP est nécessaire.

https://www.smashingmagazine.com/2021/08/http3-core-concepts-part1/

#http #quic #http3

kalvn, to CSS French
@kalvn@mastodon.xyz avatar

Cet article (🇬🇧) explique tellement bien ce qui cloche avec Tailwind.css ! Ça me rassure de voir que ce point de vue existe toujours. Tailwind est simplement très très fort en communication/manipulation.

À lire !

> Because trends are temporary, but standards are forever.

Tailwind marketing and misinformation engine
https://nuejs.org/blog/tailwind-misinformation-engine/

kalvn, to random French
@kalvn@mastodon.xyz avatar

J'ai développé une toute petite extension #FreshRSS qui permet de marquer tous les articles au-dessus comme "lu".

https://github.com/kalvn/freshrss-mark-previous-as-read

L'idée est de reproduire la fonctionnalité de l'app mobile Feedly qui est bien pratique lorsqu'on parcourt une liste d'article sans tous les lire, et qu'on veut marquer tous ces articles non lus comme lus pour ne plus les revoir.

Ça ne cible que les articles appartenant au même feed que celui qui est ouvert.

kalvn, to javascript French
@kalvn@mastodon.xyz avatar

Un état des lieu des bizarreries de JavaScript qui font de lui un langage parfois mal aimé.

Quand on creuse un peu, on s’aperçoit que pratiquement tous les langages haut niveau qui ont un peu d'age ont ce genre de bizarreries, et qu'il suffit de les connaître.

Making Sense Of “Senseless” JavaScript Features — Smashing Magazine
https://www.smashingmagazine.com/2023/12/making-sense-of-senseless-javascript-features/

kalvn, to CSS French
@kalvn@mastodon.xyz avatar

Une astuce pour mettre en surbrillance la ligne et la colonne auxquelles appartient la cellule d'un tableau HTML, uniquement avec CSS.

https://www.alsacreations.com/astuce/lire/1923-Mettre-en-surbrillance-ligne-et-colonne-au-survol-d-une-table.html

kalvn, to webdev French
@kalvn@mastodon.xyz avatar

Les problèmes que posent certains composants natifs du HTML.

Les utiliser est bon pour la sémantique mais pas forcément pour l'expérience utilisateur. Il faut aussi prendre conscience que les développeurs de navigateurs web doivent prendre d'extrêmes précautions lorsqu'ils mettent à jour les composants natifs, car ils prennent le risque de causer des bugs dans les sites qui les utilisent et n'ont…

https://www.htmhell.dev/adventcalendar/2023/13/

— https://links.kalvn.net/shaare/XaXvnw

kalvn, to firefox French
@kalvn@mastodon.xyz avatar

Une extension Firefox qui permet de contourner les paywalls en simulant le user-agent d'un robot indexeur de moteur de recherche (type Google bot). Pas encore testé.

Critiques pour Bypass Paywalls Clean (D) – Modules pour Firefox sous Android (fr)
https://addons.mozilla.org/fr/android/addon/bypass-paywalls-clean-d/reviews/

— https://links.kalvn.net/shaare/6OogEA

kalvn, to showerthoughts French
@kalvn@mastodon.xyz avatar

Une très belle réflexion sur le fait que le code "clean" à tout prix n'est pas forcément une bonne chose. Parfois un code avec un peu de répétition est en réalité bien plus pérenne que de l'abstraction à outrance, surtout dans une équipe de plusieurs développeurs.

Ce n'est pas le premier article que je lis sur le sujet donc je suis convaincu que ce type de sit…

Goodbye, Clean Code — overreacted
https://overreacted.io/goodbye-clean-code/

— https://links.kalvn.net/shaare/-z-zVA

sebsauvage, to random French
@sebsauvage@framapiaf.org avatar

Je pose ça là :

kalvn,
@kalvn@mastodon.xyz avatar

@sebsauvage Le Luxembourg est effectivement très multiculturel et pour autant tout s'y passe très bien. Les gens ne sont pas choqués d'entendre parler 10 langues différentes en quelques minutes en se baladant dans la rue 😊

kalvn, to random French
@kalvn@mastodon.xyz avatar

Définir des limites de mémoire et de CPU à un container Docker.

En ligne de commande:

docker run -m 512m --memory-reservation=256m --cpus=2 nginx

Avec Docker Compose:

service:  
 image: nginx  
 mem_limit: 512m  
 mem_reservation: 128m  
 cpus: 0.5  
 ports:  
- "80:80"

Setting Memory And CPU Limits In Docker | Baeldung on Ops
https://www.baeldung.com/ops/docker-memory-limit

— https://links.kalvn.net/shaare/vP36TA

sebsauvage, (edited ) to random French
@sebsauvage@framapiaf.org avatar

Vous pensez quoi des vitres de protection pour téléphones portables ?

PS: Je n'avais pas vraiment d'avis avant de poser cette question. Merci vos réponses sont toutes intéressantes.

EDIT: Je suis tombé sur cette vidéo torture-test comparant:

  • téléphone sans protection.
  • protection verre trempé.
  • protection hydrogel.

Il semblerait que ça fasse quand même une différence au delà de la simple protection contre les rayures.
https://invidious.fdn.fr/watch?v=tpkjYLHaVKc

kalvn,
@kalvn@mastodon.xyz avatar

@sebsauvage Je n'en mets jamais parce que je trouve que même les meilleures protections ne sont jamais réellement invisibles et ça diminue parfois la réactivité de l'écran (et des détecteurs d'empreintes sous écran).

Mais c'est parce que je fais très attention à mon téléphone. J'ai malgré tout fait tomber mon précédent une fois en 5 ans, résultant en quelques légères rayures. Mais c'est le jeu :)

kalvn, to random French
@kalvn@mastodon.xyz avatar

@organicmaps Would you consider adding a "tourism layer" similar to what https://mapy.cz does, regrouping identified bike and hiking itineraries? This is VERY useful and that's the only thing I need to be able to use Organic Map fully.

kalvn,
@kalvn@mastodon.xyz avatar

@organicmaps Outdoors seems right yes. The goal would be to highlight listed itineraries such as cycle tracks or well known hicking tracks. I'll put more details on GitHub, thanks for the suggestion 👍

sebsauvage, (edited ) to random French
@sebsauvage@framapiaf.org avatar


Dites, c'est vraiment la classe, RClone

Un serveur web ?
rclone serve http nomDuRépertoire

Un serveur webdav ? (accessible via un simple navigateur, mais les explorateurs de fichiers de Windows et Linux savent y accéder en lecture/écriture):
rclone serve webdav nomDuRépertoire

J'ai jamais vu un truc aussi pratique pour échanger ad-hoc des fichiers en LAN avec une machine Windows ou Linux
(pas besoin de se faire chier avec la config Samba)

kalvn,
@kalvn@mastodon.xyz avatar

@sebsauvage Ok c'est assez fou ça, surtout que j'ai souvent eu besoin d'un petit serveur SFTP local vite fait pour du dev 😍

kalvn, to email French
@kalvn@mastodon.xyz avatar

Un point sur le développement HTML et CSS des emails. Et c'est toujours autant la merde.

Le seul début de solution ? MJML.

> While this might sound uninspiring — lower your expectations. Seriously. If you're working with designers, let them know how complicated everything is.

> And don't ever think you can write "clean code" and have everything neat and tidy and w…

Why Does Email Development Have to Suck?
https://dodov.dev/blog/why-does-email-development-have-to-suck

— https://links.kalvn.net/shaare/MvI_8A

kalvn,
@kalvn@mastodon.xyz avatar

@antoinechev C'est principalement une question historique. Chaque client mail a évolué de son côté sans organisation commune comme le Web peut avoir.

Les outils comme MailChimp essayent de faire croire à leurs clients qu'ils peuvent rendre les choses simples et prévisibles mais c'est une utopie. C'est important d'en avoir conscience :)

kalvn, to opensource French
@kalvn@mastodon.xyz avatar

J'ai un de 2011 que je voulais vendre à une brocante. J'essaye de réinstaller MacOS 10.13 en guise de factory reset. Manque de bol, l'installation nécessite internet (pour valider qu'il s'agit d'une installation "légitime" j'imagine) mais le serveur Apple en charge de valider n'existe visiblement plus. J'ai tout essayé, pas moyen.

Je décide alors d'installer , histoire de voir si j'arrive à le ressusciter. J'ai souvent lu ce genre d'histoires.

👇

kalvn,
@kalvn@mastodon.xyz avatar

J'en viens même à envisager d'utiliser cet ordinateur plutôt que de le vendre. Il a certes 4 Go de RAM ce qui est un peu limite mais le système est tellement frugal que ça laisse beaucoup de possibilités.

Et tout est à jour ! Alors que MacOS 10.13 était la version la plus élevée à laquelle je pouvais prétendre, empêchant donc d'installer les versions de navigateurs les plus récentes, et constituant un risque de sécurité majeur.

kalvn,
@kalvn@mastodon.xyz avatar

Vraiment un immense respect à tous les gens qui contribuent à rendre cela possible.

C'est beau, tout simplement ❤️

kalvn,
@kalvn@mastodon.xyz avatar

@angedestenebres Yes ça devrait le faire ! Le seul frein pour les totalement néophytes (du genre mes parents ou beaux-parents), c'est qu'il n'y a pas le MS Office auquel ils sont habitués. Mais LibreOffice a beaucoup progressé donc je pense qu'ils s'y feraient assez vite.

kalvn,
@kalvn@mastodon.xyz avatar

@angedestenebres Je pense que ça fait largement le taf pour 90% des cas. Les gens sont de plus en plus habitués aux trucs simplifiés type Google Docs et autres. C'est juste une question d'habitude.

kalvn,
@kalvn@mastodon.xyz avatar

@antoinechev @angedestenebres Je comprends, ça m'arrive d'avoir le même genre de souci :/
Maintenant quand je vois Figma qui fonctionne dans un navigateur, je me dis que l'avenir de ce genre d'outils c'est peut-être le web (avec Web Assembly) auquel cas ça pourrait tourner partout :)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • provamag3
  • magazineikmin
  • everett
  • tester
  • slotface
  • InstantRegret
  • khanakhh
  • Youngstown
  • kavyap
  • mdbf
  • DreamBathrooms
  • ethstaker
  • thenastyranch
  • rosin
  • JUstTest
  • Durango
  • osvaldo12
  • anitta
  • cubers
  • GTA5RPClips
  • modclub
  • cisconetworking
  • ngwrru68w68
  • tacticalgear
  • megavids
  • Leos
  • normalnudes
  • lostlight
  • All magazines
    •