pythonthings
diff --git a/‎…lopment/11-other-web-frameworks.markdown‎ ‎…lopment/10-other-web-frameworks.markdown‎content/pages/07-web-development/11-other-web-frameworks.markdown renamed to content/pages/07-web-development/10-other-web-frameworks.markdown
Lines changed: 1 addition & 1 deletion b/‎…lopment/11-other-web-frameworks.markdown‎ ‎…lopment/10-other-web-frameworks.markdown‎content/pages/07-web-development/11-other-web-frameworks.markdown renamed to content/pages/07-web-development/10-other-web-frameworks.markdown
Lines changed: 1 addition & 1 deletion
diff --git a/‎…development/12-template-engines.markdown‎ ‎…development/11-template-engines.markdown‎content/pages/07-web-development/12-template-engines.markdown renamed to content/pages/07-web-development/11-template-engines.markdown b/‎…development/12-template-engines.markdown‎ ‎…development/11-template-engines.markdown‎content/pages/07-web-development/12-template-engines.markdown renamed to content/pages/07-web-development/11-template-engines.markdown
diff --git a/‎…es/07-web-development/13-jinja2.markdown‎ ‎…es/07-web-development/12-jinja2.markdown‎content/pages/07-web-development/13-jinja2.markdown renamed to content/pages/07-web-development/12-jinja2.markdown b/‎…es/07-web-development/13-jinja2.markdown‎ ‎…es/07-web-development/12-jinja2.markdown‎content/pages/07-web-development/13-jinja2.markdown renamed to content/pages/07-web-development/12-jinja2.markdown
diff --git a/‎…ages/07-web-development/14-mako.markdown‎ ‎…ages/07-web-development/13-mako.markdown‎content/pages/07-web-development/14-mako.markdown renamed to content/pages/07-web-development/13-mako.markdown b/‎…ages/07-web-development/14-mako.markdown‎ ‎…ages/07-web-development/13-mako.markdown‎content/pages/07-web-development/14-mako.markdown renamed to content/pages/07-web-development/13-mako.markdown
diff --git a/‎…development/15-django-templates.markdown‎ ‎…development/14-django-templates.markdown‎content/pages/07-web-development/15-django-templates.markdown renamed to content/pages/07-web-development/14-django-templates.markdown b/‎…development/15-django-templates.markdown‎ ‎…development/14-django-templates.markdown‎content/pages/07-web-development/15-django-templates.markdown renamed to content/pages/07-web-development/14-django-templates.markdown
diff --git a/‎…7-web-development/16-web-design.markdown‎ ‎…7-web-development/15-web-design.markdown‎content/pages/07-web-development/16-web-design.markdown renamed to content/pages/07-web-development/15-web-design.markdown b/‎…7-web-development/16-web-design.markdown‎ ‎…7-web-development/15-web-design.markdown‎content/pages/07-web-development/16-web-design.markdown renamed to content/pages/07-web-development/15-web-design.markdown
diff --git a/‎…pages/07-web-development/17-css.markdown‎ ‎…pages/07-web-development/16-css.markdown‎content/pages/07-web-development/17-css.markdown renamed to content/pages/07-web-development/16-css.markdown b/‎…pages/07-web-development/17-css.markdown‎ ‎…pages/07-web-development/16-css.markdown‎content/pages/07-web-development/17-css.markdown renamed to content/pages/07-web-development/16-css.markdown
diff --git a/‎content/pages/07-web-development/17-responsive-design.markdown‎
Lines changed: 35 additions & 0 deletions b/‎content/pages/07-web-development/17-responsive-design.markdown‎
Lines changed: 35 additions & 0 deletions
diff --git a/‎content/pages/12-meta/01-change-log.markdown‎
Lines changed: 1 addition & 0 deletions b/‎content/pages/12-meta/01-change-log.markdown‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎static/img/visuals/responsive-design.jpg‎
155 KB b/‎static/img/visuals/responsive-design.jpg‎
155 KB
@@ -1,7 +1,7 @@
 title: Other Web Frameworks
 category: page
 slug: other-web-frameworks
-sortorder: 0711
+sortorder: 0710
 toc: False
 sidebartitle: Other Web Frameworks
 meta: Python has many web frameworks with differing philosophies. Learn more about frameworks on Full Stack Python.
 
@@ -0,0 +1,35 @@
+title: Responsive Design
+category: page
+slug: responsive-design
+sortorder: 0717
+toc: False
+sidebartitle: Responsive Design
+meta: Responsive design is a method of using media queries in Cascading Style Sheets (CSS) to ensure a site is usable on all screen sizes.
+
+
+# Responsive design
+Responsive design is a method of using media queries in 
+[Cascading Style Sheets (CSS)](/cascading-style-sheets.html) to ensure a 
+site is usable on various devices with different screen sizes, from very
+small to very large.
+
+<img src="/img/visuals/responsive-design.jpg" width="100%" alt="Three different screen sizes and devices with the same website that uses a responsive designt." class="technical-diagram" style="border: 1px solid #999;border-radius: 5px" />
+
+Full Stack Python uses responsive design to improve readability across
+a broad range of devices that people use to read this site.
+
+
+### Responsive design resources
+* The [Responsive Design podcast](https://responsivewebdesign.com/podcast/)
+  and accompanying 
+  [email newsletter](https://responsivewebdesign.com/newsletter/)
+  interview web designers who've dealt with creating responsive designs
+  from both a blank slate and retrofitting into an existing site.
+
+* This [site is entirely on responsive design](https://responsivedesign.is/)
+  and has many articles on how to achieve readability across devices.
+
+* Smashing Magazine's article from 2011 on
+  [responsive design - what it is and how to use it](https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/)
+  remains a definitive source for understanding why sites should be
+  responsive.
@@ -15,6 +15,7 @@ inception in December 2012. You can view detailed changes via the
 
 ## 2017
 ### August
+* Added [responsive design](/responsive-design.html) starter page.
 * Updated the [Redis](/redis.html) page with loads of new resources.
 * New [Neo4j](/neo4j.html) starter page.
 * Loads of new [Bokeh](/bokeh.html) resources and some new descriptions.