{"id":1278,"date":"2013-06-12T16:19:16","date_gmt":"2013-06-12T16:19:16","guid":{"rendered":"https:\/\/www.lilavert.com\/blog_lilavert\/?p=1278"},"modified":"2016-08-11T11:23:37","modified_gmt":"2016-08-11T11:23:37","slug":"les-plus-beaux-sites-responsive-design","status":"publish","type":"post","link":"https:\/\/www.lilavert.com\/blog_lilavert\/les-plus-beaux-sites-responsive-design\/","title":{"rendered":"Les plus beaux sites Responsive Design !"},"content":{"rendered":"<p><strong>Les plus beaux sites Responsive Design !<\/strong><br \/>\nUne recherche sur n&rsquo;importe quel moteur de recherche et la plupart des blogs \u00e9num\u00e9rant leur pr\u00e9f\u00e9rence sur le sujet se r\u00e9p\u00e8tent instansiblement. Les m\u00eames sites, pas des meilleurs \u00e0mha.<br \/>\nVoici donc mon petit quid qui s&rsquo;allongera au fil de mes d\u00e9couvertes&#8230;<\/p>\n<h3><strong>~ El\u00e9gant et classieux :<\/strong><\/h3>\n<ul>\n<li>\u00a0<strong><a title=\"Site responsive design Julie Lavergne\" href=\"http:\/\/www.julie-lavergne.com\" target=\"_blank\">julie-lavergne.com<\/a><\/strong>, Site Responsive Design full view.<\/li>\n<li><strong><a title=\"Site responsive design Ateliers Tersi\" href=\"http:\/\/atelierstersi.fr\" target=\"_blank\">Ateliers Tersi<\/a><\/strong><\/li>\n<\/ul>\n<h3><strong>~\u00a0<\/strong>Int\u00e9gration intelligente de vid\u00e9os :<\/h3>\n<ul>\n<li><a title=\"site responsive avec int\u00e9gration de videos\" href=\"http:\/\/www.curadmir.com\" target=\"_blank\"><strong>Curadmir.com<\/strong><\/a>\u00a0(R\u00e9publique tch\u00e8que)<\/li>\n<\/ul>\n<h3><strong>~\u00a0<\/strong>Graphique<\/h3>\n<ul>\n<li>Les <strong><a title=\"Agence de communication qu\u00e9becoise, site Responsive Design\" href=\"http:\/\/www.dompteurs.com\" target=\"_blank\">Dompteurs de Souris<\/a><\/strong>, site d&rsquo;une Agence de com qu\u00e9becoise.<\/li>\n<li><strong><a title=\"Beau site responsive, grafik\" href=\"http:\/\/www.go-food.co.uk\" target=\"_blank\">GoFood<\/a><\/strong>, Italian street food<\/li>\n<li><strong><a href=\"http:\/\/www.zoombydisneynature.com\/fr\/\" target=\"_blank\">Zoom by Disney nature<\/a><\/strong><\/li>\n<\/ul>\n<div id=\"attachment_11840\" style=\"width: 1010px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/wp.me\/p6hYQX-kC\" rel=\"attachment wp-att-11840\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11840\" class=\"wp-image-11840 size-full\" src=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/06\/zoom-disney-nature-site-responsive.jpg\" alt=\"tres beau site responsive design\" width=\"1000\" height=\"694\" srcset=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/06\/zoom-disney-nature-site-responsive.jpg 1000w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/06\/zoom-disney-nature-site-responsive-150x104.jpg 150w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/06\/zoom-disney-nature-site-responsive-300x208.jpg 300w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/06\/zoom-disney-nature-site-responsive-768x533.jpg 768w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/06\/zoom-disney-nature-site-responsive-400x278.jpg 400w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/06\/zoom-disney-nature-site-responsive-800x555.jpg 800w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p id=\"caption-attachment-11840\" class=\"wp-caption-text\">tr\u00e8s beau site responsive design<\/p>\n<\/div>\n<h3><strong>~\u00a0<\/strong>Pour l&rsquo;animation<\/h3>\n<ul>\n<li><strong><a title=\"Les plus beaux sites Responsive Design !\" href=\"http:\/\/capitolcouture.pn\" target=\"_blank\">CapitolCouture<\/a>\u00a0&#8211; Issue ONE<\/strong><\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" src=\"http:\/\/www.lilavert.com\/video\/capitol-couture.mp4\" width=\"560\" height=\"315\" frameborder=\"0\"><\/iframe><\/p>\n<h3><strong>~\u00a0<\/strong>En scroll vertical, horizontal ou dans tous les sens :<\/h3>\n<ul>\n<li>Magnifique site de <strong><a title=\"Site responsive design de Vanessa Paradis\" href=\"http:\/\/vanessaparadis.fr\" target=\"_blank\">Vanessa Paradis\u00a0<\/a><\/strong><\/li>\n<li>Site de <a title=\"site responsive multilangues\" href=\"http:\/\/www.laurapausini.com\" target=\"_blank\"><strong>Laura Pausini<\/strong><\/a>, une tres belle architecture pour beaucoup d&rsquo;infos, dans un sens ou dans l&rsquo;autre.<\/li>\n<li>Le site de l&rsquo;agence <strong><a title=\"trionndesign.com - Site responsive design\" href=\"http:\/\/www.trionndesign.com\" target=\"_blank\">Trionn design studio\u00a0<\/a><\/strong>et leur superbe logo.<\/li>\n<\/ul>\n<div id=\"attachment_2307\" style=\"width: 510px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/wp.me\/p6hYQX-kC\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2307\" class=\"wp-image-2307 size-full\" title=\"Trionn- a studio design - site responsive design\" src=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/01\/trionn-design.jpg\" alt=\"Trionn- a studio design - site responsive design\" width=\"500\" height=\"190\" srcset=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/01\/trionn-design.jpg 500w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/01\/trionn-design-300x114.jpg 300w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/01\/trionn-design-400x152.jpg 400w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p id=\"caption-attachment-2307\" class=\"wp-caption-text\">Trionn- a studio design &#8211; site responsive design<\/p>\n<\/div>\n<h3><strong>~\u00a0Simple et efficace <\/strong>&#8211; One page<\/h3>\n<ul>\n<li><strong><a title=\"Site responsive simple et efficace - one page\" href=\"http:\/\/naomiatkinsondesign.com\" target=\"_blank\">naomiatkinsondesign.com<\/a><\/strong><\/li>\n<\/ul>\n<p><strong><strong>~\u00a0<\/strong>Site Responsive gallerie Full view High resolution<\/strong> avec le module <a title=\"prodibi.com\" href=\"http:\/\/prodibi.com\/\" target=\"_blank\">Powered by <strong>Prodibi.com<\/strong><\/a><\/p>\n<ul>\n<li><strong><a title=\"Responsive Gallerie photo full view\" href=\"http:\/\/alexandredeschaumes.prodibi.com\" target=\"_blank\">alexandredeschaumes.prodibi.com<\/a><\/strong><\/li>\n<li><strong><a title=\"http:\/\/www.olivierchapelle.com\/\" href=\"http:\/\/www.olivierchapelle.com\/\" target=\"_blank\">olivierchapelle.com<\/a><\/strong><\/li>\n<\/ul>\n<p><em>D&rsquo;autres d\u00e9couvertes en parcourant<\/em> :\u00a0<a title=\"websites\/responsive-design\/\" href=\"http:\/\/www.awwwards.com\/websites\/responsive-design\/\" target=\"_blank\"><strong>awwwards.com\/websites\/responsive-design\/<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les plus beaux sites Responsive Design ! Une recherche sur n&rsquo;importe quel moteur de recherche et la plupart des blogs<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"gallery","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":""},"categories":[16,233,245,143],"tags":[255,198,256,257,253,254,141,203,146,148],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p6hYQX-kC","jetpack-related-posts":[{"id":929,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/les-dompteurs-de-souris\/","url_meta":{"origin":1278,"position":0},"title":"Les Dompteurs de Souris&#8230;","author":"LilaVert I-I","date":"28\/11\/2012","format":"image","excerpt":"Site d'une Agence Qu\u00e9becoise. au design Responsive, beau, simple et efficace.","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2012\/11\/www.dompteurs.com_.jpeg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":4611,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/15-outils-pour-le-developpement-de-sites-en-responsive-design\/","url_meta":{"origin":1278,"position":1},"title":"15 outils pour le d\u00e9veloppement de sites en responsive design","author":"LilaVert I-I","date":"02\/12\/2013","format":false,"excerpt":"Le responsive design est une solution efficace pour proposer une exp\u00e9rience utilisateur enrichie en ad\u00e9quation avec les nouveaux usages web. Depuis le boom r\u00e9cent de cette technique, de nombreux\u00a0outils gratuits\u00a0sont disponibles sur internet pour faciliter la vie des concepteurs et int\u00e9grateurs de sites. See on www.ametys.org","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2762,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/un-jolie-menu-circulaire-pour-votre-site-responsive\/","url_meta":{"origin":1278,"position":2},"title":"Un jolie menu circulaire pour votre site responsive","author":"LilaVert I-I","date":"09\/08\/2013","format":"link","excerpt":"Un jolie menu circulaire pour votre site responsive. Tutorial. Building a Circular Navigation with CSS Transforms -http:\/\/bit.ly\/13LxJ3l \u00a0 \u00a0","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/menu-circulaire-responsive.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/menu-circulaire-responsive.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/menu-circulaire-responsive.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":1617,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/ressources-85-top-responsive-web-design-tools\/","url_meta":{"origin":1278,"position":3},"title":"Ressources : 85 Top Responsive Web Design Tools","author":"LilaVert I-I","date":"25\/03\/2013","format":false,"excerpt":"Ressources : 85 Top Responsive Web Design Tools http:\/\/mashable.com\/2013\/03\/18\/web-design-tools\/","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/03\/Responsive-WordPress-theme.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2835,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/responsive-multi-level-menu\/","url_meta":{"origin":1278,"position":4},"title":"Responsive Multi-Level Menu","author":"LilaVert I-I","date":"17\/08\/2013","format":"link","excerpt":"Responsive Multi-Level Menu pour votre blog ou site, avec sous-menus. Voir les 5 d\u00e9mos en cliquant sur l'image.","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/Responsive-Multi-Level-Menu.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2473,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/selection-doutils-pour-un-site-compatible\/","url_meta":{"origin":1278,"position":5},"title":"Selection d&rsquo;outils pour un site compatible","author":"LilaVert I-I","date":"16\/07\/2013","format":"link","excerpt":"Selection d'outils pour un site compatible. Excellent article\u00a0sur le Blog du Webdesign, d\u00e9couvrez diff\u00e9rentes ressources pour faire des sites web compatibles sur tous les navigateurs existants... \u00a0","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts\/1278"}],"collection":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/comments?post=1278"}],"version-history":[{"count":0,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts\/1278\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/media?parent=1278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/categories?post=1278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/tags?post=1278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}