1<!DOCTYPE html> 2<html lang="fr"> 3 4<head> 5 <meta charset="utf-8"> 6 <title>Articles de blog | Switch</title> 7 <meta name="description" content="Besoin de développement front-end ? Venez nous voir ! :-)"> 8 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"> 9 <meta name="format-detection" content="telephone=no"> 10 <meta name="theme-color" content="#f9f4e9"> 11 <meta name="msapplication-navbutton-color" content="#f9f4e9"> 12 <meta name="apple-mobile-web-app-status-bar-style" content="#f9f4e9"> <link rel="alternate" href="/en/blog" hreflang="en" title="English"> 13 <link rel="apple-touch-icon" sizes="180x180" href="https://switch.paris/site/themes/switch/media/icons/apple-touch-icon.png"> 14 <link rel="icon" type="image/png" href="https://switch.paris/site/themes/switch/media/icons/favicon-32x32.png" sizes="32x32"> 15 <link rel="icon" type="image/png" href="https://switch.paris/site/themes/switch/media/icons/favicon-16x16.png" sizes="16x16"> 16 <link rel="manifest" href="https://switch.paris/site/themes/switch/media/icons/manifest.json"> 17 <link rel="mask-icon" href="https://switch.paris/site/themes/switch/media/icons/safari-pinned-tab.svg" color="#5bbad5"> 18 <link rel="shortcut icon" href="https://switch.paris/site/themes/switch/media/icons/favicon.ico"> 19 <meta name="msapplication-config" content="https://switch.paris/site/themes/switch/media/icons/browserconfig.xml"> 20 <meta name="theme-color" content="#ffffff"> 21 <meta property="fb:admins" content="706648646"> 22 <meta property="og:site_name" content="Switch"> 23 <meta property="og:locale" content="fr_FR"> <meta property="og:locale:alternate" content="en_US"> 24 <meta property="og:url" content="https://switch.paris/blog"> <meta name="author" content="Switch"> 25 <meta property="og:type" content="website"> 26 <meta property="og:title" content="Switch, l'agence front-end"> 27 <meta property="og:description" content="Trois développeurs aguerris prêts à vous accompagner dans toutes les étapes de votre projet HTML, CSS et JavaScript."> 28 <meta property="og:image" content="https://switch.paris/assets/img/social.png"> 29 <meta property="og:url" content="https://switch.paris/"> <meta name="twitter:card" content="summary_large_image"> 30 <meta name="twitter:site" content="@switch_company"> 31 <meta name="twitter:site:id" content="815556242"> 32 <meta name="pinterest" content="nopin"> 33 <link rel="pingback" href="https://webmention.io/switch.paris/xmlrpc"> 34 <link rel="webmention" href="https://webmention.io/switch.paris/webmention"> 35 <link rel="alternate" type="application/rss+xml" title="Switch, l'agence front-end" href="/rss-blog"> 36
36<script src="https://switch.paris/site/themes/switch/js/feature.js"></script>
36 37 <!--[if !IE]><!--> 38 <link rel="stylesheet" href="https://switch.paris/site/themes/switch/css/styles.css?v=1790167977"> 39 <link rel="stylesheet" href="https://switch.paris/site/themes/switch/css/edito.css?v=1790167969"> 40 <!--<![endif]--> 41 <!--[if IE]>
41<script src="https://switch.paris/site/themes/switch/js/html5shiv.js"></script>
41<link rel="stylesheet" href="https://switch.paris/site/themes/switch/css/ie.css?v=1790167976"><![endif]--></head> 42 43<body class="edito edito-listing"> 44 <div id="page"><header id="home" role="banner"> 45 <div class="wrap"> <p> 46 <a id="logo" href="/" aria-label="Switch - lâagence front-end (aller à la page d'accueil)"> 47 <img alt="" height="150" src="https://switch.paris/site/themes/switch/media/img/logo-simple.svg" width="95"> 48 </a> 49 <span>Switch - lâagence front-end</span> 50 </p> </div> 51 <div id="banner"> 52 <button class="btn-menu" aria-controls="nav" aria-expanded="false" type="button" aria-label="Menu"> 53 <span class="icon"> 54 <span></span> 55 </span> 56 <span data-label-on="Fermer" data-label-off="Menu">Menu</span> 57 </button><nav id="nav" role="navigation" aria-hidden="false"> 58 <div class="navigation"> 59 <div class="inner"> 60 <ul> 61 <li> 62 <a class="home on" href="/#home"> 63 <svg class="icon-home" aria-hidden="true"> 64 <use xlink:href="https://switch.paris/site/themes/switch/media/img/icons.svg#icon-home"></use> 65 </svg> 66 <span>Accueil</span> 67 </a> 68 </li> <li> 69 <a href="/#about" > 70 à propos </a> 71 </li> <li> 72 <a href="/#steps" > 73 Comment ça marche ? </a> 74 </li> <li> 75 <a href="/#references" > 76 Références </a> 77 </li> <li> 78 <a href="/#contact" > 79 Contact </a> 80 </li> 81 <li> <a href="/blog" aria-current="page" >Blog</a> 82 </li> 83 </ul> 84 </div> 85 </div> 86</nav> 87 <div class="actions"> 88 <a class="btn-icon" href="mailto:[email protected]"> 89 <svg class="icon-envelope" aria-hidden="true"> 90 <use xlink:href="https://switch.paris/site/themes/switch/media/img/icons.svg#icon-envelope"></use> 91 </svg> 92 <span>[email protected]</span> 93 </a> 94 <a class="btn-icon" href="tel:+33142086711"> 95 <svg class="icon-telephone" aria-hidden="true"> 96 <use xlink:href="https://switch.paris/site/themes/switch/media/img/icons.svg#icon-telephone"></use> 97 </svg> 98 <span>+33 1 42 08 67 11</span> 99 </a> 100 </div> 101 </div> 102 <div class="scene" role="presentation"> 103 <span class="sky"></span> 104 <span class="city"> 105 <span class="tower"></span> 106 <span class="eiffel"></span> 107 <span class="buildings"></span> 108 </span> 109 <span class="balloon"></span> 110 <span class="hill"></span> 111 </div> 112</header> <main role="main"><div class="header wrap"> 113 <h1 class="p-name"> Articles de blog <svg class="background-dots-horizontal" aria-hidden="true"> 114 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 115 </svg> 116 </h1></div> 117 <div class="articles wrap"> <article class="h-entry"> 118 <h2 class="p-name">VÅux 2023</h2> <div class="info"> 119 <a class="h-card p-author" href="https://twitter.com/hmalaud">Harold (@hmalaud)</a> â 120 <time class="dt-published" datetime="2023-01-31">mardi 31 janvier 2023</time> â </div> 121 <div class="wrapper"> <figure class="lazy"> 122 <svg class="background-border-small" aria-hidden="true"> 123 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 124 </svg> 125 <!--[if IE]><img src="/img/containers/main/blog/kelly-sikkema-pxl_s152jnm-unsplash.jpg/87a9bf967764e5e226f16e0e13ba4eee.jpg" alt="" /><![endif]--> 126 <!--[if !IE]><!--> 127 <noscript class="img"> 128 <img src="/img/containers/main/blog/kelly-sikkema-pxl_s152jnm-unsplash.jpg/87a9bf967764e5e226f16e0e13ba4eee.jpg" srcset="/img/containers/main/blog/kelly-sikkema-pxl_s152jnm-unsplash.jpg/916560a1a1b299c1954dd6c35ee67cfd.jpg 2x" alt=""> 129 </noscript> 130 <!--<![endif]--> 131 </figure> 132 <div class="content"> 133 <p class="p-summary">VÅux de Switch pour l'année 2023.</p> 134 <a class="link u-url" href="/blog/voeux-2023"> 135 <svg class="background-dots" aria-hidden="true"> 136 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 137 </svg>
137 <span>Lire l'article</span></a> 138 </div> 139 </div> 140 <svg class="background-dots-horizontal" aria-hidden="true"> 141 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 142 </svg> 143 </article> <article class="h-entry"> 144 <h2 class="p-name">VÅux 2020</h2> <div class="info"> 145 <a class="h-card p-author" href="https://twitter.com/hmalaud">Harold (@hmalaud)</a> â 146 <time class="dt-published" datetime="2020-01-30">jeudi 30 janvier 2020</time> â <ul class="tags"> <li> 147 <a rel="tag" href="/blog/tags/voeux"> 148 <span aria-hidden="true">#</span>vÅux</a> 149 </li> <li> 150 <a rel="tag" href="/blog/tags/newyear"> 151 <span aria-hidden="true">#</span>newyear</a> 152 </li></ul></div> 153 <div class="wrapper"> <figure class="lazy"> 154 <svg class="background-border-small" aria-hidden="true"> 155 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 156 </svg> 157 <!--[if IE]><img src="/img/containers/main/blog/david-von-diemar-lllhald1il8-unsplash.jpg/1df2d7dd3b117eefde0448f1b7f4d042.jpg" alt="" /><![endif]--> 158 <!--[if !IE]><!--> 159 <noscript class="img"> 160 <img src="/img/containers/main/blog/david-von-diemar-lllhald1il8-unsplash.jpg/1df2d7dd3b117eefde0448f1b7f4d042.jpg" srcset="/img/containers/main/blog/david-von-diemar-lllhald1il8-unsplash.jpg/053e2530581a6df9fd123345df7cf09f.jpg 2x" alt=""> 161 </noscript> 162 <!--<![endif]--> 163 </figure> 164 <div class="content"> 165 <p class="p-summary">VÅux de Switch pour l'année 2020.</p> 166 <a class="link u-url" href="/blog/voeux-2020"> 167 <svg class="background-dots" aria-hidden="true"> 168 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 169 </svg> <span>Lire l'article</span></a> 170 </div> 171 </div> 172 <svg class="background-dots-horizontal" aria-hidden="true"> 173 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 174 </svg> 175 </article> <article class="h-entry"> 176 <h2 class="p-name">VÅux 2019</h2> <div class="info"> 177 <a class="h-card p-author" href="https://twitter.com/hmalaud">Harold (@hmalaud)</a> â 178 <time class="dt-published" datetime="2019-01-30">mercredi 30 janvier 2019</time> â <ul class="tags"> <li> 179 <a rel="tag" href="/blog/tags/voeux"> 180 <span aria-hidden="true">#</span>vÅux</a> 181 </li> <li> 182 <a rel="tag" href="/blog/tags/newyear"> 183 <span aria-hidden="true">#</span>newyear</a> 184 </li></ul></div> 185 <div class="wrapper"> <figure class="lazy"> 186 <svg class="background-border-small" aria-hidden="true"> 187 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 188 </svg> 189 <!--[if IE]><img src="/img/containers/main/blog/aaron-paul-jmpnwldtsbm-unsplash.jpg/ed36dd40110209458a59254d6d7df9a1.jpg" alt="" /><![endif]--> 190 <!--[if !IE]><!--> 191 <noscript class="img"> 192 <img src="/img/containers/main/blog/aaron-paul-jmpnwldtsbm-unsplash.jpg/ed36dd40110209458a59254d6d7df9a1.jpg" srcset="/img/containers/main/blog/aaron-paul-jmpnwldtsbm-unsplash.jpg/34947ae7e055ee0ed23984752332d103.jpg 2x" alt=""> 193 </noscript> 194 <!--<![endif]--> 195 </figure> 196 <div class="content"> 197 <p class="p-summary">VÅux de Switch pour l'année 2019.</p> 198 <a class="link u-url" href="/blog/voeux-2019"> 199 <svg class="background-dots" aria-hidden="true"> 200 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 201 </svg>
201 <span>Lire l'article</span></a> 202 </div> 203 </div> 204 <svg class="background-dots-horizontal" aria-hidden="true"> 205 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 206 </svg> 207 </article> <article class="h-entry"> 208 <h2 class="p-name">Composants d'interface riche et accessibilité</h2> <div class="info"> 209 <a class="h-card p-author" href="https://twitter.com/sdussaut">Sébastien (@sdussaut)</a> â 210 <time class="dt-published" datetime="2018-07-09">lundi 09 juillet 2018</time> â <ul class="tags"> <li> 211 <a rel="tag" href="/blog/tags/html"> 212 <span aria-hidden="true">#</span>HTML</a> 213 </li> <li> 214 <a rel="tag" href="/blog/tags/js"> 215 <span aria-hidden="true">#</span>JS</a> 216 </li> <li> 217 <a rel="tag" href="/blog/tags/accessibilite"> 218 <span aria-hidden="true">#</span>accessibilité</a> 219 </li></ul></div> 220 <div class="wrapper"> <figure class="lazy"> 221 <svg class="background-border-small" aria-hidden="true"> 222 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 223 </svg> 224 <!--[if IE]><img src="/img/containers/main/blog/vadim-sherbakov-36-unsplash.jpg/8f7f5b20f66f520b7f4a1f49ea3e3df8.jpg" alt="" /><![endif]--> 225 <!--[if !IE]><!--> 226 <noscript class="img"> 227 <img src="/img/containers/main/blog/vadim-sherbakov-36-unsplash.jpg/8f7f5b20f66f520b7f4a1f49ea3e3df8.jpg" srcset="/img/containers/main/blog/vadim-sherbakov-36-unsplash.jpg/efd8cc82dd4e2d1717b2b3f77f48d58f.jpg 2x" alt="Composants d'appareil photo sur une table"> 228 </noscript> 229 <!--<![endif]--> 230 </figure> 231 <div class="content"> 232 <p class="p-summary">Une nouvelle version de nos plugins accessibles AcceDe Web est parue. On vous raconte.</p> 233 <a class="link u-url" href="/blog/composants-dinterface-riche-et-accessibilite"> 234 <svg class="background-dots" aria-hidden="true"> 235 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 236 </svg> <span>Lire l'article</span></a> 237 </div> 238 </div> 239 <svg class="background-dots-horizontal" aria-hidden="true"> 240 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 241 </svg> 242 </article> <article class="h-entry"> 243 <h2 class="p-name">Construire une grille produits avec CSS Grid aujourd'hui</h2> <div class="info"> 244 <a class="h-card p-author" href="https://twitter.com/sdussaut">Sébastien (@sdussaut)</a> â 245 <time class="dt-published" datetime="2018-03-12">lundi 12 mars 2018</time> â <ul class="tags"> <li> 246 <a rel="tag" href="/blog/tags/css"> 247 <span aria-hidden="true">#</span>CSS</a> 248 </li> <li> 249 <a rel="tag" href="/blog/tags/grid"> 250 <span aria-hidden="true">#</span>Grid</a> 251 </li></ul></div> 252 <div class="wrapper"> <figure class="lazy"> 253 <svg class="background-border-small" aria-hidden="true"> 254 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 255 </svg> 256 <!--[if IE]><img src="/img/containers/main/blog/luca-bravo-204056-unsplash.jpg/ba1f75c69ce16f92ae081fc52e27e8d4.jpg" alt="" /><![endif]--> 257 <!--[if !IE]><!--> 258 <noscript class="img"> 259 <img src="/img/containers/main/blog/luca-bravo-204056-unsplash.jpg/ba1f75c69ce16f92ae081fc52e27e8d4.jpg" srcset="/img/containers/main/blog/luca-bravo-204056-unsplash.jpg/60d98a869af3fab5b4243050b521cd8e.jpg 2x" alt=""> 260 </noscript> 261 <!--<![endif]--> 262 </figure> 263 <div class="content"> 264 <p class="p-summary">Comment intégrer une grille produit fluide avec CSS Grid sans JavaScript.</p> 265 <a class="link u-url" href="/blog/construire-une-grille-produits-avec-css-grid-aujourdhui"> 266 <svg class="background-dots" aria-hidden="true"> 267 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 268 </svg>
268 <span>Lire l'article</span></a> 269 </div> 270 </div> 271 <svg class="background-dots-horizontal" aria-hidden="true"> 272 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 273 </svg> 274 </article> <article class="h-entry"> 275 <h2 class="p-name">Chargement d'images asynchrone 2.0(18)</h2> <div class="info"> 276 <a class="h-card p-author" href="https://twitter.com/Enwin">Thomas (@Enwin)</a> â 277 <time class="dt-published" datetime="2018-02-19">lundi 19 février 2018</time> â <ul class="tags"> <li> 278 <a rel="tag" href="/blog/tags/lazy-load"> 279 <span aria-hidden="true">#</span>lazy load</a> 280 </li> <li> 281 <a rel="tag" href="/blog/tags/html"> 282 <span aria-hidden="true">#</span>HTML</a> 283 </li> <li> 284 <a rel="tag" href="/blog/tags/js"> 285 <span aria-hidden="true">#</span>JS</a> 286 </li></ul></div> 287 <div class="wrapper"> <figure class="lazy"> 288 <svg class="background-border-small" aria-hidden="true"> 289 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 290 </svg> 291 <!--[if IE]><img src="/img/containers/main/blog/nitish-meena-58136.jpg/12f2cb9cc2c9772d70b5c7f5e7f848ec.jpg" alt="" /><![endif]--> 292 <!--[if !IE]><!--> 293 <noscript class="img"> 294 <img src="/img/containers/main/blog/nitish-meena-58136.jpg/12f2cb9cc2c9772d70b5c7f5e7f848ec.jpg" srcset="/img/containers/main/blog/nitish-meena-58136.jpg/f5b90463a4c7f27b1be692609de880b6.jpg 2x" alt=""> 295 </noscript> 296 <!--<![endif]--> 297 </figure> 298 <div class="content"> 299 <p class="p-summary">Comment l'équipe a codé son propre script de chargement d'images asynchrone tout en restant compatible W3C.</p> 300 <a class="link u-url" href="/blog/chargement-dimages-asynchrone-2018"> 301 <svg class="background-dots" aria-hidden="true"> 302 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 303 </svg> <span>Lire l'article</span></a> 304 </div> 305 </div> 306 <svg class="background-dots-horizontal" aria-hidden="true"> 307 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 308 </svg> 309 </article> <article class="h-entry"> 310 <h2 class="p-name">VÅux 2018</h2> <div class="info"> 311 <a class="h-card p-author" href="https://twitter.com/hmalaud">Harold (@hmalaud)</a> â 312 <time class="dt-published" datetime="2018-01-30">mardi 30 janvier 2018</time> â <ul class="tags"> <li> 313 <a rel="tag" href="/blog/tags/voeux"> 314 <span aria-hidden="true">#</span>vÅux</a> 315 </li> <li> 316 <a rel="tag" href="/blog/tags/newyear"> 317 <span aria-hidden="true">#</span>newyear</a> 318 </li></ul></div> 319 <div class="wrapper"> <figure class="lazy"> 320 <svg class="background-border-small" aria-hidden="true"> 321 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 322 </svg> 323 <!--[if IE]><img src="/img/containers/main/blog/brigitte-tohm-sm5aazr7fhi-unsplash.jpg/c7a9161fed94eee24b20ab3b88a33b4b.jpg" alt="" /><![endif]--> 324 <!--[if !IE]><!--> 325 <noscript class="img"> 326 <img src="/img/containers/main/blog/brigitte-tohm-sm5aazr7fhi-unsplash.jpg/c7a9161fed94eee24b20ab3b88a33b4b.jpg" srcset="/img/containers/main/blog/brigitte-tohm-sm5aazr7fhi-unsplash.jpg/da69464ee6a95f68ca4af6aeeb36f5be.jpg 2x" alt=""> 327 </noscript> 328 <!--<![endif]--> 329 </figure> 330 <div class="content"> 331 <p class="p-summary">VÅux de Switch pour l'année 2018.</p> 332 <a class="link u-url" href="/blog/voeux-2018"> 333 <svg class="background-dots" aria-hidden="true"> 334 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 335 </svg>
335 <span>Lire l'article</span></a> 336 </div> 337 </div> 338 <svg class="background-dots-horizontal" aria-hidden="true"> 339 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 340 </svg> 341 </article> <article class="h-entry"> 342 <h2 class="p-name">VÅux 2017</h2> <div class="info"> 343 <a class="h-card p-author" href="https://twitter.com/hmalaud">Harold (@hmalaud)</a> â 344 <time class="dt-published" datetime="2017-01-30">lundi 30 janvier 2017</time> â <ul class="tags"> <li> 345 <a rel="tag" href="/blog/tags/voeux"> 346 <span aria-hidden="true">#</span>vÅux</a> 347 </li> <li> 348 <a rel="tag" href="/blog/tags/newyear"> 349 <span aria-hidden="true">#</span>newyear</a> 350 </li></ul></div> 351 <div class="wrapper"> <figure class="lazy"> 352 <svg class="background-border-small" aria-hidden="true"> 353 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 354 </svg> 355 <!--[if IE]><img src="/img/containers/main/blog/element5-digital-jsaggbdjieq-unsplash.jpg/130418104e1399580f2e7d540e498e8e.jpg" alt="" /><![endif]--> 356 <!--[if !IE]><!--> 357 <noscript class="img"> 358 <img src="/img/containers/main/blog/element5-digital-jsaggbdjieq-unsplash.jpg/130418104e1399580f2e7d540e498e8e.jpg" srcset="/img/containers/main/blog/element5-digital-jsaggbdjieq-unsplash.jpg/25d5a1b76794daadd117f20205d60d9e.jpg 2x" alt=""> 359 </noscript> 360 <!--<![endif]--> 361 </figure> 362 <div class="content"> 363 <p class="p-summary">VÅux de Switch pour l'année 2017.</p> 364 <a class="link u-url" href="/blog/voeux-2017"> 365 <svg class="background-dots" aria-hidden="true"> 366 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 367 </svg> <span>Lire l'article</span></a> 368 </div> 369 </div> 370 <svg class="background-dots-horizontal" aria-hidden="true"> 371 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 372 </svg> 373 </article> <article class="h-entry"> 374 <h2 class="p-name">VÅux 2016</h2> <div class="info"> 375 <a class="h-card p-author" href="https://twitter.com/hmalaud">Harold (@hmalaud)</a> â 376 <time class="dt-published" datetime="2016-01-29">vendredi 29 janvier 2016</time> â <ul class="tags"> <li> 377 <a rel="tag" href="/blog/tags/voeux"> 378 <span aria-hidden="true">#</span>vÅux</a> 379 </li> <li> 380 <a rel="tag" href="/blog/tags/newyear"> 381 <span aria-hidden="true">#</span>newyear</a> 382 </li></ul></div> 383 <div class="wrapper"> <figure class="lazy"> 384 <svg class="background-border-small" aria-hidden="true"> 385 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 386 </svg> 387 <!--[if IE]><img src="/img/containers/main/blog/andrew-knechel-gg6yehl64fo-unsplash.jpg/f5c186177765a0583d7124667b4058be.jpg" alt="" /><![endif]--> 388 <!--[if !IE]><!--> 389 <noscript class="img"> 390 <img src="/img/containers/main/blog/andrew-knechel-gg6yehl64fo-unsplash.jpg/f5c186177765a0583d7124667b4058be.jpg" srcset="/img/containers/main/blog/andrew-knechel-gg6yehl64fo-unsplash.jpg/d8bf641a6f6be0bc4dacf70d3fde560c.jpg 2x" alt=""> 391 </noscript> 392 <!--<![endif]--> 393 </figure> 394 <div class="content"> 395 <p class="p-summary">VÅux de Switch pour l'année 2016.</p> 396 <a class="link u-url" href="/blog/voeux-2016"> 397 <svg class="background-dots" aria-hidden="true"> 398 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 399 </svg>
399 <span>Lire l'article</span></a> 400 </div> 401 </div> 402 <svg class="background-dots-horizontal" aria-hidden="true"> 403 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 404 </svg> 405 </article> <article class="h-entry"> 406 <h2 class="p-name">VÅux 2015</h2> <div class="info"> 407 <a class="h-card p-author" href="https://twitter.com/hmalaud">Harold (@hmalaud)</a> â 408 <time class="dt-published" datetime="2015-01-30">vendredi 30 janvier 2015</time> â <ul class="tags"> <li> 409 <a rel="tag" href="/blog/tags/voeux"> 410 <span aria-hidden="true">#</span>vÅux</a> 411 </li> <li> 412 <a rel="tag" href="/blog/tags/newyear"> 413 <span aria-hidden="true">#</span>newyear</a> 414 </li></ul></div> 415 <div class="wrapper"> <figure class="lazy"> 416 <svg class="background-border-small" aria-hidden="true"> 417 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 418 </svg> 419 <!--[if IE]><img src="/img/containers/main/blog/cristian-escobar-abkeaojny0s-unsplash.jpg/a969cf31643d485425753d35148bcf3f.jpg" alt="" /><![endif]--> 420 <!--[if !IE]><!--> 421 <noscript class="img"> 422 <img src="/img/containers/main/blog/cristian-escobar-abkeaojny0s-unsplash.jpg/a969cf31643d485425753d35148bcf3f.jpg" srcset="/img/containers/main/blog/cristian-escobar-abkeaojny0s-unsplash.jpg/f350e81f990fddf1bf5fa8dc8aee8c66.jpg 2x" alt=""> 423 </noscript> 424 <!--<![endif]--> 425 </figure> 426 <div class="content"> 427 <p class="p-summary">VÅux de Switch pour l'année 2015.</p> 428 <a class="link u-url" href="/blog/voeux-2015"> 429 <svg class="background-dots" aria-hidden="true"> 430 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 431 </svg> <span>Lire l'article</span></a> 432 </div> 433 </div> 434 <svg class="background-dots-horizontal" aria-hidden="true"> 435 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 436 </svg> 437 </article> <article class="h-entry"> 438 <h2 class="p-name">VÅux 2014</h2> <div class="info"> 439 <a class="h-card p-author" href="https://twitter.com/hmalaud">Harold (@hmalaud)</a> â 440 <time class="dt-published" datetime="2014-01-30">jeudi 30 janvier 2014</time> â <ul class="tags"> <li> 441 <a rel="tag" href="/blog/tags/voeux"> 442 <span aria-hidden="true">#</span>vÅux</a> 443 </li> <li> 444 <a rel="tag" href="/blog/tags/newyear"> 445 <span aria-hidden="true">#</span>newyear</a> 446 </li></ul></div> 447 <div class="wrapper"> <figure class="lazy"> 448 <svg class="background-border-small" aria-hidden="true"> 449 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-border-small"></use> 450 </svg> 451 <!--[if IE]><img src="/img/containers/main/blog/erwan-hesry-wpthzka-m4i-unsplash.jpg/2bccb72eaef283219adcd6624b66ffe7.jpg" alt="" /><![endif]--> 452 <!--[if !IE]><!--> 453 <noscript class="img"> 454 <img src="/img/containers/main/blog/erwan-hesry-wpthzka-m4i-unsplash.jpg/2bccb72eaef283219adcd6624b66ffe7.jpg" srcset="/img/containers/main/blog/erwan-hesry-wpthzka-m4i-unsplash.jpg/1942967056e75e135deaefa157461b48.jpg 2x" alt=""> 455 </noscript> 456 <!--<![endif]--> 457 </figure> 458 <div class="content"> 459 <p class="p-summary">VÅux de Switch pour l'année 2014.</p> 460 <a class="link u-url" href="/blog/voeux-2014"> 461 <svg class="background-dots" aria-hidden="true"> 462 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots"></use> 463 </svg>
463 <span>Lire l'article</span></a> 464 </div> 465 </div> 466 <svg class="background-dots-horizontal" aria-hidden="true"> 467 <use xlink:href="https://switch.paris/site/themes/switch/media/img/backgrounds.svg#background-dots-horizontal"></use> 468 </svg> 469 </article></div> 470 </main><footer role="contentinfo"> 471 <div class="wrap"> 472 <div class="logo"> 473 <img alt="SWITCH" height="69" src="https://switch.paris/site/themes/switch/media/img/logo.svg" width="44"> 474 </div><p><b>Switch 2026</b> <b>Tous droits réservés</b> <a href="/mentions-legales" title="Voir les mentions légales">Mentions légales</a>. 475</p> <p><span>Logo, design et illustrations par <a href="http://www.stpo.fr/">STPo</a></span> <span>Code par la Switch Team</span> Propulsé par Hybris <small>(en fait c'est Statamic)</small> 476</p></div> 477</footer></div> 478 <!--[if !IE]><!--> 479
479<script src="https://switch.paris/site/themes/switch/js/app.js?v=1790167987"></script>
479
479<script src="https://switch.paris/site/themes/switch/js/edito.js?v=1790167987"></script>
479
479<script src="https://cabin.switch.paris/hello.js" defer></script>
479 480 <!--<![endif]--></body> 481 482</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.