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

2-upgraded-layout

Browse Source
This commit is contained in:
Armen Vartan 2014-12-01 13:36:19 -05:00
parent c5e942273c
commit 55a31b7052
3 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front-end/1-basic-layout/README.md
View File

@ -1,5 +1,5 @@
Basic Layout
=============
============
Using HTML and CSS, you are going to construct a skeleton for basic webpage.

5
front-end/2-upgraded-layout/README.md
View File

@ -1,4 +1,7 @@
###Upgraded Layout
Upgraded Layout
===============
If you're not familiar with Chrome Dev Tools, [check out this tutorial](https://www.codeschool.com/courses/discover-devtools)
Move your files from the basic layout folder to this folder - use git to check the status, add and commit. Answer question 1 in questions.md

15
front-end/2-upgraded-layout/questions.md
View File

@ -1,21 +1,22 @@
####Question Time
Question Time
=============
1. What happened in Git when you moved files to a new folder? How did it view and handle this action in status? Did you try checking the status from both the root directory (/1-basic..) and the new one (/2-upgraded..)? What was different about them?
1. What happened in Git when you moved files to a new folder? How did it view and handle this action in status? Did you try checking the status from both the root directory (/1-basic..) and the new one (/2-upgraded..)? What was different about them?
<!-- Your answer here -->
2. What does reset.css do? Why would we want to add this file? Where exactly did you add it in your HTML file?
2. What does reset.css do? Why would we want to add this file? Where exactly did you add it in your HTML file?
<!-- Your answer here -->
3. Using Dev Tools, explain which tabs allow you to do the following:
3. Using [Dev Tools](https://developer.chrome.com/devtools), explain which tabs allow you to do the following:
1. Realtime editing of HTML and CSS
2. Javascript Debugging
3. Performance Optimization
<!-- Your answer here -->
4. Go to [http://www.postmachina.com/](http://www.postmachina.com/)
4. Go to [http://www.postmachina.com/](http://www.postmachina.com/)
1. What is the current background color for the page? (Surprisingly, it's not just black!)
2. Tweak the background color to white.
3. Tweak the height of the side bar that contains the logo. Shrink it down to 85px.
@ -23,11 +24,11 @@
<!-- Your answer here -->
5. Why can't you tweak the color of the text "The most important things are not things"? Please explain.
5. Why can't you tweak the color of the text "The most important things are not things"? Please explain.
<!-- Your answer here -->
6. Go to [http://www.seamless.com](Seamless)
6. Go to [http://www.seamless.com](Seamless)
1. What is the largest image on the site? What is the URL? How long does it take to load?
2. How did you figure this out?