CINXE.COM
脌 propos - Nicolas Friedli
<!doctype html><html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>脌 propos - Nicolas Friedli</title> <meta name="description" content="Des informations sur ce site, les outils utilis茅s, les choix strat茅giques et les r茅sultats."> <style>:root{--sans:ui-sans-serif, Roboto, Inter, Arial, system-ui, sans-serif;--mono:ui-monospace, "Roboto Mono", "JetBrains Mono", Hack, Menlo, Consolas, monospace}html{font-family:var(--sans);font-variant-ligatures:none;font-variant-numeric:oldstyle-nums proportional-nums}code,pre{font-family:var(--mono)}code,pre,table{font-variant-numeric:lining-nums tabular-nums}a,h1,h2,h3,h4{font-variant-numeric:lining-nums proportional-nums}</style> <style media="screen">:root{color-scheme:light dark;--background:#F8F8F8;--text:#222;--contrast:orange}::marker{font-weight:700}::selection{background:var(--contrast);color:var(--text)}@media(prefers-color-scheme:dark){:root{--background:#000;--text:#DDD}::selection{color:var(--background)}}html{background:var(--background);color:var(--text);font-size:clamp(1rem,.8828rem + .3125vw,1.125rem);line-height:1.5;margin:0;padding:1rem;text-wrap:pretty}body{margin-block:0;margin-inline:auto;max-width:66ch}main{margin-block:4rem}footer,header,time{font-size:.8rem}nav{display:flex;flex-wrap:wrap;gap:1rem}h1,h2,h3,h4{line-height:1.1;margin-block:2rem 1rem;text-wrap:balance}h1{font-size:1.95em}h2{font-size:1.56rem}h3{font-size:1.25rem}h4{font-size:1rem;text-transform:uppercase}blockquote{font-style:italic;margin-left:0;padding-left:1rem;border-left:.2rem solid}blockquote em{font-style:normal}:not(pre)>code{border:1px dotted;font-size:.85rem;padding:.1em}pre{font-size:.9rem;margin-block:1rem 2rem;margin-inline:-1rem;overflow:auto;padding:.5rem 1rem}li pre{margin-inline:0}::marker,.articles a,dt{font-weight:700}dd+dt{margin-top:1rem}li{margin-top:.5rem}li li{font-size:95%}a{color:inherit;text-decoration-thickness:.2ex;text-underline-offset:.2ex}a:active,pre{background:var(--text);color:var(--background)}hr{border:.2ex solid;margin-inline-end:75%}</style> <style media="print">@page{margin:2cm}*{background-color:unset;color:#000}header,footer{display:none}pre{white-space:pre-wrap}a::after{content:" [" attr(href)"] "}</style> <link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="alternate" type="application/rss+xml" href="/index.xml" title="Nicolas Friedli"> <link rel="canonical" href="https://nicolasfriedli.ch/about/"> <script defer data-domain="nicolasfriedli.ch" src="https://plausible.io/js/script.outbound-links.js"></script> <link rel="webmention" href="https://webmention.io/nicolasfriedli.ch/webmention"> <link rel="pingback" href="https://webmention.io/nicolasfriedli.ch/xmlrpc"> <meta property="og:url" content="https://nicolasfriedli.ch/about/"> <meta property="og:site_name" content="Nicolas Friedli"> <meta property="og:title" content="脌 propos"> <meta property="og:description" content="Des informations sur ce site, les outils utilis茅s, les choix strat茅giques et les r茅sultats."> <meta property="og:locale" content="fr"> <meta property="og:type" content="article"> <meta property="article:published_time" content="2024-10-23T14:20:42+02:00"> <meta property="og:image" content="https://nicolasfriedli.ch/images/opengraph.jpg"> </head> <body> <header> <nav> <a href="/">Nicolas Friedli</a> <a href="/blog/">Blog</a> <a href="/blogroll/">Liens</a> <a href="/contact/">Contact</a> </nav> </header> <main> <h1>脌 propos</h1> <p>Ce site est simple et efficace. Il fait la part belle au texte. Je ne suis pas oppos茅 脿 l鈥檜tilisation d鈥檌mages, 脿 conditions qu鈥檈lles apportent des informations utiles. Pour le moment, il n鈥檡 en a pas.</p> <p>nicolasfriedli.ch est cr茅茅 avec l鈥檈xcellent <a href="https://gohugo.io/">Hugo</a>, un g茅n茅rateur de sites statique rapide. Le site actuellement en ligne a 茅t茅 compil茅 avec la version聽0.139.0.</p> <p>Ses sources sont disponibles dans un <a href="https://github.com/nfriedli/nicolasfriedli.ch/">d茅p么t GitHub public</a>. Elles permettent de voir le contenu des pages avant compilation (<em>markdown</em>), la configuration d鈥橦ugo et de suivre l鈥檈nsemble des 茅volutions.</p> <p>Son contenu est sous licence libre Creative聽Commons聽BY-SA. Vous pouvez utiliser des extraits de code sans me citer, 脿 condition de ne pas faire de votre site une copie du mien.</p> <p>Il est h茅berg茅 en Suisse, chez <a href="https://www.infomaniak.com/">Infomaniak</a>, une entreprise 茅coresponsable. M锚me si je trouve les services comme Netlify ou CloudFlare performants et agr茅ables, j鈥檃i fait le choix de mon pays et de l鈥櫭ヽologie.</p> <p>Un <a href="/index.xml">flux RSS</a>, avec l鈥檈nsemble du contenu des pages, permet de s鈥檃bonner au site. Les flux RSS (ou ATOM) sont des outils qui changent la vie. Je n鈥檈nvoie pas de lettre de nouvelles; je ne souhaite pas savoir qui me suit.</p> <p>La vie priv茅e compte 脿 mes yeux, c鈥檈st pourquoi je ne vous traque pas. nicolasfriedli.ch utilise des statistiques propres (<a href="https://plausible.io/privacy">Plausible Analytics Privacy Policy</a>) comme seule ressource externe.</p> <p>Je teste r茅guli猫rement mon site pour m鈥檃ssurer de toujours obtenir d鈥檈xcellents r茅sultats:</p> <ul> <li>scores verts dans <a href="https://pagespeed.web.dev/">PageSpeed Insights</a></li> <li>A+ dans <a href="https://www.websitecarbon.com/">Website Carbon Calculator</a></li> <li>aucune erreur d鈥檃ccessibilit茅 chez <a href="https://wave.webaim.org/">WAVE Web Accessibility Evaluation Tools</a></li> <li>HTML valide selon le <a href="https://validator.w3.org/">Markup Validation Service du W3C</a></li> <li>CSS valide selon le <a href="https://jigsaw.w3.org/css-validator/">CSS Validation Service du W3C</a> (sauf propri茅t茅 nouvelles…)</li> <li>RSS valide selon le <a href="https://validator.w3.org/feed/">Feed Validation Service du W3C</a></li> </ul> <p>J鈥檈ssaie de respecter toutes les <a href="https://checklists.opquast.com/fr/assurance-qualite-web/">r猫gles Opquast</a> applicables.</p> <p>Lorsque j鈥檌nterviens sur des sites en tant que consultant, je recherche les m锚mes standards de qualit茅.</p> </main> <footer> <p>Abonnement par <a href="/index.xml">flux RSS</a>. Contenus sous licence libre <em>Creative Commons BY-SA</em>.</p> </footer> </body> </html>