tfe Homepage

Comme ça fait longtemps que je n'écris rien ici, je crée un petit billet enumérant des petites astuces que j'ai pu trouver ces temps ci, à droite à gauche...

• On commence par la propriete CSS scroll-margin-top: Elle permets de définir une petite marge lorsque le navigateur essaie de scroller sur un element particulier. Très pratique pour des liens avec un liens vers #monid, qui parfois se retrouve croppée par une bar fixe de menu par example.
• On continue avec le css avec la propriété user-select, qui permets notemment sur des elements de formulaire à tout sélectionner. Article complet expliquand tout ça sur codersblock.com.
• Un gist sur l'utilisation des min/max/clamp. Pas encore très supporté, mais à travailler.
• Media query pour foldable display? Oui, apparemment ça existe... avec fallback indispensable evidemment.
• Les fins de ligne en ellipsis, mais sur plusieurs ligne? Oui c'est possible... via la propriété css line-clamp

Voila longtemps que je n'écrivais pas de billet, alors en voila un vite fait.

J'ai pu travailler quelques minutes sur mon jeu, pour faire une animation de niveau.

Vidéo présente dans l'artile...

Just find a small tip today. I am creating a image section for my website, and i just found that by default, html img tag display the image without looking at the exif-orientation information. Read more in the blog post information.

J'ai découvert le media query hover:hover, très pratique pour ne pas déclencher les animations sur les dispositifs ne supportant pas cet état.

Lire l'exemple dans le billet...

Une petite trouvaille qui peut etre utile si on a besoin de cloner un dossier sur n'importe quel "cloud storage": rclone.

Tout comme son nom l'indique, ca marche comme rsync, mais avec n'importe quelle solution (amazon EC2, gogle drive, webdav, etc..)