Plein d'outils intéressants.
Un outil pour faire un peu comme LaTeX mais avec des technos web.
Il y au quelques mois je cherchais un outil de ce genre parce que Word me sortait par les narines. Il faudra vraiment que je m'y essaye !
Un aspect très important de Vue.js. Lorsque vous modifiez le modèle, vous vous attendez à ce que le DOM soit mis à jour immédiatement. Mais ce n'est pas ce qui se passe.
En réalité, Vue.js ajoute cet "ordre" de modification du DOM à une file d'attente puis gère tous les ordres d'un coup à intervalle régulier (l'intervalle est bien sûr très court pour éviter une latence visuelle). Mais ça permet d'éviter de mettre à jour le DOM plusieurs fois lorsque de nombreuses modifications du modèle interviennent successivement.
La conséquence, c'est que si vous accédez au DOM juste après avoir mis à jour votre modèle, il ne sera pas à jour. La solution est donc d'utiliser la fonction $nextTick qui prend un paramètre un callback qui sera exécuté juste après la prochaine mise à jour du DOM :
this.$nextTick(() => {
// Ici, votre DOM est à jour.
document.querySelector('...')
})Un article intéressant sur la différence entre var letet const.
Les nouveautés de la mise à jour d'avril de Windows 10.
Pensez à vérifier que vos sites respectent la norme EDNS !
J'avais parlé de cette propriété il y a un peu plus d'un an. Elle permet de déterminer comment le navigateur doit charger les polices et quoi afficher pendant le chargement.
Liste de blocage DNS qui permet de bloquer la pub en modifiant le fichier hosts de votre système.
Seb a compilé un fichier agrégeant plusieurs sources : https://sebsauvage.net/hosts/hosts
Plein de jolis boutons "toggle switch" pour remplacer les checkbox dans certains cas.
Les 100 exemples de code les plus populaires en 2018 sur CodePen. Il y a plein de trucs rigolos et inventifs !
Sous le coude.
Design un peu agressif mais message d'utilité publique :)
Un outil cross-browser pour synchroniser vos favoris entre différents navigateurs. Il dispose d'une application à installer sur un serveur type NextCloud et d'extensions pour Chrome et Firefox.
Quelques conseils (en anglais) avant de prendre la parole en public.
Très bon article sur le revirement de Tumblr quant à la publication de contenus adultes.
Télécharger des vidéos Youtube avec VLC uniquement.
Vérifiez si votre site contient bien les headers HTTP de sécurité recommandés.
Un site qui permet de publier des traces GPS pour faire découvrir à la communauté vos itinéraires préférés.
Une comparaison des différentes applications de messagerie d'un point de vue sécurité. On y compte :
Et visiblement les 3 seules qui sortent du lot sont Signal, Threema et Wire.
Un outil qui permet de préparer des itinéraires à vélo.
Une liste de domaines à éviter réunis sous forme de fichier host.
Une sorte d'amélioration de la commande du qui permet de connaître l'utilisation de l'espace disque.
Un petit site qui montre comment réaliser certains layouts communs avec flexbox.
Je valide, super série !
Un quiz de Google qui permet de voir si vous êtes doué pour détecter les email de phishing.
Un outil qui permet de connaître la fiabilité de différents sites. Pas testé plus que ça c'est l'intention est louable.
Stats de fiabilité de disques durs.
Cet homme est un dieu ! La BO de DKC2 est tout particulièrement incroyable !
Sous le coude.
In the unfortunate event your DiskStation fails, you'll probably want to recover the data stored on its hard drives. Data stored on the DiskStation's hard drives can be easily recovered using an Ubuntu live CD and your computer. Please see the steps below.
Prepare a PC with enough hard drive slots available to install the hard drives from your DiskStation.
Remove the hard drives from your DiskStation and connect them to your computer. For RAID or SHR configurations, you'll have to connect all the hard drives (excluding hard drives used as hot spares) to your computer at the same time.
Note: Please make sure the file system running on the hard drives of your Synology NAS are EXT4 or Btrfs.
Visit http://www.ubuntu.com/download/desktop to download the Ubuntu ISO file.
Burn the ISO on a blank DVD and use it to boot your computer.
Install Ubuntu on an empty hard drive or USB stick.
If you're recovering files from a RAID or SHR configuration, please see steps 7 to 11. For recovering files from basic storage types with only one hard drive, please skip to step 12.
Go to Applications and open Terminal.
Install mdadm with the following commands.
Ubuntu@ubuntu:~$ sudo -i
root@ubuntu:~$ apt-get install mdadm
Select No configuration and complete the installation.
Install lvm2 with the following commands.
root@ubuntu:~$ apt-get install lvm2 (otherwise vgchange won't work)
Run the following command to mount all of the hard drives from your DiskStation.
root@ubuntu:~$ mdadm -Asf && vgchange -ay
Now you'll be able to browse all the shares and files on the hard drives. You may also connect a USB drive to the PC, copy required files to the USB drive, and then transfer the files to other devices.
Des petites astuces pour Firefox.
Améliorer les performances des grosses listes dans Vue.js en supprimant la couche réactive de chaque menu item lorsque c'est possible. C'est vrai que bien souvent les éléments d'une liste n'évoluent pas donc la réactivité n'apporte rien.
Un soft regroupant tous vos jeux sous Linux.
Via https://korben.info/gamehub-un-soft-sous-linux-pour-unifier-votre-bibliotheque-de-jeux.html
Pas testé mais ça peut servir.
Libérer un peu d'espace disque sur un serveur Ubuntu.
# To delete downloaded packages (.deb) already installed (and no longer needed)
$ sudo apt-get clean
# To remove all stored archives in your cache for packages that can not be downloaded anymore (thus packages that are no longer in the repository or that have a newer version in the repository).
$ sudo apt-get autoclean
# To remove unnecessary packages (After uninstalling an app there could be packages you don't need anymore), including old Linux kernels (only if Ubuntu > 16.04)
$ sudo apt-get autoremove$ cd /
$ sudo du -a | sort -nr | headVous pouvez après vous déplacer dans chaque dossier et exécuter la même commande pour avoir plus de détails.
Pour mettre à jour Let's Encrypt Certbot sur Ubuntu :
$ certbot --version
$ sudo apt-get dist-upgrade
$ certbot --version
sudo apt-get upgradeis not sufficient due to some package name change
Un site de fonds d'écran HD.
Un lecteur vidéo JavaScript.
Now is a good time to start leaning Vue.js :)
Vue.js est le projet obtenant la meilleure progression en matière d'étoile sur Github depuis 3 années consécutives !
Une nouvelle instance de RSS-Bridge.
Bon l'article est sponsorisé par SFR mais dans l'ensemble il contient quand même pas mal d'infos utiles.
Pas mal de bons conseils pour améliorer l'expérience utilisateurs sur vos formulaires.
Un site qui permet de lister les ajouts de films et de séries récents sur les principales plateformes de streaming légales. Il y a aussi une section Populaires.
Parfait pour trouver de nouvelles choses à voir.
Une liste de serveurs DNS alternatifs regroupée par SebSauvage, merci !
Ghost devient un headless CMS.
Une interface graphique pour l'outil de backup Borg.
Supprimer tous les fichiers qui sont dans le .gitignore du repository en une commande.
git ls-files -i --exclude-from=.gitignore | xargs git rm --cachedPas mal d'infos sur les dessous des navigateurs web.
Plein d'outils pour UX/UI Designer.
Sécuriser PHPMyAdmin.
tl;dr
Un gros topo sur OPCache et comment bien le configurer.
Je n'irais pas jusqu'à dire que c'est complet mais c'est un très bon début.
Des avis sur la question ? Potentiellement un moyen simple de bloquer les traqueurs et la pub sur tout système permettant de configurer le DNS. Bon par contre ça reste une black-box...
Les IPs sont les suivantes :
Et pour utiliser la fonction DNS privé d'Android 9, vous devez utiliser le domaine dns.adguard.com.
Je teste un peu cette application pour la prise de notes et ça a pas l'air vilain :)
Via https://korben.info/notable-un-editeur-markdown-multi-plateformes-vraiment-cool.html
Sur les navigateurs mobiles, les "clics" sur les éléments interactifs (liens, boutons, etc.) ne sont pris en compte que 300 ms après l'action de clic. Ce délai sert à voir si un autre clic intervient dans cet intervalle, auquel cas le navigateur prendre en compte un double-clic et non un clic simple.
L'utilisation de double-clic sur un site étant assez marginale, si vous souhaitez donner une meilleure impression d'immédiateté, vous pouvez désactiver ce délai avec le code CSS suivant :
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
touch-action: manipulation;
}Via https://getbootstrap.com/docs/4.0/content/reboot/ et https://medium.com/css-mine/bootstraps-reboot-next-evolutionary-step-for-css-reset-a30f718521b9
Styliser les scrollbars, c'est pas encore ça...
Plein d'exemples de pages 404.
Un Ebook gratuit qui parle des PWA.
Classement des constructeurs "bons élèves" en matière de mise à jour d'Android. Il s'agit de quelque chose à considérer lors de l'achat si vous aimez être à jour.
Styliser votre texte en utilisant des caractères unicode. Pratique pour que votre pseudo Twitter se distingue un peu des autres par exemple :)
La liste complète de tous les emojis unicode, avec en plus un comparatif du rendu pour la majorité des systèmes.
Plein de choses à voir sur cette photo :)
Sous le coude.
Du bon lol pour commencer 2019 comme il se doit 🎉