CS 347: Lecture 7 – Position: Relative and Fixed
September 15, 2020 by Chris Johnson . Filed under fall-2020 , lectures , webdev .
Dear students:
The early web was a place for sharing documents, while the modern web seems to be a place for sharing applications. Key to this transition is the position property of CSS, which allowed us to start stacking elements on top of one another. We begin our discussion of this property today. We’ll also look at some other ways of manipulating our elements’ boxes using transform and transition.
Here’s your TODO list:
Position , in which we contrast the static positioning that we’ve been implicitly using to a different form of positioning in which we anchor boxes against other boxes.
Relative Positioning , in which we anchor boxes against their own static box.
Fixed Positioning , in which we anchor boxes against the browser viewport.
Transform , in which we consider a more powerful alternative to relative positioning.
Transition , in which we smoothly animate property changes.
Haiku , in which we take a poetic aside.
before Friday, September 18. (Your instructor will wake up at an insane hour each Friday morning for the rest of the semester and read through all your posts. Late entries will not be accepted.) Your post should be a response to something you read or watch from a third party (not me). It should include at least a couple of paragraphs, some code snippets related to the material, and references to your sources. Link to any references on the web.
See you next time.
Sincerely,
