CS 347: Lecture 10 – Responsive Web Design

Dear students: The technologist’s temptation is to ignore the differences in people and machines. We developers lump people together in a big homogeneous bucket, assuming everyone thinks like us, functions like us, and has a machine like ours. Supporting diversity is hard work; ignoring it is easier. If you have a soul, you will accept […]

CS 347: Lecture 9 – Position: Absolute

Dear students: Last time we met relative and fixed positioning. Today we use absolute positioning to anchor an element’s box against an ancestor’s box. Absolute positioning gives us considerable freedom to implement user interfaces, and we examine three case studies that use it to add depth, interactivity, and visual effects to our information. Here’s your […]

CS 347: Lecture 8 – Continuation

Dear students: Let’s pause on new videos and do some catch-up. I encourage you to revisit any topics that you don’t feel like you fully grasp. We will continue lab 7 during our next meeting. See you next time. Sincerely,

CS 347: Lecture 7 – Position: Relative and Fixed

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 […]

CS 347: Lecture 6 – Flexbox: Expansion

Dear students: Last time we began our examination of Flexbox, focusing on the distribution and alignment of flex-children within their flex-parent. Now we turn to sizing the children and expanding them using a relational weight system. With the various properties of flex-parents and flex-children, we are able to achieve many standard user interface patterns. Here’s […]

CS 347: Lecture 5 – Flexbox: Distribution and Alignment

Dear students: The web is still young, and its immaturity puts a lot of burden on developers. From time to time, however, a new feature emerges that actually makes their job easier. One of those new burden-lifting features is Flexbox, a modern layout system. In this lecture, we explore the power that Flexbox affords us […]

CS 347: Lecture 4 – Box Model

Dear students: The CSS layout algorithm treats all our information as a set of boxes. In this lecture, we explore how we can influence the size and spacing of our boxes to produce user interfaces that cohere. Here’s your TODO list: Watch Layers of the Box Model, in which we introduce the box model of […]

CS 347: Lecture 3 – Adding Style

Dear students: It’s time to move start making our information structures aesthetically pleasing. In this lecture, we explore Cascading Stylesheets (CSS). We walk through a gallery of common visual properties and explore the CSS properties that allow us to configure them. Here’s your TODO list: Watch History of CSS, in which we see how CSS […]

CS 347: Lecture 2 – Some More HTML

Dear students: Last time we met a few very common HTML elements. In this lecture we meet a few more. We also reiterate the nature of HTML as a language for communicating structure and not presentation. The semantic meaning of HTML is used in situations where no visual is produced. We also see how to […]

CS 347: Lecture 1 – wwwroot

Dear students: Welcome to CS 347: Web Development. This is going to be a weird semester. I’m new to the university. We will be conducting the class remotely. There’s a lot of tension in the world. The good news is that—well, I don’t know what the good news is. But welcome nonetheless. I don’t think […]

1 2 3 98