Today’s goals:

• Review Color Cupcakes Company code
• Learn about a new (easy and quick) way to use Skeleton in your webpage project
• Discuss using web frameworks (such as Skeleton and Bootstrap)

 Today’s featured site:

• http://perpetual.pizza/– Don’t look at it too long!

 Quick PSA’s

• Thank you, Emily, Alex Q. and Maha from Period 3, for your Science Fair photos!
• Dole Fruit is hosting a poster contest- check out the details here.

 Skeleton wrap-up

• Answer code (with extra credit)
• Questions: What is an rem and why did we use it? Why did I add some margins to some rows and columns?
• You can quickly add Skeleton CSS to your project by using a CDN (content delivery network, or basically a publicly hosted set of files you can use in your projects without having to download and host the files yourself). Let’s give it a try by adding link rel=”stylesheet” href=”????” inside pointy brackets to a new webpage we will quickly set up. What does this code do? What should go after href? Why? How can we test this to see if the Skeleton CSS is working? What HTML code should we write?

 Web Frameworks and Bootstrap

• Working in pairs, please find the answers to the following questions:
  1. What is Skeleton?
  2. Why would you want to use Skeleton?
  3. What are front end web frameworks and what are some examples of them?
  4. Why would you consider using them?
  5. What is Bootstrap?
  6. How is Bootstrap different than Skeleton?
  7. What are some well-known sites made with Bootstrap?