CINXE.COM

<!doctype html><html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Nicolas Friedli - consultant web 脿 Neuch芒tel</title> <meta name="description" content="Je suis consultant web ind茅pendant 脿 Neuch芒tel. Pour valoriser les sites 脿 fort contenu, je m鈥檌nt茅resse au r茅f茅rencement (SEO), 脿 l鈥檃rchitecture d鈥檌nformation, 脿 la performance et 脿 l鈥檃ccessibilit茅 (A11Y)."> <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/"> <meta name="generator" content="Hugo 0.139.0"> <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebSite","alternateName":"NF","author":{"@context":"https://schema.org","@type":"Person","address":{"@type":"PostalAddress","addressCountry":"CH","addressLocality":"Colombier","addressRegion":"Neuch芒tel","postalCode":"2013","streetAddress":"Rue du Ch芒teau 3"},"alternateName":"NF","alumniOf":{"@type":"CollegeOrUniversity","name":"Universit茅 de Neuch芒tel"},"email":"hello@nicolasfriedli.ch","familyName":"Friedli","givenName":"Nicolas","image":"/images/nicolas-friedli.jpg","jobTitle":"Consultant web","name":"Nicolas Friedli","nationality":"Suisse","sameAs":["https://github.com/nfriedli/","https://keybase.io/nicolasfriedli","https://www.facebook.com/frdl.ch/","https://mastodon.social/@friedli"],"spouse":{"@context":"https://schema.org","@type":"Person","name":"Diane Friedli","url":"https://dianefriedli.ch/"},"telephone":["+41328414874","+41793443382"],"url":"https://nicolasfriedli.ch/"},"description":"Consultant web 脿 Neuch芒tel (Suisse).","image":"/images/nicolas-friedli.jpg","name":"Nicolas Friedli","url":"https://nicolasfriedli.ch/"}</script> <script defer data-domain="nicolasfriedli.ch" src="https://plausible.io/js/script.outbound-links.js"></script> <link href="mailto:hello+webmentions@nicolasfriedli.ch" rel="me"> <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/"> <meta property="og:site_name" content="Nicolas Friedli"> <meta property="og:title" content="Nicolas Friedli"> <meta property="og:description" content="Je suis consultant web ind茅pendant 脿 Neuch芒tel. Pour valoriser les sites 脿 fort contenu, je m鈥檌nt茅resse au r茅f茅rencement (SEO), 脿 l鈥檃rchitecture d鈥檌nformation, 脿 la performance et 脿 l鈥檃ccessibilit茅 (A11Y)."> <meta property="og:locale" content="fr"> <meta property="og:type" content="website"> <meta property="og:image" content="https://nicolasfriedli.ch/images/opengraph.jpg"> </head> <body> <header> <nav> Nicolas Friedli <a href="/blog/">Blog</a> <a href="/blogroll/">Liens</a> <a href="/contact/">Contact</a> </nav> </header> <main> <h1>Nicolas Friedli</h1> <p>Je suis consultant web ind茅pendant 脿 Neuch芒tel. Pour valoriser les sites 脿 fort contenu, je m鈥檌nt茅resse au r茅f茅rencement (SEO), 脿 l鈥檃rchitecture d鈥檌nformation, 脿 la performance et 脿 l鈥檃ccessibilit茅 (A11Y).</p> <p>Depuis le printemps聽2024, je construis une nouvelle version de mon site que je documente en partie dans le blog. Voici mes derni猫res publications:</p> <ul class="articles"> <li> <a href="/blog/logique-cumulative-qualitative/">Logique cumulative ou qualitative</a> <br><time datetime="2024-11-21">21聽novembre聽2024</time> </li> <li> <a href="/blog/hugo-pages-soeurs-filles/">Pages s艙urs, filles et m猫re avec Hugo</a> <br><time datetime="2024-11-20">20聽novembre聽2024</time> </li> <li> <a href="/blog/optimisation-raisonnable/">Philosophie d鈥檕ptimisation raisonnable</a> <br><time datetime="2024-10-26">26聽octobre聽2024</time> </li> <li> <a href="/blog/reseaux-sociaux-regles/">Mes r猫gles d鈥檜tilisation des r茅seaux sociaux</a> <br><time datetime="2024-10-20">20聽octobre聽2024</time> </li> <li> <a href="/blog/less-is-more/">Less is more</a> <br><time datetime="2024-10-17">17聽octobre聽2024</time> </li> </ul> </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>