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

12
README.md
View File

@ -1,11 +1,12 @@
Prework
=======
[Wikipedia on pair programming](http://en.wikipedia.org/wiki/Pair_programming)
#### Front End
[Guide to wireframing](http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing--webdesign-7399)
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)
[A compilation of wireframing articles](http://www.gracesmith.co.uk/get-wireframing-the-all-in-one-guide/)
#### JavaScript
@ -30,4 +31,9 @@ Prework
[Python Cheatsheet](http://perso.limsi.fr/pointal/_media/python:cours:mementopython3-english.pdf)
#### Miscellaneous
[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>

14
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;
height: 5em;
width: 100%;
}
nav{
nav {
height: 2em;
background-color: red;
width: 100%;
}
.content{
.content {
height: 20em;
width: 80%;
background-color: blue;
margin: 0 auto;
}
.col{
.col {
width: 24%;
height: 100%;
float: left;
@ -25,12 +25,12 @@ nav{
margin-right: .9%;
}
.col:nth-child(4){
.col:nth-child(4) {
border-right: none;
margin-right: none;
}
footer{
footer {
position: absolute;
bottom: 0;
height: 3em;
@ -38,4 +38,4 @@ footer{
width: 80%;
left: 10%;
}
}