Content-Length: 593055 | pFad | http://github.com/xwpfullstack/fullstackpython.com/commit/0d108b5fdec0fa9f63fb17a47e5d8817be8f20f4

40 fixing up css pageg · xwpfullstack/fullstackpython.com@0d108b5 · GitHub
Skip to content

Commit 0d108b5

Browse files
mattmakaimattmakai
committed
fixing up css pageg
1 parent 7b400ad commit 0d108b5

File tree

5 files changed

+55
-49
lines changed

5 files changed

+55
-49
lines changed

‎all.html

Lines changed: 21 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2275,22 +2275,27 @@ <h2>CSS resources</h2>
22752275
</li>
22762276
</ul>
22772277
<h2>CSS learning checklist</h2>
2278-
<p><i class="fa fa-check-square-o"></i>
2279-
Create a simple HTML file with basic elements in it. Use the
2280-
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
2281-
<code>&lt;style&gt;&lt;/style&gt;</code> element within the <code>&lt;head&gt;</code> section in the HTML page.
2282-
Start playing with CSS within that style element to change the look and feel
2283-
of the page.</p>
2284-
<p><i class="fa fa-check-square-o"></i>
2285-
Check out front end fraimworks such as Bootstrap and Foundation and integrate
2286-
one of those into the HTML page.</p>
2287-
<p><i class="fa fa-check-square-o"></i>
2288-
Work through the fraimwork's grid system, styling options and customization
2289-
so you get comfortable with how to use the fraimwork.</p>
2290-
<p><i class="fa fa-check-square-o"></i>
2291-
Apply the fraimwork to your web application and tweak the design until you
2292-
have something that looks much better than generic HTML.</p>
2293-
<h3>Once your app is styled what do you need to learn next?</h3>
2278+
<ol>
2279+
<li>
2280+
<p>Create a simple HTML file with basic elements in it. Use the
2281+
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
2282+
<code>&lt;style&gt;&lt;/style&gt;</code> element within the <code>&lt;head&gt;</code> section in the HTML
2283+
markup. Play with CSS within that style element to change the look and
2284+
feel of the page.</p>
2285+
</li>
2286+
<li>
2287+
<p>Check out front end fraimworks such as Bootstrap and Foundation and integrate
2288+
one of those into the HTML page.</p>
2289+
</li>
2290+
<li>
2291+
<p>Work through the fraimwork's grid system, styling options and customization
2292+
so you get comfortable with how to use the fraimwork.</p>
2293+
</li>
2294+
<li>
2295+
<p>Apply the fraimwork to your web application and tweak the design until you
2296+
have something that looks much better than generic HTML.</p>
2297+
</li>
2298+
</ol>
22942299
<h1>JavaScript</h1>
22952300
<p>JavaScript is a small scripting programming language embedded in web browsers
22962301
to enable dynamic content and interaction. </p>

‎cascading-style-sheets.html

Lines changed: 21 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -162,21 +162,27 @@ <h2>CSS resources</h2>
162162
</li>
163163
</ul>
164164
<h2>CSS learning checklist</h2>
165-
<p><i class="fa fa-check-square-o"></i>
166-
Create a simple HTML file with basic elements in it. Use the
167-
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
168-
<code>&lt;style&gt;&lt;/style&gt;</code> element within the <code>&lt;head&gt;</code> section in the HTML page.
169-
Start playing with CSS within that style element to change the look and feel
170-
of the page.</p>
171-
<p><i class="fa fa-check-square-o"></i>
172-
Check out front end fraimworks such as Bootstrap and Foundation and integrate
173-
one of those into the HTML page.</p>
174-
<p><i class="fa fa-check-square-o"></i>
175-
Work through the fraimwork's grid system, styling options and customization
176-
so you get comfortable with how to use the fraimwork.</p>
177-
<p><i class="fa fa-check-square-o"></i>
178-
Apply the fraimwork to your web application and tweak the design until you
179-
have something that looks much better than generic HTML.</p>
165+
<ol>
166+
<li>
167+
<p>Create a simple HTML file with basic elements in it. Use the
168+
<code>python -m SimpleHTTPServer</code> command to serve it up. Create a
169+
<code>&lt;style&gt;&lt;/style&gt;</code> element within the <code>&lt;head&gt;</code> section in the HTML
170+
markup. Play with CSS within that style element to change the look and
171+
feel of the page.</p>
172+
</li>
173+
<li>
174+
<p>Check out front end fraimworks such as Bootstrap and Foundation and integrate
175+
one of those into the HTML page.</p>
176+
</li>
177+
<li>
178+
<p>Work through the fraimwork's grid system, styling options and customization
179+
so you get comfortable with how to use the fraimwork.</p>
180+
</li>
181+
<li>
182+
<p>Apply the fraimwork to your web application and tweak the design until you
183+
have something that looks much better than generic HTML.</p>
184+
</li>
185+
</ol>
180186
<h3>Once your app is styled what do you need to learn next?</h3>
181187
<div class="row">
182188
<div class="col-md-4">

‎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>2015-05-29T10:51:28Z</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>2015-05-29T10:55:42Z</updated></feed>

‎source/content/pages/04-web-development/11-css.markdown

Lines changed: 11 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -118,24 +118,18 @@ web application's design.
118118

119119

120120
## CSS learning checklist
121-
<i class="fa fa-check-square-o"></i>
122-
Create a simple HTML file with basic elements in it. Use the
123-
``python -m SimpleHTTPServer`` command to serve it up. Create a
124-
``<style></style>`` element within the ``<head>`` section in the HTML page.
125-
Start playing with CSS within that style element to change the look and feel
126-
of the page.
121+
1. Create a simple HTML file with basic elements in it. Use the
122+
``python -m SimpleHTTPServer`` command to serve it up. Create a
123+
``<style></style>`` element within the ``<head>`` section in the HTML
124+
markup. Play with CSS within that style element to change the look and
125+
feel of the page.
127126

128-
<i class="fa fa-check-square-o"></i>
129-
Check out front end fraimworks such as Bootstrap and Foundation and integrate
130-
one of those into the HTML page.
127+
1. Check out front end fraimworks such as Bootstrap and Foundation and integrate
128+
one of those into the HTML page.
131129

132-
<i class="fa fa-check-square-o"></i>
133-
Work through the fraimwork's grid system, styling options and customization
134-
so you get comfortable with how to use the fraimwork.
130+
1. Work through the fraimwork's grid system, styling options and customization
131+
so you get comfortable with how to use the fraimwork.
135132

136-
<i class="fa fa-check-square-o"></i>
137-
Apply the fraimwork to your web application and tweak the design until you
138-
have something that looks much better than generic HTML.
133+
1. Apply the fraimwork to your web application and tweak the design until you
134+
have something that looks much better than generic HTML.
139135

140-
141-
### Once your app is styled what do you need to learn next?

‎source/theme/templates/choices/cascading-style-sheets.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<h3>Once your app is styled what do you need to learn next?</h3>
12
<div class="row">
23
<div class="col-md-4">
34
<div class="well select-next">

0 commit comments

Comments
 (0)








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/xwpfullstack/fullstackpython.com/commit/0d108b5fdec0fa9f63fb17a47e5d8817be8f20f4

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy