kalvn's links
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
  • Weekly Feed
  • Monthly Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
page 30 / 189
Web Components Will Outlive Your JavaScript Framework | jakelazaroff.com https://jakelazaroff.com/words/web-components-will-outlive-your-javascript-framework/
24/12/2023 13:54:29

Un très bel article qui explique pourquoi les Web Components et plus généralement les standards seront toujours plus pérennes que les frameworks.

Le passage sur le coût des dependences est crucial et bien expliqué, surtout pour les projets impossibles à mettre à jour tous les mois. Pensez-y, moins vous comptez faire évoluer une app, plus vous devez limiter les dépendances externes.

dependances JavaScript web webcomponents standards
Deep Cloning Objects in JavaScript, the Modern Way https://www.builder.io/blog/structured-clone
24/12/2023 10:47:39

structuredClone(obj) est la bonne solution pour faire un deep clone d'un objet en JavaScript. Il n'y a que quelques limites à prendre en compte, à la fin de l'article, mais pour 95% des cas d'utilisation elles ne posent pas de problème.

JavaScript
Delete git branches that do not exist on remote - Wisdom Geek https://www.wisdomgeek.com/development/delete-git-branches-that-do-not-exist-on-remote/
24/12/2023 10:00:56
git astuce
Your Smart TV Knows What You’re Watching – The Markup - Liens en vrac de sebsauvage https://sebsauvage.net/links/?Utw8FQ
24/12/2023 09:45:35

Limiter la collecte de données de votre smart TV.

privacy tv
Learn Kubernetes Basics | Kubernetes https://kubernetes.io/docs/tutorials/kubernetes-basics/
23/12/2023 21:39:58

Un tuto relativement simple en 6 étapes pour comprendre les composants de base de Kubernetes (cluster, node, pod, deployment, service, replica set).

  1. Create a Kubernetes cluster
  2. Deploy an app
  3. Explore your app
  4. Expose your app publicly
  5. Scale up your app
  6. Update your app
kubernetes tuto
Server-Timing - HTTP | MDN https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Server-Timing
23/12/2023 09:35:15

Ce header HTTP envoyé dans la réponse du serveur permet d'afficher côté client (navigateur donc) des informations détaillées sur les différents temps de traitement côté serveur (par exemple la durée des requêtes SQL, si un cache a été utilisé, etc.).

Le serveur est responsable d'envoyer les metrics qu'il souhaite. À utiliser avec précaution car ça revient à rendre publique en partie la structure du serveur.

Exemple d'utilisation et de visualisation avec Chrome : https://ma.ttias.be/server-timings-chrome-devtools/

header http serveur
nutjs.dev - Desktop automation https://nutjs.dev/
23/12/2023 07:25:41

Cette lib vous permet d'automatiser certaines interactions avec votre ordi. Bouger la souris, cliquer sur un bouton par reconnaissance d'image, etc.

Moving your mouse around your screen, clicking buttons or icons, typing on your keyboard, reading screen content, and much more — it's all possible with nut.js.

automatisation JavaScript lib
Critiques pour Bypass Paywalls Clean (D) – Modules pour Firefox sous Android (fr) https://addons.mozilla.org/fr/android/addon/bypass-paywalls-clean-d/reviews/
21/12/2023 17:30:27

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é.

firefox extension paywall
Wes Bos (@wesbos): "🔥 As of today, CSS :has() is now supported in every browser! This is a next-level selector that opens up a ton of new possibilities. Here are 10 hot tips for using CSS :has() Details of each below" | nitter https://nitter.net/wesbos/status/1737148340322652632
21/12/2023 17:27:27

Le sélecteur CSS :has est à présent géré par tous les navigateurs majeurs. Voici quelques exemples d'utilisation.

css
Animer un bouton burger simple avec SVG et CSS - Alsacreations https://www.alsacreations.com/tuto/lire/1921-Animer-un-bouton-burger-simple-avec-SVG-et-CSS.html
19/12/2023 23:27:53

Un tuto simple qui aborde l'animation d'un SVG simple avec des transitions CSS.

animation transition css svg
OrbStack · Fast, light, simple Docker & Linux on macOS https://orbstack.dev/
18/12/2023 22:23:52

Une alternative à Docker Desktop qui se dit plus rapide et légère. Pas testé.

docker app
Docker Security: 14 Best Practices You Should Know https://betterstack.com/community/guides/scaling-docker/docker-security-best-practices/
16/12/2023 14:33:07

Une saine lecture pour comprendre quels sont les risques de sécurités liés à l'utilisation de Docker et comment les limiter au maximum.

Le principe de limiter les privilèges au maximum et de n'ajouter que le strict nécessaire au fur et à mesure est une très bonne pratique, malheureusement trop peu souvent appliquée par manque de temps.

docker good-practice sécurité
Oxlint General Availability | The JavaScript Oxidation Compiler https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html
14/12/2023 23:17:26

Une jeune alternative à ESlint qui serait 50 à 100 fois plus rapide. Shopify annonce avoir réduit le linting de 75 minutes à 10 secondes. Ça semble exagéré mais ça mérite de s'y intéresser. Et c'est du zero-config par défaut !

C'est développé en Rust.

JavaScript linter eslint lib
Inheritance and the prototype chain - JavaScript | MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain
09/12/2023 23:53:27

Une explication détaillée et claire de la façon dont le système de prototype de JavaScript fonctionne. Lecture requise si vous développez en JS, que ce soit dans le navigateur ou avec Node et consorts.

JavaScript good-practice
GitHub - LuanRT/YouTube.js: A wrapper around YouTube's internal API — reverse engineering InnerTube https://github.com/LuanRT/YouTube.js
09/12/2023 23:21:10

Une sorte de SDK non-officiel pour YouTube, en JavaScript.

A full-featured wrapper around the InnerTube API
InnerTube is an API used by all YouTube clients. It was created to simplify the deployment of new features and experiments across the platform 1. This library manages all low-level communication with InnerTube, providing a simple and efficient way to interact with YouTube programmatically. Its design aims to closely emulate an actual client, including the parsing of API responses.

youtube sdk JavaScript lib
Goodbye, Clean Code — overreacted https://overreacted.io/goodbye-clean-code/
09/12/2023 21:30:30

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 situation arrive fréquemment.

dev histoire opinion
How Marketing Changed OOP In JavaScript — Smashing Magazine https://www.smashingmagazine.com/2023/12/marketing-changed-oop-javascript/#if-only-javascript-embraced-its-prototypes
09/12/2023 21:21:49

Un très bon article (écrit il y a 2 ou 3 ans je pense, en réalité) qui revient sur l'historique de JavaScript et sur la raison marketing derrière certains choix.

L'article revient notamment sur l'aspect "Prototype" de JavaScript qui est souvent incompris et camouflé derrière ce qu'on appelle du "syntactic sugar".

JavaScript histoire
Let’s learn how modern JavaScript frameworks work by building one | Read the Tea Leaves https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/
03/12/2023 21:47:23

Un article, pas forcément des plus abordables, qui passe en revue les principes fondamentaux des frameworks JavaScript modernes en les appliquant dans un exemple simplifié.

Il aborde des concepts relativement avancés tels que les Proxy, les Microtask, et la manipulation du DOM telle qu'on n'a plus vraiment l'habitude d'en faire.

Mais c'est diablement instructif.

JavaScript framework réactivité
You (probably) don't need DateTime · Scorpil https://scorpil.com/post/you-dont-need-datetime/
03/12/2023 09:26:49

Une réflexion sur la façon de stocker un datetime (date + heure) et sur le fait que le timestamp UNIX est préférable dans bien des cas.

timezone date
12 Days of Web https://12daysofweb.dev/
03/12/2023 08:50:06

Un calendrier de l'avent du développement front-end, principalement ciblé sur CSS et JS. Parfait pour découvrir les nouveautés en la matière petit à petit, un article par jour 😊

css JavaScript avent
page 30 / 189
3901 links, including 129 private
Shaarli - The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community - Theme by kalvn