Catégorie : Articles

  • Qu’est-ce que la spécificité CSS ?

    Quand on apprend le CSS, il me semble qu’il y a un aspect oublié : la spécificité. Elle est super importante car c’est elle qui décide quel propriété prendra le pas sur une autre. Je m’explique : Par défaut CSS se lit de bas en haut, et on va dire que pour deux déclarations égales,…

  • Ajouter TypeScript à un project ReactJS existant

    Ceci est un document de note de la transition d’un projet ReactJs qui n’utilisais pas TypeScript à son utilisation dans le projet.Principalement cela concerne les déclarations de types. Note très informelles qui sont plus de la prise de note du changement qu’autre chose, pour future référence. ControlsKeyboard Component avec state Import de fichiers locaux Mutliple…

  • Apprenons Gutenberg depuis zéro

    Article en cours de rédaction – mis à jour le 09/02/2019 Je te propose de suivre avec moi la création d’un block pour l’éditeur de WordPress Gutemberg. Je vais essayer de partir de zéro, vraiment sans utiliser de plugin, et documenter ce que j’apprends et ce que je vois au fur et à mesure.Ca me servira de carnet de notes, et…

  • Mon nouveau piano, ou la naissance de lire-la-musique.fr

    Pour Noël, ma femme m’a offert un piano. En voulant m’entraîner à lire les partitions et jouer en même temps, je me suis rendu compte que j’avais du mal à me détacher de la mélodie, et que je jouais surtout à la mémoire plutôt que de lire les notes qui se tenaient sous mes yeux.…

  • nl2br et no-wrap

    En travaillant sur le design de ce site, je suis tombé sur un petit problème : mes blocs de code utilisent la propriété CSS white-space: no-wrap. Ce qui à pour but de mettre tous les espaces sur une seule ligne. Grâce à cela, je peux avoir du code dans mon block qui continue sans revenir…

  • Un pas après l’autre

    J’essaie de mettre en place une façon de travailler sur mon site personnel qui consiste à faire de petites modifications à droite à gauche. J’ai souvent tendance à vouloir tout changer, à avoir des idées pleins la tête, et vouloir tout essayer. Sauf que ce trop plein amène l’indécision et la crainte face à l’ampleur…

  • Dribbble inspi

    Ce que j’aime bien faire pour pourvoir découvrir de nouvelles techniques de développement, ou des nouvelles technologies, c’est d’aller sur dribbble, de chercher des publications qui ont par exemple des animations, une fonctionnalité intéressante, et d’essayer de la reproduire en la codant. Le résultat est rarement aussi parfait que le gif fait sur After Effect,…

  • Je suis mon propre obstacle

    Je suis mon propre ralentisseur. J’ai plein d’idée, de projets, de chose que j’aimerais tester, dire, essayer, et pourtant je n’ose pas. J’ai peur que ce que je fais ne soit pas parfait, et même au moment ou j’écris ces lignes, je suis sur le point de tout effacer tellement je me trouve bête. Cependant,…

  • Clip-path, SVG et rectangle incurvé

    Récemment au travail, j’essaie de trouver des nouvelles façons de développer l’interface d’un site web. Le dernier point que j’ai pu mettre en pratique concernait un design de site comprenant pas mal de courbes et de formes non-rectangulaire. Lors de la reflexion pour savoir comme j’allais pouvoir transformer ce design en code, j’ai cherché un…

  • MJML

    MJML est un outil permettant de générer très facilement des templates de newsletters email. Étant donné la complexité du développement de template email, cette aide est appréciable au travail. C’est une librairie javascript, utilisable en ligne de commande, et installable depuis NPM. Pour l’installer : la commande npm install -g mjml suffira. MJML utilise son…