course-work/prep-work
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

basic layout ex

Browse Source
This commit is contained in:
Armen Vartan 2014-12-01 13:28:51 -05:00
parent b9a8397f34
commit c5e942273c
4 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -1,11 +1,12 @@
Prework Prework
======= =======
[Wikipedia on pair programming](http://en.wikipedia.org/wiki/Pair_programming)
#### Front End #### Front End
Do Code Academy's [HTML/CSS course](http://www.codecademy.com/en/tracks/web).
[Guide to wireframing](http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing--webdesign-7399) [Guide to wireframing](http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing--webdesign-7399)
[A compilation of wireframing articles](http://www.gracesmith.co.uk/get-wireframing-the-all-in-one-guide/) [A compilation of wireframing articles](http://www.gracesmith.co.uk/get-wireframing-the-all-in-one-guide/)
#### JavaScript #### JavaScript
@ -30,4 +31,9 @@ Prework
[Python Cheatsheet](http://perso.limsi.fr/pointal/_media/python:cours:mementopython3-english.pdf) [Python Cheatsheet](http://perso.limsi.fr/pointal/_media/python:cours:mementopython3-english.pdf)
#### Miscellaneous
[Rubular (for regex)](http://www.rubular.com) [Rubular (for regex)](http://www.rubular.com)
[Wikipedia on pair programming](http://en.wikipedia.org/wiki/Pair_programming)

8
front-end/1-basic-layout/day1.html
View File

@ -1,8 +0,0 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="day1.css">
</head>
<body>
</body>
</html>

8
front-end/1-basic-layout/index.html Normal file
View File

@ -0,0 +1,8 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
</body>
</html>

12
front-end/1-basic-layout/day1.css → front-end/1-basic-layout/main.css
View File

@ -1,23 +1,23 @@
header{ header {
background-color: gray; background-color: gray;
height: 5em; height: 5em;
width: 100%; width: 100%;
} }
nav{ nav {
height: 2em; height: 2em;
background-color: red; background-color: red;
width: 100%; width: 100%;
} }
.content{ .content {
height: 20em; height: 20em;
width: 80%; width: 80%;
background-color: blue; background-color: blue;
margin: 0 auto; margin: 0 auto;
} }
.col{ .col {
width: 24%; width: 24%;
height: 100%; height: 100%;
float: left; float: left;
@ -25,12 +25,12 @@ nav{
margin-right: .9%; margin-right: .9%;
} }
.col:nth-child(4){ .col:nth-child(4) {
border-right: none; border-right: none;
margin-right: none; margin-right: none;
} }
footer{ footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
height: 3em; height: 3em;