working on CSS section

Author: mattmakai

best-python-resources.html

@@ -126,6 +126,10 @@ <h2>Experienced developers new to Python</h2>
   contains a wealth of information both on the Python programming as well
   as the community.</p>
 </li>
+<li>
+<p><a href="https://developers.google.com/edu/python/">Google's Python Class</a> contains
+  lecture videos and exercises for learning Python.</p>
+</li>
 </ul>
 <h2>Beyond the basics</h2>
 <ul>

cascading-style-sheets.html

@@ -95,22 +95,33 @@ <h2>How is CSS retrieved from the web server?</h2>
 Stack Python contains a reference to <code>theme/css/fsp.css</code> which is shown
 in the view source screenshot below.</p>
 <p><img src="theme/img/fsp-css-source.jpg" width="100%" alt="View source screenshot for the fsp.css file in index.html." class="technical-diagram" /></p>
-<h2>CSS frameworks</h2>
+<h2>Responsive design</h2>
+<p>Responsive design is an approach for creating CSS that lays out content 
+differently based on screen attributes. The responsiveness is accomplished 
+by implementing
+<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries">media queries</a>
+in the CSS. </p>
+<h2>CSS preprocessors</h2>
 <ul>
 <li>
-<p><a href="http://getbootstrap.com/">Bootstrap</a></p>
+<p><a href="http://sass-lang.com/">SASS</a></p>
 </li>
 <li>
-<p><a href="http://foundation.zurb.com/">Foundation</a></p>
+<p><a href="http://lesscss.org/">LESS</a></p>
 </li>
 </ul>
-<h2>CSS preprocessors</h2>
+<h2>CSS frameworks</h2>
+<p>CSS frameworks provide structure and a boilerplate base for building a
+web application's design.</p>
 <ul>
 <li>
-<p><a href="http://sass-lang.com/">SASS</a></p>
+<p><a href="http://getbootstrap.com/">Bootstrap</a></p>
 </li>
 <li>
-<p><a href="http://lesscss.org/">LESS</a></p>
+<p><a href="http://foundation.zurb.com/">Foundation</a></p>
+</li>
+<li>
+<p><a href="http://gumbyframework.com/">Gumby Framework</a></p>
 </li>
 </ul>
 <h2>Design resources</h2>
@@ -128,7 +139,9 @@ <h2>CSS resources</h2>
   CSS.</p>
 </li>
 <li>
-<p><a href="http://alistapart.com/article/css-positioning-101">CSS Positioning 101</a></p>
+<p><a href="http://alistapart.com/article/css-positioning-101">CSS Positioning 101</a>
+  is a detailed guide for learning how to do element positioning correctly
+  with CSS.</p>
 </li>
 </ul>
                                                                                                                                                                                                                                                                           <br/>

feeds/all.atom.xml

@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>Matt Makai</title><link href="http://www.fullstackpython.com/" rel="alternate"></link><link href="http://www.fullstackpython.com/feeds/all.atom.xml" rel="self"></link><id>http://www.fullstackpython.com/</id><updated>2014-03-25T10:22:09Z</updated></feed>
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Matt Makai</title><link href="http://www.fullstackpython.com/" rel="alternate"></link><link href="http://www.fullstackpython.com/feeds/all.atom.xml" rel="self"></link><id>http://www.fullstackpython.com/</id><updated>2014-03-26T07:19:54Z</updated></feed>

source/content/pages/10-css/1001-cascading-style-sheets.markdown

@@ -18,6 +18,7 @@ below the main content. The
 [Bootstrap Blog example](http://getbootstrap.com/examples/blog/) 
 shows that scenario when you resize the browser width.
 
+
 ## How is CSS retrieved from the web server?
 The HTML file sent by the web server contains a reference to the CSS file(s)
 needed to render the content. The web browser requests the CSS file after the
@@ -32,26 +33,46 @@ in the view source screenshot below.
 
 <img src="theme/img/fsp-css-source.jpg" width="100%" alt="View source screenshot for the fsp.css file in index.html." class="technical-diagram" />
 
-## CSS frameworks
-* [Bootstrap](http://getbootstrap.com/)
 
-* [Foundation](http://foundation.zurb.com/)
+## Responsive design
+Responsive design is an approach for creating CSS that lays out content 
+differently based on screen attributes. The responsiveness is accomplished 
+by implementing
+[media queries](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries)
+in the CSS. 
+
 
 ## CSS preprocessors
 * [SASS](http://sass-lang.com/)
 
 * [LESS](http://lesscss.org/)
 
+
+## CSS frameworks
+CSS frameworks provide structure and a boilerplate base for building a
+web application's design.
+
+* [Bootstrap](http://getbootstrap.com/)
+
+* [Foundation](http://foundation.zurb.com/)
+
+* [Gumby Framework](http://gumbyframework.com/)
+
+
 ## Design resources
 * The [Bootstrapping Design](http://bootstrappingdesign.com/) book is one of 
   the clearest and concise resources for learning design that I've ever read. 
   Highly recommended especially if you feel you have no design skills but 
   need to learn them.
 
+
 ## CSS resources
 * [Mozilla Developer Network's CSS page](https://developer.mozilla.org/en-US/docs/Web/CSS)
   contains an extensive set of resources, tutorials and demos for learning
   CSS.
 
 * [CSS Positioning 101](http://alistapart.com/article/css-positioning-101)
+  is a detailed guide for learning how to do element positioning correctly
+  with CSS.
+
 

source/content/pages/23-best-python-resources/2301-best-python-resources.markdown

@@ -50,6 +50,9 @@ I had when I was learning the language.
   contains a wealth of information both on the Python programming as well
   as the community.
 
+* [Google's Python Class](https://developers.google.com/edu/python/) contains
+  lecture videos and exercises for learning Python.
+
 
 ## Beyond the basics
 * [The Python Ecosystem: An Introduction](http://mirnazim.org/writings/python-ecosystem-introduction/)