Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

August, 2019

CSS Style Guides - dailydevlinks.

Quelques guidelines pour CSS.

Caching Ghost with Nginx

Mettre en place un cache serveur pour Ghost.

GitHub - protonmail-desktop/application: Unofficial Electron wrapper for ProtonMail

Un wrapper qui permet de gérer plusieurs comptes ProtonMail en parallèle sans avoir à se déconnecter/connecter à chaque fois. C'est une appli standalone qui utilise Electron.

Via https://korben.info/un-wrapper-pour-gerer-plusieurs-comptes-protonmail.html

GitHub - voidcosmos/npkill: List any node_modules directories in your system, as well as the space they take up.

Un petit outil pour lister tous les dossiers node_modules sur votre ordi ainsi que l'espace qu'ils occupent. Vous pouvez ensuite supprimer ceux que vous voulez avec la barre d'espace.

Ça paraît idiot mais pour quelqu'un qui fait du dev front, les dossiers node_modules peuvent devenir conséquents à l'échelle du système.

Efficiently load third-party JavaScript  |  web.dev

Quelques astuces pour charger efficacement vos scripts externes.

Offre Internet : comparateur des meilleures offres fibre et ADSL - FrAndroid

FrAndroid lance un comparateur d'offres fibre et ADSL. Pas testé.

line-clamp | CSS-Tricks

Enfin une propriété CSS pour tronquer le texte après un nombre défini de lignes.

Introduction - Purgecss

Un outil de post-processing pour supprimer de vos fichiers CSS tout ce qui n'est pas utilisé. Très utile pour amaigrir les frameworks CSS type Bootstrap ou Bulma.

Stop Misusing Toggle Switches

Un point de vue intéressant sur l'utilisation des "switches".

Un développeur de PHP propose un langage fortement typé, le P++, avec des fonctionnalités plus avancées

Intéressant mais ça peut vite devenir compliqué à gérer. Dans une certaine mesure ça fait penser à ce qu'est TypeScript par rapport à JavaScript.

Grumpy Website

Je suis fan 😄

Investigating Discord’s React Memory Leak - Discord Blog

Article très intéressant sur la façon dont Discord a du gérer une fuite mémoire. J'aime beaucoup, c'est très pragmatique et à la fois ça requiert une grande expertise technique.

GitHub - dimitrov-adrian/RcloneTray: Simple cross-platform GUI for Rclone

Un GUI pour Rclone. Il permet de facilement monter vos stockages distants comme un lecteur local. Il se définit comme une sorte d'alternative à MountainDuck.

Pas tout à fait pareil que RcloneBrowser, mais c'est un bon complément.

Via https://korben.info/rclone-tray.html

Free HTML Email Template Builder | MySigMail Card

Un outil pour construire un template de mail en drag and drop. Plutôt bien fait et assez complet. C'est construit avec Vue.js :)

How to Reduce Your Vue.JS Bundle Size With Webpack - DEV Community 👩‍💻👨‍💻

Des pistes intéressantes pour réduire la taille de vos applications en supprimant les morceaux de dépendances dont vous n'avez pas besoin. Peu d'effort à mettre en oeuvre et un gain potentiellement conséquent !

In Vue, When Do I Need the :key Attribute and Why?

De l'utilisation de l'attribut :key dans Vue.js. C'est un concept pas forcément naturel de premier abord mais très important à comprendre pour les boucles !

Understanding data flow in Vuex - DEV Community 👩‍💻👨‍💻

Une explication rapide de ce qu'est Vuex et comment l'utiliser. C'est un bon point de départ avant de se pencher sur le documentation officielle (qui est plus complète mais tout aussi bien faite).

Vue.js Pattern for Async Requests: Using Renderless Components - DEV Community 👩‍💻👨‍💻

Une technique intéressante qui consiste à utiliser un composant sans rendu (renderless), invisible donc, pour effectuer les appels AJAX. Ça permet de conserver la logique de la gestion du chargement et des erreurs centralisée et de simplement utiliser les variables exposées par le composant pour connaître le statut de la requête.

Je pense que ça ne s'applique pas à tout (uniquement aux requêtes GET par exemple) mais ça peut servir !

Learn CSS Layout

Apprendre le positionnement CSS dans un petit tuto pas à pas.

LessPass

Un gestionnaire de mot de passe un peu différent des autres. Il n'y a rien à stocker, il génère votre mot de passe à la volée en fonction de votre mot de passe maître. Du coup pas besoin de synchro. Pas testé.

Security Checklist

Une checklist à remplir pour surfer en toute sécurité sur le net. Les outils sont bien sûr échangeables contre d'autres. C'est toujours bien d'avoir ce genre de compilation de points à connaître.

Tests de charge avec Artillery.io

Très bon article sur Artillery que j'utilise beaucoup en local pour faire des petits tests de charge. Très facile à mettre en place !

Slim 4.0.0 released - Slim Framework

Slim Framework v4 vient de sortir ! Beaucoup de changements à la fois sous le capot et dans l'API. Ça risque de nécessiter un peu d'effort pour migrer.