Laura Turk lauraturk

Deploying from circleci2.0 to Heroku

Resources:

Steps:

Prerequisites:

Heroku CLI installed on your computer
A project deployed to Heroku

Use these rapid keyboard shortcuts to control the GitHub Atom text editor on Mac OSX.

Key to the Keys

⌘ : Command key
⌃ : Control key
⌫ : Delete key
← : Left arrow key
→ : Right arrow key
↑ : Up arrow key

Pahlka Spike for Accessibility

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, W3C Director and inventor of the World Wide Web

Agenda:

Video

With a partner: Find Contact Information with a Screen Reader

##Resources: -[Animate] (animate.css) -[Web Accessibility] (https://www.webaccessibility.com/best_practices.php?technology_platform_id=11) -[Turing Lesson Plan] (http://frontend.turing.io/lessons/module-1/css-transitions-transformations)

##What is it? ####transitions: apply changes to CSS properties ####Over a designated amount of time transitions codepen e.g. state A to B, control how long that change takes

CSS Challenge 1

I struggled with this one. Eventually, I made an empty div to hold the three divs, I set the empty div's position to relative and 2 and 3 to absolute, then pushed them left. I know there is a better way, I just couldn't get anything to work. CodePen-1

CSS Challenge 2

I created an empty div with three black divs inside. I set the empty div's postion to relative and the three black divs to absolute. I set the top value of div two for 10 px less than the height of div one, and repeated with div three relative to div two. I set div three left 700px and then split the difference to line up div 2 between the two others. CodePen-2

CSS Challenge 3

I nested div 2 in div 1, set the colors of both, set div 1's top margin to 10 and to auto on the side margins to center it. I calculated that a 200px box perfectly centered in a 400px box would have a margin of 100px around it.