Articles

Faire des vidéos avec du code, c'est cool, mais est-ce productif ?

Image
  Faire des vidéos avec du code, c'est cool, mais est-ce productif ? Il existe de plus en plus d'outils qui vous permettent de créer des choses (qui ne sont pas des sites Web) avec du code. Comme Remotion pour faire des vidéos avec React. C'est super cool. Mais faut-il l'utiliser ? J'ai récemment suivi le processus de création d'une vidéo explicative pour la version bêta de Contentlayer . Alors que nous planifiions le script de la vidéo, j'ai découvert Remotion , un outil pour créer des vidéos avec React . Vidéo avec code ! Très intéressant ! Utiliser des outils basés sur le code pour le contenu statique/graphique En travaillant avec Remotion , j'ai réalisé les deux principaux avantages de pouvoir utiliser des outils basés sur du code pour créer des vidéos : la réutilisation et l'édition. Certaines situations courantes où cela devient bénéfique : La même structure graphique sera utilisée à plusieurs endroits de la vidéo. Plusieurs vidéos avec des com

sessionStorage : Utiliser des informations le temps d'une session en javascript

Image
sessinStorage en JS : qu'est-ce que c'est ?  En voulant mettre un loader sur ma page afin d'attendre que tous les éléments soient chargés pour qu'elle s'affiche. J'ai utilisé :  sessionStorage.getItem('premierChargement') Le Storage ?  En quelque mot, le navigateur stock des informations le temps d'une session, c'est une sorte de tempory file, de mémoire tampon. En l'occurrence pour mon utilisation, le navigateur va stocker si c'est un premier chargement de la page ou non ?  Application ?  const loader = document . querySelector ( '.loader' ); window . addEventListener ( 'load' , () => { loader . classList . add ( 'fondu-out' ); if ( sessionStorage . getItem ( 'premierChargement' ) === null ) { loader . classList . add ( 'fondu-out' ); } else { loader . style . display = "none" ;