Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

July, 2019

KML Project - Votre Kamoulox quotidien

Un générateur de Kamoulox ! Et il y a plein de thèmes !

Human Benchmark

J'aime bien ce genre de petits tests :)

  • Reaction Time: 258 ms (Top 58.59%)
  • Visual Memory: 10 points (Top 64.51%)
  • Number Memory: 11 digits (Top 19.55%)
  • Verbal Memory: 62 points (Top 11.64%)
  • Hearing: 13190 Hz (Top 91.26%)
  • Typing: 77 WPM (Top 14.64%)
Apprendre le positionnement en s'amusant – Partie 2 : Grid Layout

Plein de ressources utiles pour apprendre et maîtriser le positionnement CSS Grid.

Tips for rolling your own lazy loading | CSS-Tricks

Quelques astuces plutôt élégantes pour faire du lazy loading pour vos images.

I Used The Web For A Day On A 50 MB Budget — Smashing Magazine

Un article très intéressant sur l'optimisation des sites web. L'auteur s'autorise uniquement 50 Mo de data et analyse la poids des sites qu'il visite et comment ils pourraient être mieux optimisés.

GitHub - ritiek/spotify-downloader: Download Spotify playlists with albumart and meta-tags

Vous donnez une playlist Spotify à cet outil, il vous télécharge tout ça depuis YouTube avec toutes les métadonnées qui vont bien (titre, artiste, album, couverture, paroles, genre, numéros de pistes, date de sortie, etc.).

Gradient Magic

Des gradients CSS assez cools :)

CSS Animation Libraries | CSS-Tricks

Une grosse liste de librairies pour gérer les animations CSS.

Lazy loading and code splitting in Vue.js - Vue.js Tutorials

Un très bon article sur le lazy-loading de modules en général avec Webpack et plus particulièrement de composants Vue.js. C'est étonnamment facile à mettre en place et ça peut permettre de drastiquement améliorer les performances au chargement d'une application.

Invidious

Une alternative à YouTube si vous trouvez la page d'accueil de ce dernier trop lourde. Le contenu est bien sûr exactement le même.

Windy: Wind map & weather forecast

Un site météorologique très sympa visuellement et avec plein de données différentes.

yuzu - Nintendo Switch Emulator

Un émulateur pour la Switch. Fonctionne sur Windows et Linux.

Via https://korben.info/yuzu-lemulateur-nintendo-switch-pour-pc.html

Les dangers de MySQL et MariaDB

MySQL (et son fork MariaDB) sont apparemment truffés de problèmes qui les rendent non-désirables pour une application en production.

Tornis | Watch and respond

Une librairie JavaScript minimale pour traquer l'état du viewport (tout ce qui tient au curseur, à la taille de la fenêtre et au scroll). Très pratique pour certains effets graphiques. Tout est visiblement optimisé pour ne déclencher les évènements que lorsque le navigateur est prêt à effectuer un nouveau rendu (avec requestAnimationFrame).

Compare Sony Xperia Z5 vs Google Pixel 3A: Price, Specs, Review | Gadgets Now

Un outil pour comparer des téléphones dans un tableau.

A Deep Dive into Native Lazy-Loading for Images and Frames | CSS-Tricks

Le lazy loading natif pour les images et les iframes commence à être supporté.

Undesign | Collection of free design tools and resources for makers, developers and designers

Collection of free design tools and resources for makers, developers and designers.

Color Inputs: A Deep Dive into Cross-Browser Differences | CSS-Tricks

Le composant natif pour sélectionner une couleur est un vrai bordel à gérer. Très différent d'un navigateur à l'autre.

Tiny File Manager | Help Documentation

EDIT 2019-07-17: Attention apparemment il y a pas mal de trucs qui puent dans cette application ! A ne pas utiliser tel quel.

Un gestionnaire de fichier qui tient en un unique fichier PHP à uploader sur votre serveur.

How France’s equivalent of ‘Monty Python and the Holy Grail’ taught me the sweet loneliness of TV in a foreign language | The Independent

Kaamelott très bien résumé en anglais mais par une française. Notamment le fait que c'est absolument intraduisible dans une autre langue.

You’re grating our grapes!

Numéros de services clients - Ne payez pas pour rien ! - Actualité - UFC-Que Choisir

Une liste de numéros de service client gratuits.

Et si CSS vous renvoyait l'ascenseur ? - Alsacreations

Comment customiser la scrollbar du navigateur. C'est encore un peu fouillis d'un navigateur à l'autre.

RecordScreen.io - Record your screen right from the browser

Ce service permet d'enregistrer l'écran de votre navigateur (ou une partie de l'écran) sous forme de vidéo. Tout est traité directement dans le navigateur, rien n'est a priori envoyé sur leurs serveurs. Pas testé.

Via https://korben.info/recordscreen-io-enregistrez-votre-ecran-de-navigateur-en-1-clic.html

Comment Se Souvenir De Tout Pour (Quasiment) Toujours

Une méthode pour se souvenir de tout (ou presque), facilement.

Un truc que j'avais aussi envisagé sans jamais le mettre en pratique c'était d'écrire dans une liste, à chaque trou de mémoire, le truc que j'ai oublié. Et ensuite, il faudrait lire toute la liste au moins une fois par jour. Aucune idée si ça marche mais je pense que ça peut aider pour les trucs qu'on oublie tout le temps.

Menus with "Dynamic Hit Areas" | CSS-Tricks

Anticiper les mouvements de souris de l'utilisateur sur un menu et adapter la zone cliquable autour pour réduire le risque de fermer involontairement le menu et la frustration qui va avec.

How to use forEach() to iterate an array in JavaScript

Quelques choses intéressantes à savoir sur forEach() en JavaScript.

Learn Bootstrap 4 in 5 minutes - DEV Community 👩‍💻👨‍💻

Le titre est trompeur puisqu'il faut en fait connaître Bootstrap 3. Mais l'article regroupe quelques unes des nouveautés de Bootstrap 4.

Mozilla SSL Configuration Generator

Un générateur de config SSL.

Automatically track TV & movies you're watching - Trakt.tv

Une application qui dispose de plugins pour pas mal de media centers et autres pour traquer automatiquement ce que vous visionnez.

Tout savoir sur Libra, le projet crypto de Facebook – Korben

Un petit topo sur la nouvelle crypto-monnaie de Facebook.