Monday, September 9, 2013

First Day

The first day was primarily set up. We spent the morning getting to know one another and getting our computers set up with version control via github, installing node.js, Coffeescript, and dependencies. installing git, Coffeescript, and dependencies required using the Terminal, which I am fairly new to. The Terminal is the OSX Command Line, which is heart of the computer. Before computers had an interactive graphics interface, they were basically just the command line. Accessing the terminal allows you to access portions of your computer that are normally inaccessible.


For example, to access your root directory, essentially the file that houses all the files within your computer (including your local users), open a new shell in Terminal and write
cd /    *and press enter
ls        *and press enter

You will see in rudimentary form the core files within your computer.

In the afternoon we covered basic HTML and CSS to get everyone on even footing. We followed this exercise. The final goal of the project was to make the card


Gleaned knowledge:
Within terminal:
TAB auto completes any file name. godsend for long file names

CSS:
position: absolute;  pushes an element to the farthest corner of the screen.
top: 0px; can be applied in tandem with position:absolute; to create some space between the "absolute" corner of the screen.

z-index: (number); z-index creates layering between elements. if two elements are directly on top of one another, it becomes impossible for someone to browse over or click the element below. The higher the z-index, the closer to you!

-webkit- makes a given property accessible via chrome

 transform: rotateY(180deg)

flips an element along the y axis. To flip unit as if a card, apply to "front" and "back", :hover

No comments:

Post a Comment