This project is designed to re-familiarize you with CSS and HTML, and to have you practice Sass, Git, and the comp-to-HTML process using a grid.
You will create a transfer of this Photoshop PSD, created by Michael Reimer at bestpsdfreebies.com
, into a web page. (The Download link is in the lower left corner of the main image.) The starter CSS, fonts, and assets you’ll need are discussed below.
Eric Meyer’s base/reset CSS (_reset.scss
) is provided in the css
folder of this project. Import it into your project at the base level, before any other CSS.
You’ll need the regular version of the Pacifico
font and the light, regular, and semibold versions of the Raleway
font. Link to these fonts externally; do not download these into your project.
Pacifico: https://www.google.com/fonts/specimen/Pacifico
Raleway: https://www.google.com/fonts/specimen/Raleway
You will also need this web grid in order to transfer the page accurately.
You will need Photoshop in order to extract the many assets in the PSD file. However, since it doesn’t make sense for every student to extract the same amount of assets, creating eighteen copies of each file, this process will be divided among all the students in the class.
In essence, you’ll be using your own GitHub account to fork the assignments
repository, then issue a pull request to add your images to the repository. Because every student will be subscribed to this repo, changes to it will notify users to update their own copies of the repo. This is the gist of the process. We’ll elaborate during the first class.
You will do all of your development under the control of Git using GitHub.
There are just two branches at the moment: master
, dev
, and assets
.
web-advanced-using-javascript/assignments/1/YOUR_PARSONS_USER_ID
This assignment is due via GitHub by 11:59 PM on Wednesday, 24 February 2016. We’ll discuss the submission protocol in class.