L'auteur montre comment donner l'illusion que deux éléments sont de même taille / couleur alors qu'il n'en est rien - l'idée est que deux éléments ayant la même couleur (même valeur RGB par exemple) peuvent paraître différents dans leur contexte. Il ne faut donc pas hésiter à ajuster (via https://stephaniewalter.design/fr/blog/semaine-pixels-12-aout-2016/ )

Tout est dans le titre (via https://stephaniewalter.design/fr/blog/semaine-pixels-29-juillet-2016/ )

Des astuces pour l'utilisation des commandes console.qq_chose en JavaScript

Des astuces pour Markdown

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Quelques astuces front et Vue.js

L'idée est d'utiliser pleinement les ressources du web : pas besoin de JavaScript pour un défilement doux (CSS le permet), le lazy loading est déjà possible via un attribut HTML, etc.

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Donc, pour résumer:

• pour avoir le nom des variables avec leur valeur, utiliser { }: console.log({var})
• console.warn(), console.error() et console.info() pour différencier l'aspect du message.
• console.assert(condition,retour) pour éviter un if (condition){console.log(retour)
• console.trace() pour remonter la pile d'appels
• console.group('nom'), console.groupCollapsed('nom') et console.groupEnd('nom') pour regrouper des console log()
• console.table(array) pour présenter les données sous forme de tableau
• $(selecteur) est équivalent à document.querySelector(selecteur)
• $$(selecteur) est équivalent à document.querySelectorAll(selecteur)

Via le Warrior du dimanche

Tout est dans le titre

Les astuces en question :

• Liste d’arguments trop longue
• Filtrer la sortie d’un tail -f
• Vérifier tous les certificats de vos sites
• Purger le cache ARP
• Répertoire partagé VirtualBox
• Purger uniquement certains éléments de la file de mail en attente
• Ne pas vérifier la signature SSH d’un serveur
• Faire le ménage dans le fichier hosts d’Ansible

Plein d'astuces HTML CSS

Tout est dans le titre

La liste des faits intéressants :

• les valeurs négatives < -1 peuvent être utilisées pour grid-row-end et grid-column-end
• Il est possible d'utiliser des valeurs négatives dans grid-column/row-start
• Le contenu des pseudo éléments (::before et ::after) est traité comme un "grid item"
• Certaines propriétés de grille peuvent être animées (grid-gap, grid-row-gap, grid-column-gap, grid-template-columns, grid-template-rows)
• La valeur de grid-column/row-end peut être plus petite que la valeur de début
• Le mot clé "span" peut être utilisé sur grid-column/row-start et grid-column/row-end
• grid-template-areas et les lignes nommées implicites

La liste des astuces :

• J’arrive plus à me loguer sur mon cluster Kubernetes 😭
• Non mais ya quoi dans mon cluster ?
• Afficher des labels