https://www.pierre.tl/ Site personnel et laboratoire créatif depuis 2007 de Pierre Tampon-Lajarriette aka Katre, Intégrateur Web. fr-FR Tue, 11 Jan 2022 00:00:00 GMT Tue Jan 11 2022 00:00:00 GMT+0000 (Coordinated Universal Time) https://www.pierre.tl/images/favicon/favicon-32x32.png https://www.pierre.tl/ https://www.pierre.tl/recueil/mention-legal-accessible// Mentions légales en exposant : un pattern propre, épuré et accessible (WCAG) Thu Jan 08 2026 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/realisations/aipe// Site vitrine pour l'Association Intercommunale Petite Enfance de Moirans Thu Dec 04 2025 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/recueil/pensine// Enregistrement de Marque-pages sur GitHub Wed Oct 29 2025 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/realisations/sou-des-ecoles// Affiche réalisés pour le sou des écoles de mon village. Wed Oct 08 2025 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/recueil/gerer-plusieurs-comptes-github-avec-des-cles-ssh// Configurer plusieurs clés SSH pour gérer plusieurs comptes GitHub sans conflit et sécuriser l'accès au code Sun Jul 20 2025 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/datalist// Illustration de l'utilisation de la balise HTML5 <datalist> Tue Mar 18 2025 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/realisations/allegretto// Application de gestion de planning d'occupation Wed Jan 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/recueil/gulp// Configuration de Sass, JS et BrowserSync avec Gulp V4 Tue Jun 06 2023 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/mode-sombre-et-mode-claire// Mettre correctement en place un mode sombre/clair aussi appeler dark/light mode ou mode nuit/jour Fri Jun 02 2023 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/outils-accessibilite// Quelques outils pour mettre en évidence des soucis d'accessibilité Thu Jun 01 2023 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/buses// Ensemble de concepts et de bonne pratique pour organiser et maintenir du SCSS Wed May 31 2023 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/performance-du-site// Résultat du site sous différents outils d'analyse de performance et d'émissions de carbone Sat May 27 2023 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/note-accessibilite// Découvrir l’accessibilité du Web au travers une prise de notes durant une formation Fri May 12 2023 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/note-accessibilite/fiche-pratique// Un résumé condensé de mes notes sur accessibilités Mon Mar 06 2023 00:00:14 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/consultation// Avertir et laisser le contrôle à l’utilisateur - accessibilité Tue Jan 31 2023 00:00:13 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/navigation// Liste de liens permettant une navigation spécifique dans le site, dans une rubrique ou dans une collection de pages Tue Jan 31 2023 00:00:12 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/formulaires// Etiquette, regroupement, intitulé, liste, aide, erreur, modification etc.... Tue Jan 31 2023 00:00:11 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/presentaion-de-l-information// Style et CSS - accessibilité Tue Jan 31 2023 00:00:10 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/structuration// Structurer l'information pour l'accessibilité Tue Jan 31 2023 00:00:09 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/element-obligatoire// Respect des standard et de la sémantique - accessibilité Tue Jan 31 2023 00:00:08 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/scripts// Scripts compatible avec les technologies d’assistance Tue Jan 31 2023 00:00:07 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/liens// Image de décoration et porteuse d'information - accessibilité Tue Jan 31 2023 00:00:06 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/tableaux// Tableaux de mise en forme - accessibilité Tue Jan 31 2023 00:00:05 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/multimedia// Média temporel et non temporel - accessibilité Tue Jan 31 2023 00:00:04 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/couleurs// Couleur et contraste - accessibilité Tue Jan 31 2023 00:00:03 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/images// Image de décoration et porteuse d'information - accessibilité Tue Jan 31 2023 00:00:01 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/note-accessibilite/contexte// Découvrir l’accessibilité du Web, les enjeux humains, le contexte juridique et technique Tue Jan 31 2023 00:00:00 GMT+0000 (Coordinated Universal Time) noteAccessibilite https://www.pierre.tl/recueil/garder-focus-dans-modal// Fonction JavaScript pour garder le focus à l'intérieur d'une boîte de dialogue que l'ont vien d'ouvrir Sun Jan 29 2023 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/realisations/bricolage// Réalisation de meuble et luminaire Wed Oct 19 2022 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/recueil/strapi-heroku// 18 étapes simples et détaillées pour déployer Strapi V4 en production sur Heroku Mon Sep 12 2022 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/realisations/la-main-bleue// Réalisation du site vitrine de La Main Bleue qui réunit diverses approches liées au geste en conscience Wed Aug 31 2022 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/mastermind// Réplique de l'un des plus classiques des jeux de société, le Mastermind, un jeu de réflexion et de déduction Sat Mar 05 2022 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/recueil/site-statique-combo// Tutoriel facile de mise en place d'un site statique avec un CMS Tue Feb 08 2022 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/realisations/liste-de-lecture// Évolution de ma liste de lecture en ligne Sat Feb 05 2022 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/recueil/journal-de-bord-ptl9// Détails sur l'évolution de la nouvelle version de mon site personnel Tue Jan 11 2022 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/suivi-liste-de-lecture// Suivi du side projet « Liste de lecture » (ex Mangathèque) Sat Jan 08 2022 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/google-sheets-database// Test d'outils en ligne et d'un script JavaScript qui permet d'utiliser un google Sheets en base de données pour un site web Sun Jan 02 2022 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/email-ovh-netlify// Tutoriel : Configuration des DNS, champ MX Sat Jan 01 2022 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/checklist-qualite-web// Les 240 règles de la qualité Web selon Opquast Thu Oct 21 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/styleguide/palette-couleur// Palette de couleur harmonieuse et accessible Sun Oct 03 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,Gamme https://www.pierre.tl/recueil/styleguide// Documentation qui regroupe tous les éléments de la charte graphiques et les composants de ce site Sun Sep 05 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/lier-netlify-ovh// Tutoriel : Lier Netlify et OVH Cloud Mon Jun 21 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/machine-a-ecrire// Script pour donner à un texte un effet d'un texte qui se tape et se corrige Sun Jun 06 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/intitule-poste// Quand les intitulés de poste ne veulent plus rien dire Sun Jun 06 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/caracteres-speciaux-safari-mobile// Affiché le caractère plutôt que l'icône par défaut sur safari mobile Sat May 22 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/liste-fichier-window-10// Astuce pour lister les fichiers d'une arborescence sur Windows 10 Tue May 18 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/site-statique// Tutoriel de base pour la création de sites statiques avec Eleventy et Netlify Wed Apr 21 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/recueil/gitpod// Backend du mon site perso avec un éditeur de code en ligne Wed Apr 21 2021 00:00:00 GMT+0000 (Coordinated Universal Time) recueil https://www.pierre.tl/styleguide/titre// Décrit brièvement le sujet de la section qu'il introduit Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/texte// Décoration et habillage Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/taille// Définit la taille de fonte utilisée pour le texte Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/svg// Coloration d'un SVG selon le thème clair/sombre sélectionné Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,image https://www.pierre.tl/styleguide/scroll-x// Contraint une série d'éléments est restée côte à côte et provoque l'apparition d'une barre de défilement horizontal Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,bloc https://www.pierre.tl/styleguide/position// Positionné un élément qui sort du flux Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl https://www.pierre.tl/styleguide/pagination// Indique qu'une série de contenus connexes existe sur plusieurs pages. Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/markdown// Création rapide de page et Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl https://www.pierre.tl/styleguide/marge// Utilitaires d'espacement pour contrôler la façon dont les éléments et les composants sont espacés et dimensionnés Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,bloc https://www.pierre.tl/styleguide/liste// À puce, sans ordre particulier ou numéroté Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/lien// Lien hypertexte vers des pages web, des fichiers, des adresses e-mail, des emplacements se trouvant dans la même page, ou tout ce qu'une URL peut adresser Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/largeur// Utilitaire qui fixe une largeur en pourcentage Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,bloc https://www.pierre.tl/styleguide/image// Empêche qu'une image en pixel art soit flout sur des écrans à forte densité de pixel Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl https://www.pierre.tl/styleguide/hauteur-de-ligne// Hauteur minimale des lignes au sein de l'élément Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/grille// Exemples de mises en page qui utilisent les utilitaires Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,bloc https://www.pierre.tl/styleguide/graisse// Poids des caractères adaptés selon la couleur Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/formulaire// Mise en forme de checkbox masqué visuellement et input text Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,bloc https://www.pierre.tl/styleguide/fond// Ajoute une couleur de fond clair et des marges à un visuel foncé lorsque le mode sombre est activé, ne fait rien si c'est le mode clair Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,image https://www.pierre.tl/styleguide/flexbox// Gérez rapidement l'alignement de composant avec des utilitaires CSS Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,bloc https://www.pierre.tl/styleguide/disposition// répartition du contenu Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl https://www.pierre.tl/styleguide/couleur// Palette de couleur harmonieuse et accessible Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/citation// Citer des blocs de contenu d'une autre source Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/bordure// Styliser rapidement des bordure et séparation de contenu Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,décoration https://www.pierre.tl/styleguide/bloc// Utilitaire pour basculé un élément «inline» en type «block» Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl https://www.pierre.tl/styleguide/alignement// Arrangement des textes Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,texte https://www.pierre.tl/styleguide/affichage// Utilitaire pour masquer un élément et/ou le masqué visuellement mais le laisser accessible aux technologies d'assistance telles que les lecteurs d'écran Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time) styleguideptl,bloc https://www.pierre.tl/realisations/metalfest// Un T-shirt humoristique qui imite celui d'un festival de Metal Sun Nov 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/kirby// T-shirt avec un le visage de Kirby en très gros plan Sun Nov 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/site-perso// Évolution de mon site personnel de 2007 à nos jours Sun May 03 2020 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/norbers-meat// Ajustement du logo de l'équipe e-sport Norber's Meat et déclinaison du logo pour réaliser les icônes du groupe des logiciels de communication Whats App et Discord Thu Mar 07 2019 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/cuyz// Réalisations de logo et icônes pour la Team de développer CuyZ Fri Oct 26 2018 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/radiophonix// Réalisation de la charte graphique, du logo, d'une bâche publicitaire, de carte de visite et intégration du site web pour Radiophonix Tue Feb 06 2018 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/aux-delices-dahmed// Enseigne pour chariot ambulant retro-éclairé pour ESAT Atelier 133 Sat Dec 09 2017 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/formz// Création d'un logo pour l'extension FormZ. Fusion des deux lettres majuscule légèrement déformer pour évoquer le logo du CMS TYPO3 Wed Nov 01 2017 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/pixel-art// Galerie de réalisation en pixel art Sun May 28 2017 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/poweo// Réalisation d'une page de maintenance avec un ester egg Thu May 07 2015 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/retropixel// Ajout de fonctionnalité, redesign, intégration ainsi que de multiples contributions graphiques à la vie du site web et du forum de RP Thu Feb 13 2014 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/kinematik// Logo et site web pour Kinematik, une équipe spécialiser dans la réalisation de vidéo de mariage Fri Jan 24 2014 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/multigames-team-collectif// Développement de fonctionnalité, multiple re-design du site pour l'équipe multi-gaming MTC Sat Oct 12 2013 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/faire-part-de-mon-mariage// Première de couverture pour mon faire-part de mariage, réalisé en pixel art Sun Mar 24 2013 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/les-trublions// Bannière de promotion pour les chroniques des Trublions Mon Sep 03 2012 00:00:00 GMT+0000 (Coordinated Universal Time) realisations https://www.pierre.tl/realisations/wolfenstein-enemy-territory// Webdesign et intégration du site Thu Jul 21 2011 00:00:00 GMT+0000 (Coordinated Universal Time) realisations