PageSourceSearch

https://switch.paris/blog

html switch.paris collected 2026-10-05 06:18:09 UTC 31,519 bytes, 482 lines download raw bytes

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.