Skip to content

week1day2.md

Latest commit

 

History

History
110 lines (72 loc) · 2.14 KB

week1day2.md

File metadata and controls

110 lines (72 loc) · 2.14 KB

Class Notes 5-23-17

Warmups

  1. forEach, reduce functions
  2. page loading times

Stand Up Discussion

  1. Can only do so much with HTML, need CSS
  2. We can edit class notes
  3. Keep a time sheet keep track of what we work on each day

Git Pull Requests

  1. Merging our branches into develop branch
  2. Branch from develop (name branch by task)
  3. Work locally in your branch
  4. Push branch to github
  5. Make a pull request
  6. Merge pull request when approved (+1s) (next time 2 comments)

[Git-Reference] (https://git-scm.com/docs)

CSS

1)Cascading Style Sheets 2) General vs. specific styling

[W3 Schools - CSS] (https://www.w3schools.com/css/default.asp) [Mozilla - CSS] (https://developer.mozilla.org/en-US/docs/Web/CSS/Reference)

CSS on Scoreo

  1. Color selection for background, text, links
  2. CSS rules selector declaration property

CSS on our tasks (pages)

  1. Link to stylesheet
  2. Reset
  3. style.css --->normalize normalize = all browsers start from the same point file can be pulled in by CDN download file locally

4)CSS items to add to improve site: lists calendar navbar footer table forum background image forms images

3 Different Ways to Add Style

1)Inline 2)Add style tag to html 3)Create CSS stylesheet

Normalize

For normalize.css there are two ways to use the file:

Download at necolas.github.com/normalize.css/ OR GRAB from github at https://github.com/necolas/normalize.css/ Then save normalize.css to your project folder

               AND THEN

link to it in the HTML file ABOVE your main style sheet

                  OR

import into main style sheet "@import 'normalize.css'"

[Normalize] (https://github.com/necolas/normalize.css/) [Treehouse Normalize Video] (https://teamtreehouse.com/library/applying-normalizecss-browser-reset-css)

Gotchas

  1. Am I editing correct file?
  2. Order matters
  3. Inline styling...cause of and solution to all of life’s problems
  4. Many changes needed to correct for browser differences

Pain Points

  1. Alignment LEFT CENTER RIGHT
  2. Responsive…?!?****
  3. Forms don’t do anything (nothing to process data)

Bootstrap

  1. Begin looking at bootstrap