kalvn 🐧 @kalvn@mastodon.xyz
Je dev des trucs le soir dans mon garage.
Par exemple le thème Material pour Shaarli.
Joined Apr 2017
LaraCasts: Learn Vue 3: Step by Step
https://laracasts.com/series/learn-vue-3-step-by-step
Une série de 31 vidéos (5h22 au total) pour apprendre Vue 3 de zéro. Et c'est gratuit.
Je commence à jouer un peu avec Vue 3 et la nouvelle composition API, et c'est assez fabuleux. Mais c'est important de maîtriser quelques nouveaux concepts.
Fontsource
https://fontsource.org/
Une collection de packages npm qui permettent d'ajouter de nouvelles polices d'écriture à vos applications web sans vous prendre la tête.
C'est aussi simple que :
```bash
npm install --save @fontsource/open-sans
```
puis dans votre `index.js` :
```js
import '@fontsource/open-sans/400.css';
```
#font #lib #javascript — https://links.kalvn.net/shaare/q1YLqw
Best Moment.js Alternatives - date-fns, Day.js, Luxon, js-joda | Jakub Kozak | 2020 | The Startup
https://medium.com/swlh/best-moment-js-alternatives-5dfa6861a1eb
Comparaison des meilleures alternatives à moment.js :
- date-fns
- Day.js
- Luxon
- js-joda
De mon côté j'ai souvent utilisé Day.js qui est très bien mais date-fns a l'avantage de se reposer sur l'objet Date natif de JavaScript, ce qui peut s'avérer pratique pour l'utilisation d…
#date #javascript #lib #comparatif — https://links.kalvn.net/shaare/VogfyA
9 Best Free Website Downtime Monitoring Services
https://linuxhandbook.com/downtime-monitoring-services/
Une liste de 9 services pour monitorer vos sites web. Par monitorer dans ce cas, j'entends effectuer une requête à intervalle régulier pour vérifier que le site répond. Si ce n'est pas le cas, vous êtes prévenus (par mail, par notification, etc. ça varie selon les outils).
Sinon si vous avez un hébergement, une bonne solution est d'utiliser [Uptime Kuma](ht…
AI PNG Enlarger Download - Enlarge PNG and JPG Images without Losing Quality
https://bggenerator.com/pngenlarger.html
Un outil pour agrandir les PNG sans trop perdre en qualité.
> AI PNG Enlarger is a Windows software program enlarges PNG and JPG images up to 4x or 16x by the AI and Deep Learning alogrithm and preserves the PNG transparency without losing quality.
Things You Should Know About Databases
https://architecturenotes.co/things-you-should-know-about-databases/
tl;dr
Motion One: The Web Animations API for everyone
https://motion.dev/
Une lib JavaScript pour créer des animations. Son poids est très réduit mais elle semble complète en terme de fonctionnalités. Elle possède en outre des helpers pour Vue et Solid.
Via https://youtu.be/7HDiV-yaquQ
#vuejs #animation #lib #javascript — https://links.kalvn.net/shaare/3TtbWg
Bunny Fonts
https://fonts.bunny.net/
Une alternative a priori privacy-safe (pas de tracking, pas de logging) à Google Fonts. Il suffit de changer le nom de domaine dans le script à ajouter à vos pages. Le reste de l'URL reste identique à celle de Google.
Remove unwanted objects from photos simply by dragging boxes ✨
https://cleanupphotos.com/
Un autre outil en ligne pour supprimer des éléments d'une photographie.
#supprime #outil #image — https://links.kalvn.net/shaare/dO5XMg
Lunr: A bit like Solr, but much smaller and not as bright
https://lunrjs.com/
Une lib de recherche côté client en JavaScript. Ça peut convenir pour les sites statiques, il faut juste construire un index du contenu et l'exposer en JSON.
#recherche #moteurderecherche #statique #lib #javascript — https://links.kalvn.net/shaare/FNjuXg
Si vous envisagez d'ouvrir un compte #Proton mail (email, calendrier, drive chiffré de bout en bout), n'hésitez pas à utiliser mon lien de parrainage. Un mois gratuit pour moi, un mois gratuit pour vous : https://pr.tn/ref/CDCHXTY296HG
#privacy #email
Bun is a fast all-in-one JavaScript runtime
https://bun.sh/
Une alternative à Node.js ou Deno. Ce runtime JavaScript vante ses très bonnes performances.
fresh - The next-gen web framework.
https://fresh.deno.dev/
Encore un nouveau framework JavaScript, développé cette fois-ci au-dessus de Deno au lieu de Node.js.
Une courte vidéo de présentation : https://youtu.be/4boXExbbGCk
#javascript #framework #deno — https://links.kalvn.net/shaare/iRk6Rg
Vue Skeleton Loading Screen using Suspense Components
https://learnvue.co/tutorials/vue-skeleton-loading
Cas d'utilisation du nouveau composant `Suspense` de Vue 3 pour afficher un squelette de composant en guise de loading indicator le temps que les données soient prêtes.
Le Reset CSS, une histoire d'héritage et de réinitialisation
https://www.alsacreations.com/article/lire/1867-reset-css-une-histoire-heritage-et-reinitialisation.html
Tout sur `reset.css` et `normalize.css`.
Pitivi
https://pitivi.org/
Un éditeur de vidéo pour Linux.
#linux #app #editeur #video — https://links.kalvn.net/shaare/MHPvFQ
Andy Yen speaks at Collision 2022
https://youtu.be/LKlpbALExZs
Le fondateur de Proton résume en 20 minutes pourquoi la privacy est importante et nécessaire.
[node] Precautions for the use of nvs
https://blog.fearcat.in/a?ID=00001-3b504bbb-5587-4c90-acb1-5d5919456897
**[nvs](https://github.com/jasongin/nvs)** est un gestionnaire de version pour Node.js. Il permet d'avoir plusieurs versions de Node.js installées sur votre machine et de passer de l'une à l'autre avec une simple commande. Il a l'avantage de fonctionner aussi bien sous Windows que Linux et MacOS. Par contre j'ai noté des soucis sous Windows, et cet article m'a aidé à l…
Separate vocals and music from any song, in seconds! — Vocali.se
https://vocali.se/en
Un outil web pour séparer la voix de la musique sur un fichier audio. C'est assez bluffant !
Via https://korben.info/separer-voix-musique.html
#audio #voix #musique #outil — https://links.kalvn.net/shaare/Y4diJw
Flowblade - Download
https://jliljebl.github.io/flowblade/download.html
Un éditeur de vidéo pour Linux.
Via https://korben.info/flowblade-editeur-video-linux.html
#video #editeur #app — https://links.kalvn.net/shaare/uRKxhw
Je dev des trucs le soir dans mon garage.
Par exemple le thème Material pour Shaarli.
Joined Apr 2017
