CS 347: Lecture 7 – Position: Relative and Fixed
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
Here’s your TODO list:
Watch 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.
Watch Relative Positioning, in which we anchor boxes against their own static box.
Watch Fixed Positioning, in which we anchor boxes against the browser viewport.
Watch Transform, in which we consider a more powerful alternative to
Watch Transition, in which we smoothly animate property changes.
Watch Haiku, in which we take a poetic aside.
Post any questions and comments you have regarding the videos and readings on the course Slack.
Write your second blog post 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.
On Thursday, we will have our first peer review/check-in for project 1. Come prepared to share a 5-minute plan for your site. Describe your client, your client’s needs, and wireframes (sketches) for your site’s pages. One member of your peer group will take notes so that your instructor can stay informed of your progress and concerns.
See you next time.