Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

April, 2018

NProgress: slim progress bars in JavaScript

Une petite librairie Javascript + CSS pour afficher une barre de chargement tout en haut de la page un peu à la manière de ce que font Github ou Youtube.

rimworld-ost-2h.mp3

L'OST de Rimworld.

L'élément <wbr> - Alsacreations

Intéressant, je ne connaissais pas cet élément <wbr> qui permet de choisir où tronquer les mots lorsqu'ils sont trop longs pour leur conteneur.

Oh Man, Look at Your API! – Pixel Point – Medium

Quelques bonnes pratiques pour la création d'APIs.

Glide.js | A dependency-free JavaScript ES6 slider and carousel

Un carrousel Javascript ES6 sans dépendance, léger et et blindé d'options.

List Rendering and Vue’s v-for Directive | CSS-Tricks

Un article intéressant sur l'utilisation correcte de la directive v-for de Vue.js. Il aborde notamment l'utilisation très conseillée de :key et les risques encourus si elle est absente.

Homepage - tabler.github.io - a responsive, flat and full featured admin template

Un thème dashboard construit avec Bootstrap 4.

Correlating Log Entries Using Log4J and the Mapped Diagnostic Context - Black Pepper Software

Gestion d'ID de correlation entre client et serveur avec log4j2.

Dommage qu'il n'y ait pas de norme les ID de corrélation parce que c'est quand même bien pratique de pouvoir extraire tous les logs relatifs à une requête précise.

PHP "c'est de la merde"

Les problèmes soulevés dans l'article sont bien réels mais malgré tout j'aime le PHP parce qu'il n'a pas ce côté black box qu'a Java par exemple. En gros, on sait ce qu'il se passe dans le code à tout instant et ça évite les effets de bords.

Et depuis plusieurs années maintenant il y a beaucoup de framework et d'initiatives qui rendent les choses beaucoup plus solides, stables et inter-opérables (PSR par exemple).

Is there a way of installing Windows Subsystem for Linux on Win10 (v1709) without using the Store? - Super User

Installer Linux dans Windows 10 sans passer par le Microsoft/Windows Store.

La météo typique partout dans le monde - Weather Spark

Relevés météorologiques du temps qu'il fait toute l'année partout dans le monde. Parfait pour planifier vos vacances !

Empty States

Des idées de design pour des conteneurs sans contenu.

Vue CLI 3 — the deep dive – LogRocket

Un tour d'horizon de Vue CLI 3.

L'approche plugin au lieu de template a l'air top. C'est du zéro-config et vous n'aurez besoin de mettre les mains dans le cambouis que si vous voulez modifier le comportement par défaut.

Listing globally installed NPM packages and version | Pondering Developer

Sous le coude.

Pour lister tous vos packages NPM installés globalement :

$ npm list -g --depth=0

Ça vaut le coup de faire le ménage là dedans de temps en temps parce que très souvent, les tutos sur le web vous font installer tout un tas de trucs que vous ne réutiliserez jamais. Dans ce cas, l'alternative est d'installer la dépendance en local (sans le -g) et à utiliser npx au moment d’exécuter la commande.

Par exemple :

$ npm install @vue/cli
$ npx vue -V

Bon en l'occurence, le CLI Vue est plutôt un bon candidat pour l'installation en global mais vous saisissez l'idée :)

Mailinator propose la réception de SMS sur un numéro public – Korben

Quand vous n'avez pas envie de donner votre numéro de mobile mais qu'une procédure le requiert.

Bon par contre, comme stipulé dans l'article, c'est public de chez public donc n'utilisez pas ça pour de l'authentification 2-facteurs par exemple :)

VuePress

Un générateur de site statique basé sur Vue.js.

Ça a l'air simple et efficace. Et le projet vient tout juste de sortir donc des ajouts sont à prévoir dans les semaines à venir.

Stuff in Space

C'est génial ! Un aperçu de tous les machins (répertoriés) qui flottent autour de la Terre. Ça fait beaucoup de machins !

10 méthodes pour sécuriser l'accès de votre NAS Synology

Quelques règles basiques mais essentielles pour sécuriser votre NAS Synology.

hubic [Wiki de sebsauvage.net]

Un petit topo sur Hubic + rclone.

Focusing on Focus Styles | CSS-Tricks

Le support n'est pas encore très bon mais les pseudo-sélecteurs :focus-within et :focus-visible ont l'air intéressants.

Git Merge vs. Rebase: What’s the Diff? – Hacker Noon

A retenir :

  • Use merge in cases where you want a set of commits to be clearly grouped together in history
  • Use rebase when you want to keep a linear commit history
  • DON’T use rebase on a public/shared branch
Wikiwand

Une extension pour rendre Wikipedia plus sexy.

FolderSync Pro - Apps on Google Play

Une appli recommandée par Sebsauvage pour synchroniser un dossier du téléphone avec un serveur distant.

Via https://framapiaf.org/@sebsauvage/99687324453489209

systemd-analyze - Find System Boot-up Performance Statistics in Linux

Un outil d'analyse des différentes tâches et du temps qu'elles prennent lors du démarrage de Linux.

Vue CLI 3: A Game Changer For Frontend Development

Un premier regard sur Vue CLI 3. Cette interface a l'air nettement plus facile d'accès que la version 2.

En gros tout est abstrait sous forme de plugins et vous n'avez qu'à overrider ce que vous devez changer. On est donc assez proche du zéro config.

Vue.js and Webpack 4 From Scratch, Part 1 – ITNEXT

Un guide pas à pas pour mettre en place une appli Vue.js avec Webpack.

📦 Parcel v1.7.0: – devongovett – Medium

Parcel gère maintenant les single file components Vue.js out of the box.

Son approche zéro config est assez séduisante par rapport à Webpack.

Vue JS Draw

Un mini-Paint constuit avec Vue.js.

Plutôt ingénieux :)