search

amie-wilt / assignments

Homework for TIY!
0 stars 0 forks source link

Assignment 2-4 #11

Closed ambethia closed 9 years ago

ambethia commented 9 years ago

Week 4 - Day 4

Description

One of the basic, foundational skills in being a professional web developer is the translation of a designer's mockup image into a web page with HTML and CSS. One of the basic, foundational news portals for professional web developers is "Hacker News," which is kind of like a Reddit for the startup/design/development community with a very... minimalist design ethic.

Since it's so simple (there's only one image!) we're going to start off here.

At the same time, we're also going to get into the habit of frequently creating git commits as checkpoints.

Objectives

Learning Objectives

After completing this assignment, you should be comfortable with

After completing this assignment, you be able to effectively use

Using HTML and CSS, re-create the above image as a static web page. Don't worry about the text content (feel free to use a lorem ipsum generator), but use the original image and make your best effort to match the dimensions and styles of original page.

Here's the only image asset you need for your page:

https://dl.dropboxusercontent.com/u/4024808/grayarrow.gif

Bonus

Build a webrick app (like what we've been doing in class) loading each article from a yaml file.

Bonus Bonus

Research how to deploy your webrick app to Heroku.

Additional Resources

amie-wilt commented 9 years ago

@ambethia, here you go! https://github.com/amie-wilt/hack_news

gonna give the bonus bonus a shot!