{"id":873,"date":"2016-11-28T11:40:33","date_gmt":"2016-11-28T10:40:33","guid":{"rendered":"https:\/\/www.benjaminsimier.com\/le-responsive\/"},"modified":"2019-11-07T12:32:28","modified_gmt":"2019-11-07T11:32:28","slug":"the-responsive","status":"publish","type":"post","link":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/","title":{"rendered":"The responsive !"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Today creating a non-responsive website is no longer imaginable, it\u2019s very important because more and more people are using their smartphones or tablets to browse the internet. That\u2019s why\u00a0<strong>I\u2019m going to give you some tips<\/strong>\u00a0to apply when developing your projects.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>But first, what is a responsive site ?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A site called responsive will adapt to all types of screens, be it a computer screen or a smartphone screen, through the tablet screens.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your site is not responsive then you must have a dedicated site or mobile application but I will come back to these two other processes in another article.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1 \u2013 Whith\u00a0the code (Developer)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the solutions to make your site responsive is to go through the code, which is for me the best solution.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For that you will have to open your files HTML, PHP, CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>In the &lt;head> of your HTML or PHP file, add the following lines<\/strong><\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;link rel=&quot;stylesheet&quot; href=&quot;css\/style.css&quot;\/&gt;\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>In your style.css file<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You will actually have several files in one, I\u2019ll explain.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In your style.css file you will have the style for computer screens, followed by style for tablets, for smartphones \u2026 All this in one file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do this we will have to add lines of code.<br>(The values are variable)<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\n\/* PC *\/ \n@media (min-width: 827px) {\n\/\/votre code pour ordinateur\n}\n \n\/* Tablette *\/ \n@media (max-width: 827px) {\n\/\/votre code pour tablette\n}\n \n&#x5B;...]\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><em>(The code that is not between @media .. {\u2026} will apply to all screens)<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2 \u2013 Plugin (WordPress or other CMS)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The second solution is to go through WordPress extensions, just go to \u201cExtensions\u201d> \u201cAdd\u201d and search with the keyword \u201cResponsive\u201d, install and activate.<br>Thousands of plugins are available then for you to find your happiness;)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That said, be careful not to overuse extensions to not make your site a \u201cfactory\u201d, a site that will take time to load.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To create a responsive site,\u00a0<strong>several options<\/strong>\u00a0are available to you, but favor the integration of this process directly in the code of your project.<br>Why ? Since adding directly what is needed in the code your site will be natively responsive and will adapt to any type of screens. In the case of using plugin your site will be heavier and will display pages less quickly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When developing your specifications with your developer,\u00a0<strong>do not hesitate to talk to him about responsive<\/strong>, he will guide you and realize a responsive site natively.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today creating a non-responsive website is no longer imaginable, it\u2019s very important because more and more people are using their smartphones or tablets to browse the internet. That\u2019s why\u00a0I\u2019m going to give you some tips\u00a0to apply when developing your projects. But first, what is a responsive site ? A site called responsive will adapt to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":782,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[48],"tags":[56,80,76],"class_list":["post-873","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-trends","tag-development","tag-responsive-en","tag-web-en"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.8 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The responsive ! - Benjamin Simier<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The responsive !\" \/>\n<meta property=\"og:description\" content=\"Today creating a non-responsive website is no longer imaginable, it\u2019s very important because more and more people are using their smartphones or tablets to browse the internet. That\u2019s why\u00a0I\u2019m going to give you some tips\u00a0to apply when developing your projects. But first, what is a responsive site ? A site called responsive will adapt to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"Benjamin Simier\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BSimierWeb\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/BSimierWeb\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-28T10:40:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-07T11:32:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/11\/Image_cover_contact.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"801\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Benjamin Simier\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Benjamin Simier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/\"},\"author\":{\"name\":\"Benjamin Simier\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#\\\/schema\\\/person\\\/9791a71b2543b7cd272bf22c3edd1fd5\"},\"headline\":\"The responsive !\",\"datePublished\":\"2016-11-28T10:40:33+00:00\",\"dateModified\":\"2019-11-07T11:32:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/\"},\"wordCount\":383,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#\\\/schema\\\/person\\\/9791a71b2543b7cd272bf22c3edd1fd5\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Image_cover_contact.jpg\",\"keywords\":[\"development\",\"responsive\",\"web\"],\"articleSection\":[\"Digital trends\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/\",\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/\",\"name\":\"The responsive ! - Benjamin Simier\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Image_cover_contact.jpg\",\"datePublished\":\"2016-11-28T10:40:33+00:00\",\"dateModified\":\"2019-11-07T11:32:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Image_cover_contact.jpg\",\"contentUrl\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Image_cover_contact.jpg\",\"width\":1200,\"height\":801},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/the-responsive\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The responsive !\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#website\",\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/\",\"name\":\"Benjamin Simier\",\"description\":\"UI\\\/UX designer &amp; d\u00e9veloppeur front-end\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#\\\/schema\\\/person\\\/9791a71b2543b7cd272bf22c3edd1fd5\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.benjaminsimier.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#\\\/schema\\\/person\\\/9791a71b2543b7cd272bf22c3edd1fd5\",\"name\":\"Benjamin Simier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Perso_4.jpeg\",\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Perso_4.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Perso_4.jpeg\",\"width\":872,\"height\":1200,\"caption\":\"Benjamin Simier\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Perso_4.jpeg\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BSimierWeb\",\"https:\\\/\\\/www.instagram.com\\\/benjamin_simier\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/benjaminsimier\\\/\"],\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The responsive ! - Benjamin Simier","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/","og_locale":"en_US","og_type":"article","og_title":"The responsive !","og_description":"Today creating a non-responsive website is no longer imaginable, it\u2019s very important because more and more people are using their smartphones or tablets to browse the internet. That\u2019s why\u00a0I\u2019m going to give you some tips\u00a0to apply when developing your projects. But first, what is a responsive site ? A site called responsive will adapt to [&hellip;]","og_url":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/","og_site_name":"Benjamin Simier","article_publisher":"https:\/\/www.facebook.com\/BSimierWeb","article_author":"https:\/\/www.facebook.com\/BSimierWeb","article_published_time":"2016-11-28T10:40:33+00:00","article_modified_time":"2019-11-07T11:32:28+00:00","og_image":[{"width":1200,"height":801,"url":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/11\/Image_cover_contact.jpg","type":"image\/jpeg"}],"author":"Benjamin Simier","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Benjamin Simier","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/#article","isPartOf":{"@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/"},"author":{"name":"Benjamin Simier","@id":"https:\/\/www.benjaminsimier.com\/#\/schema\/person\/9791a71b2543b7cd272bf22c3edd1fd5"},"headline":"The responsive !","datePublished":"2016-11-28T10:40:33+00:00","dateModified":"2019-11-07T11:32:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/"},"wordCount":383,"commentCount":0,"publisher":{"@id":"https:\/\/www.benjaminsimier.com\/#\/schema\/person\/9791a71b2543b7cd272bf22c3edd1fd5"},"image":{"@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/11\/Image_cover_contact.jpg","keywords":["development","responsive","web"],"articleSection":["Digital trends"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.benjaminsimier.com\/en\/the-responsive\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/","url":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/","name":"The responsive ! - Benjamin Simier","isPartOf":{"@id":"https:\/\/www.benjaminsimier.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/#primaryimage"},"image":{"@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/11\/Image_cover_contact.jpg","datePublished":"2016-11-28T10:40:33+00:00","dateModified":"2019-11-07T11:32:28+00:00","breadcrumb":{"@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.benjaminsimier.com\/en\/the-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/#primaryimage","url":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/11\/Image_cover_contact.jpg","contentUrl":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/11\/Image_cover_contact.jpg","width":1200,"height":801},{"@type":"BreadcrumbList","@id":"https:\/\/www.benjaminsimier.com\/en\/the-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.benjaminsimier.com\/en\/home\/"},{"@type":"ListItem","position":2,"name":"The responsive !"}]},{"@type":"WebSite","@id":"https:\/\/www.benjaminsimier.com\/#website","url":"https:\/\/www.benjaminsimier.com\/","name":"Benjamin Simier","description":"UI\/UX designer &amp; d\u00e9veloppeur front-end","publisher":{"@id":"https:\/\/www.benjaminsimier.com\/#\/schema\/person\/9791a71b2543b7cd272bf22c3edd1fd5"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.benjaminsimier.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.benjaminsimier.com\/#\/schema\/person\/9791a71b2543b7cd272bf22c3edd1fd5","name":"Benjamin Simier","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2022\/05\/Perso_4.jpeg","url":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2022\/05\/Perso_4.jpeg","contentUrl":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2022\/05\/Perso_4.jpeg","width":872,"height":1200,"caption":"Benjamin Simier"},"logo":{"@id":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2022\/05\/Perso_4.jpeg"},"sameAs":["https:\/\/www.facebook.com\/BSimierWeb","https:\/\/www.instagram.com\/benjamin_simier\/","https:\/\/www.linkedin.com\/in\/benjaminsimier\/"],"url":"https:\/\/www.benjaminsimier.com\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/posts\/873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/comments?post=873"}],"version-history":[{"count":1,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/posts\/873\/revisions"}],"predecessor-version":[{"id":874,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/posts\/873\/revisions\/874"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/media\/782"}],"wp:attachment":[{"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/media?parent=873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/categories?post=873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/tags?post=873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}