Impressionnant!
J'ai appris à utiliser React, puis j'ai appris Redux. Ensuite, React 18 est sorti, et je me suis penché sur les hooks, sans avoir besoin de retoucher à redux.
Du coup aujourd'hui je découvre l'utilisation conjointe de react-redux et des hooks, et ça me semble bien pratique !
des "jeux" pour apprendre certaines techniques du CSS (flexbox, grid, etc). Seul bémole: seul Flexbox Froggy et Grid Garden sont accessible gratuitement
Quelques considération UI/UX pour les zones cliquables
Nous sommes en train de passer de composants React 15.x à des composants React 16.8, ce qui ouvre la voie aux Hooks.
J'aime bien la présentation de cet article, avec le code en 2 colonnes
Indispensable! Je vais passer tout mes projets persos à TS 3.7 :D
Moi le matin
Je viens de découvrir ce site, c'est super pratique et bien expliqué!
J'aime bien cette technique de menu. L'utilisateur ne remarquera pratiquement jamais cette zone étendue de survol, mais ça évite surement pas mal de frustration
Nous avons comme objectif d'avoir des applications non-seulement parfaitement adaptés au mobile, mais également accessible. Cet article tombe donc bien!
Récap sur les dates en JavaScript (qui sont une belle galères)
Génial !
CSS Grid c'est déjà super, donc l'arrivé des Subgrid est un plus indéniable
J'aime beaucoup cette technique super simple :
Certaines personnes peuvent (voir doivent) bloquer les animations pour le web. Qu'il s'agisse d'un handicap visuel, l'utilisation de périphériques particulier, etc...
Pour ça, il existe une media-query prefers-reduced-motion: reduce
, qui indique donc que l'utilisateur veut moins de mouvement.
L'exemple de code suivant va utiliser cette MQ avec les éléments html <picture>, qui permet de spécifier une image ayant plusieurs "sources" différentes. Et donc servir un gif animé par défaut, mais une image fixe jpg pour ceux étant en mode prefers-reduced-motion
premier jet des spécifications pour le support natif du mode nuit via des CSS
Une petite liste d'outils dédié aux réglages des contrastes de couleurs (pour l'accessibilité). A placer dans ses favoris!
Encore un article sur CSS Grid! Ce que j'aime bien dans celui-ci, c'est qu'il ne s'agit pas juste d'un article théorique mais d'un exemple basé sur un cas d'entreprise, avec également des bonnes pratiques, etc
J'espère sincèrement que le gouvernement chinois pas soutenir Huawei en taxant fortement toute exportation vers les USA
Oui, vous avez bien lu : ce plan d'architecte est crée uniquement avec CSS Grid. La partie HTML n'est composé que de div avec class. Impressionnant!