Jean-David Daviet

Ajouter TypeScript à un project ReactJS existant

import React from ‘react’; import ‘./Controls.css’; const Controls = ({ children }) => ( <div className={« controls »}> {children} </div> ) export default Controls; import { ReactNode } from ‘react’; import ‘./Controls.css’; const Controls = ({children} : { children: ReactNode} ) => ( <div className={« controls »}> {children} </div> ) export default Controls; const Line = ( {x, y, […]

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 […]

Comprendre les sites internet – Le cache

Si vous gérez un site internet, ou même si vous aimez juste être sur internet de temps en temps, vous avez peut-être remarqué ce mot cache. Et quand on travaille dans l’industrie du développement, on ne se rend même plus compte qu’un cache ça n’est pas forcément évident pour tout le monde. Alors qu’est-ce que […]

Comprendre les sites internet – Les flux RSS

Qu’est ce que les flux RSS ? Les flux RSS sont des sortes de grosses listes dans lesquelles sont regroupés vos derniers articles. Ils permettent à n’importent quel logiciel de récupérer facilement la liste des derniers articles de votre site. “Ok, mais mon site le fait déjà automatiquement, il suffit que je crée un article […]

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 […]