Topics

For the remainder of the semester your goals should include completing all tutorial and problem sets from the first two-thirds of the semester, as well as reporting out on each week with a blog post. I’ve had the opportunity to speak to many of you one-on-one about your current status and I hope you’re feeling ok about where you stand.

Those that eclipse this point (many of you will soon) will have a choice of work: final project or card code-a-long.

final project

Build a website of your choice inspired by good design discovered by researching curated web design resources. You will follow a process of selecting, modeling, and building your site.

card system code-a-long

Follow the tutorials created by Prof. Smith that build a flexible card system modeled after The Ringer website.

Tutorials

As part of this decision process, I want you to watch the first two videos and make the first ‘card’ type.

• Flexbox card 1 part 1
• Flexbox card 1 part 2

• Organize and upload your files including the following:
  • 07-adv-css-flexbox1/index.html
  • 07-adv-css-flexbox1/css/style.css
  • 07-adv-css-flexbox1/img/all-images-used-from-unsplash

Below are the first two tutorials used to create the first card. These are a little rough, but the future videos do get better ?.

Problem Set

Consider a possible choice for website design project.

Research good examples of design at any of the following sites:

• Dribbble
• Site Inspire
• Land Book
• One Page Love
• Media Queries

Pick a site and a particular ‘component’ from the site: landing page, card, product page, etc… and take a screenshot of that page. Describe what kind of content you’d like to use rebuilding that model and how you’d use it.

For the blog

Having done a bit of preliminary work in each pathway, describe which one you’d like to pursue for the remainder of the semester and why.