Skip to content

Commit 57075d4

Browse files
mattmakaimattmakai
committed
working on CSS section
1 parent 3abc73a commit 57075d4

File tree

5 files changed

+52
-11
lines changed

5 files changed

+52
-11
lines changed

‎best-python-resources.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -126,6 +126,10 @@ <h2>Experienced developers new to Python</h2>
126126
contains a wealth of information both on the Python programming as well
127127
as the community.</p>
128128
</li>
129+
<li>
130+
<p><a href="https://developers.google.com/edu/python/">Google's Python Class</a> contains
131+
lecture videos and exercises for learning Python.</p>
132+
</li>
129133
</ul>
130134
<h2>Beyond the basics</h2>
131135
<ul>

‎cascading-style-sheets.html‎

Lines changed: 20 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -95,22 +95,33 @@ <h2>How is CSS retrieved from the web server?</h2>
9595
Stack Python contains a reference to <code>theme/css/fsp.css</code> which is shown
9696
in the view source screenshot below.</p>
9797
<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>
98-
<h2>CSS frameworks</h2>
98+
<h2>Responsive design</h2>
99+
<p>Responsive design is an approach for creating CSS that lays out content
100+
differently based on screen attributes. The responsiveness is accomplished
101+
by implementing
102+
<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries">media queries</a>
103+
in the CSS. </p>
104+
<h2>CSS preprocessors</h2>
99105
<ul>
100106
<li>
101-
<p><a href="http://getbootstrap.com/">Bootstrap</a></p>
107+
<p><a href="http://sass-lang.com/">SASS</a></p>
102108
</li>
103109
<li>
104-
<p><a href="http://foundation.zurb.com/">Foundation</a></p>
110+
<p><a href="http://lesscss.org/">LESS</a></p>
105111
</li>
106112
</ul>
107-
<h2>CSS preprocessors</h2>
113+
<h2>CSS frameworks</h2>
114+
<p>CSS frameworks provide structure and a boilerplate base for building a
115+
web application's design.</p>
108116
<ul>
109117
<li>
110-
<p><a href="http://sass-lang.com/">SASS</a></p>
118+
<p><a href="http://getbootstrap.com/">Bootstrap</a></p>
111119
</li>
112120
<li>
113-
<p><a href="http://lesscss.org/">LESS</a></p>
121+
<p><a href="http://foundation.zurb.com/">Foundation</a></p>
122+
</li>
123+
<li>
124+
<p><a href="http://gumbyframework.com/">Gumby Framework</a></p>
114125
</li>
115126
</ul>
116127
<h2>Design resources</h2>
@@ -128,7 +139,9 @@ <h2>CSS resources</h2>
128139
CSS.</p>
129140
</li>
130141
<li>
131-
<p><a href="http://alistapart.com/article/css-positioning-101">CSS Positioning 101</a></p>
142+
<p><a href="http://alistapart.com/article/css-positioning-101">CSS Positioning 101</a>
143+
is a detailed guide for learning how to do element positioning correctly
144+
with CSS.</p>
132145
</li>
133146
</ul>
134147
<br/>

‎feeds/all.atom.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
11
<?xml version="1.0" encoding="utf-8"?>
2-
<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>
2+
<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‎

Lines changed: 24 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ below the main content. The
1818
[Bootstrap Blog example](http://getbootstrap.com/examples/blog/)
1919
shows that scenario when you resize the browser width.
2020

21+
2122
## How is CSS retrieved from the web server?
2223
The HTML file sent by the web server contains a reference to the CSS file(s)
2324
needed to render the content. The web browser requests the CSS file after the
@@ -32,26 +33,46 @@ in the view source screenshot below.
3233

3334
<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" />
3435

35-
## CSS frameworks
36-
* [Bootstrap](http://getbootstrap.com/)
3736

38-
* [Foundation](http://foundation.zurb.com/)
37+
## Responsive design
38+
Responsive design is an approach for creating CSS that lays out content
39+
differently based on screen attributes. The responsiveness is accomplished
40+
by implementing
41+
[media queries](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries)
42+
in the CSS.
43+
3944

4045
## CSS preprocessors
4146
* [SASS](http://sass-lang.com/)
4247

4348
* [LESS](http://lesscss.org/)
4449

50+
51+
## CSS frameworks
52+
CSS frameworks provide structure and a boilerplate base for building a
53+
web application's design.
54+
55+
* [Bootstrap](http://getbootstrap.com/)
56+
57+
* [Foundation](http://foundation.zurb.com/)
58+
59+
* [Gumby Framework](http://gumbyframework.com/)
60+
61+
4562
## Design resources
4663
* The [Bootstrapping Design](http://bootstrappingdesign.com/) book is one of
4764
the clearest and concise resources for learning design that I've ever read.
4865
Highly recommended especially if you feel you have no design skills but
4966
need to learn them.
5067

68+
5169
## CSS resources
5270
* [Mozilla Developer Network's CSS page](https://developer.mozilla.org/en-US/docs/Web/CSS)
5371
contains an extensive set of resources, tutorials and demos for learning
5472
CSS.
5573

5674
* [CSS Positioning 101](http://alistapart.com/article/css-positioning-101)
75+
is a detailed guide for learning how to do element positioning correctly
76+
with CSS.
77+
5778

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,9 @@ I had when I was learning the language.
5050
contains a wealth of information both on the Python programming as well
5151
as the community.
5252

53+
* [Google's Python Class](https://developers.google.com/edu/python/) contains
54+
lecture videos and exercises for learning Python.
55+
5356

5457
## Beyond the basics
5558
* [The Python Ecosystem: An Introduction](http://mirnazim.org/writings/python-ecosystem-introduction/)

0 commit comments

Comments
 (0)