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: Lab 9 – Margin Notes

Welcome to lab. By now you have already watched the lecture videos on your own. Now we will apply the ideas from those videos in a handful of exercises, which you will complete in small groups. Within your breakout room, designate one of your team to be the screen sharer. Screen sharer, share your screen […]

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: Lab 8 – Slideshow Continued

Welcome to lab. This is a continuation of lab 7. We will retain your groups from last time and complete the slideshow exercise. Task Recreate the following page using an internal stylesheet: The page is a slideshow, a primitive replacement of Powerpoint. Slides are advanced using the arrows at the bottom right. Follow these guidelines […]

CS 347: Setting Up Project 1

Your project 1 will be a real website with its own Git repository, Apache configuration, and domain name. This guide walks you through getting it all set up and served out via Apache. Create Local Repository Follow these steps to set turn the project 1 folder on your local machine into a Git repository. Open […]

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: Lab 7 – Slideshow

Welcome to lab. By now you have already watched the lecture videos on your own. Now we will apply the ideas from those videos in a handful of exercises, which you will complete in small groups. Within your breakout room, designate one of your team to be the screen sharer. Screen sharer, share your screen […]

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: Frequently Asked Questions

I ran sudo service apache2 restart and there was an error. Often this means you have a syntax error or some other configuration issue in your host’s .conf file in /etc/apache2/sites-available. To see what line is causing it, run these two commands: sudo service apache2 restart; sudo journalctl -xe There are two commands there, separated […]

1 2 3