https://tzi.fr/ Je partage sur tzi.fr mes astuces CSS et mes réflexions sur le développement web. fr Le code Vigenere, ou chiffre de Vigenere, est un code où l’on vient remplacer les lettres du message original par un décalage dans l’alphabet. https://tzi.fr/js/code-vigenere/ 2022-12-28T08:00:00.000Z https://tzi.fr/js/code-vigenere/ fr Le code César Progressif est une variante du chiffre de César, il est assez facile à implémenter en JavaScript quand on a déjà une implémentation du code César classique. https://tzi.fr/js/code-cesar-progressif/ 2022-12-27T08:00:00.000Z https://tzi.fr/js/code-cesar-progressif/ fr Le code César, ou chiffre de César, est un code où l’on vient remplacer les lettres du message original par un décalage dans l’alphabet. https://tzi.fr/js/code-cesar/ 2022-12-27T08:00:00.000Z https://tzi.fr/js/code-cesar/ fr Les modulos de nombre négatifs en JavaScript ne fonctionnent pas comme dans les autres langages de programmation, ils renvoient des restes de division négatifs. Cela peut être corrigé avec une astuce. https://tzi.fr/js/modulos-positifs/ 2022-12-26T08:00:00.000Z https://tzi.fr/js/modulos-positifs/ fr Les modulos sont habituellement compris entre 0 et n, ici nous allons voir comment réaliser en JavaScript un modulo entre une valeur minimum et maximum personnalisée. https://tzi.fr/js/modulos-min-max/ 2022-12-26T08:00:00.000Z https://tzi.fr/js/modulos-min-max/ fr Décaler des lettres peut être utile pour faire un code CESAR, VIGENERE, ou même inventer ses propres codes secrets. https://tzi.fr/js/decaler-lettres/ 2022-12-24T08:00:00.000Z https://tzi.fr/js/decaler-lettres/ fr Convertir des nombres en lettres en fonction de la position dans l’alphabet est toujours utile quand on essaie de résoudre des énigmes. https://tzi.fr/js/convertir-nombres-en-lettres/ 2022-12-23T08:00:00.000Z https://tzi.fr/js/convertir-nombres-en-lettres/ fr C’est un peu l’outil indispensable quand on fait des énigmes, alors il fallait bien que je le note quelque part ! https://tzi.fr/js/convertir-lettres-en-nombres/ 2022-12-23T08:00:00.000Z https://tzi.fr/js/convertir-lettres-en-nombres/ fr La balise canvas d'HTML5 est géniale pour faire de la manipulation graphique. En démonstration, voici un tutoriel pour réaliser un effet pixelisé sur vos images en JavaScript. https://tzi.fr/canvas/pixeliser-une-image-avec-javascript/ 2021-05-04T08:00:00.000Z https://tzi.fr/canvas/pixeliser-une-image-avec-javascript/ fr J'enregistre mon image avec l'éditeur Gimp et il refuse d'enregistrer la transparence. Il ne me laisse pas vraiment le choix et l'erreur n'est pas explicite. Si ça vous arrive aussi, voici ma solution ! https://tzi.fr/gimp/impossible-enregistrer-transparence/ 2021-04-27T08:00:00.000Z https://tzi.fr/gimp/impossible-enregistrer-transparence/ fr Lorsque l'on fait un peu de crypto dans une chasse au trésor, il arrive toujours un moment où l'on doit transformer des lettres en chiffres en fonction de leur position de l'alphabet. Je vous montre comment le faire avec Excel, Libre Office ou Google Calc ! https://tzi.fr/excel/convertir-lettre-en-nombre/ 2020-11-24T08:00:00.000Z https://tzi.fr/excel/convertir-lettre-en-nombre/ fr Il est possible d'indiquer au visiteur la langue de destination d'un lien en CSS. C'est très pratique pour le prévenir d'un changement par exemple ! https://tzi.fr/css/link-hreflang/ 2020-09-01T08:00:00.000Z https://tzi.fr/css/link-hreflang/ fr Pour isoler ou remplacer les emojis dans un texte, vous aurez besoin d'écrire une expression régulière. Il y a de nombreuses subtilités à prendre en compte pour y arriver, c'est parti ? https://tzi.fr/regex/selectionner-les-emojis/ 2020-08-20T08:00:00.000Z https://tzi.fr/regex/selectionner-les-emojis/ fr Une expression régulière pour sélectionner tous les mots d'une phrase… Ce n'est pas si évident que ce que je pensais. Encore une belle occasion d'en apprendre plus sur les codes ASCII ! https://tzi.fr/regex/selectionner-chaque-mot/ 2020-08-11T08:00:00.000Z https://tzi.fr/regex/selectionner-chaque-mot/ fr Le rendu des emojis dépend de l'OS et du navigateur, alors voilà la formule magique que j'utilise. https://tzi.fr/css/emojis-sur-le-web/ 2020-05-13T08:00:00.000Z https://tzi.fr/css/emojis-sur-le-web/ fr Excel, ou un autre tableur, c'est super pratique pour conserver les données trouvées au fil de nos découvertes de chasseur de trésor. Un calcul nous résistait : estimer la distance entre deux lieux à partir de leur coordonnées GPS ! https://tzi.fr/excel/distance-gps/ 2020-01-03T08:00:00.000Z https://tzi.fr/excel/distance-gps/ fr Faire une triangulation avec une carte et un compas c'est cool, mais encore faut-il une carte… et un compas. Pour être plus précis et pour avoir un outils disponible tout le temps j'ai décidé d'essayer de créer un outils en JavaScript https://tzi.fr/js/triangulation/ 2020-01-02T08:00:00.000Z https://tzi.fr/js/triangulation/ fr Il existe au moins trois méthodes pour décider quelles classes assigner à notre élément racine avec Angular. https://tzi.fr/angular/classe-element-racine/ 2019-03-28T08:00:00.000Z https://tzi.fr/angular/classe-element-racine/ fr Angular est basé sur les custom components, et il y a une petite feinte pour appliquer des CSS à l'élément racine https://tzi.fr/angular/styler-element-racine/ 2019-02-23T08:00:00.000Z https://tzi.fr/angular/styler-element-racine/ fr Quand on utilise un "git stash list" il manque quand même une information importante : la date https://tzi.fr/git/stash-date/ 2019-02-23T08:00:00.000Z https://tzi.fr/git/stash-date/ fr Vos CSS sont réécrits par Angular pour assurer son isolation par composant, si vous le souhaitez, vous pouvez le désactiver. https://tzi.fr/angular/desactiver-isolation-css/ 2019-02-21T08:00:00.000Z https://tzi.fr/angular/desactiver-isolation-css/ fr Connaissez les paramètress de la méthode `componentDidUpdate()` du cycle de vie des composants React ? https://tzi.fr/react/detecter-les-changements-de-props/ 2019-02-21T08:00:00.000Z https://tzi.fr/react/detecter-les-changements-de-props/ fr Une astuce JavaScript pour enlever les valeurs dupliquées dans un tableau https://tzi.fr/js/unique/ 2019-02-19T08:00:00.000Z https://tzi.fr/js/unique/ fr Une astuce JavaScript pour identifier le noeud DOM qui est responsable de l'apparition d'une scrollbar https://tzi.fr/js/trouver-la-source-de-la-scrollbar/ 2019-02-19T08:00:00.000Z https://tzi.fr/js/trouver-la-source-de-la-scrollbar/ fr Cette commande bash permet de récupérer toutes les erreurs 404 dans vos logs apache https://tzi.fr/bash/grep-logs-apache/ 2018-05-31T08:00:00.000Z https://tzi.fr/bash/grep-logs-apache/ fr Un bout de code PHP pour ajouter des ancres sur les titres HTML. https://tzi.fr/php/ancres-html/ 2015-07-16T08:00:00.000Z https://tzi.fr/php/ancres-html/ en With the growing browser support of some great CSS3 features, you can easily create a folded corner effect. https://tzi.fr/css/folded-corner-mixin/ 2014-01-18T08:00:00.000Z https://tzi.fr/css/folded-corner-mixin/ en I searched for an easy way to communicate the selectors weight. https://tzi.fr/css/meaningful-selector-specificity-measure/ 2013-11-20T08:00:00.000Z https://tzi.fr/css/meaningful-selector-specificity-measure/ en Breaq is a bookmarklet that allows you to resize a website to its critical sizes. https://tzi.fr/css/breaq-bookmarklet/ 2013-11-15T08:00:00.000Z https://tzi.fr/css/breaq-bookmarklet/ en The list-item display value comes from CSS 1, but it is really rare to see somebody playing with this one. https://tzi.fr/css/display-list-item/ 2013-11-14T08:00:00.000Z https://tzi.fr/css/display-list-item/ en When two media-queries overlap, it is a source of complexity and even bugs. https://tzi.fr/css/prevent-double-breakpoint/ 2013-11-06T08:00:00.000Z https://tzi.fr/css/prevent-double-breakpoint/ en Sometimes we want to deal with rem/em values with JavaScript and convert them in pixels. https://tzi.fr/js/convert-em-in-px/ 2013-11-05T08:00:00.000Z https://tzi.fr/js/convert-em-in-px/ en A double breakpoint in our CSS media-queries is rarely noticed, but it could break our website at a specific resolution. https://tzi.fr/css/double-breakpoint-bug/ 2013-11-04T08:00:00.000Z https://tzi.fr/css/double-breakpoint-bug/ en Which unit should we use for our CSS line-height? https://tzi.fr/css/line-height-units/ 2013-10-28T08:00:00.000Z https://tzi.fr/css/line-height-units/