portfolio-framework

A minimal placeholder and resource list for the UVic WebDev Workshop 1: Intro to HTML and CSS

Getting Started:

1. Make sure you have a text editor installed. Some recommended editors are Sublime and Atom:

• http://www.sublimetext.com/2
• https://atom.io/

2. Download this repo's ZIP file (There is a "Download ZIP button on this page")

3. Open that file in your favorite internet browser (we recommend Chrome)

• For example, if I saved the zip file on my Desktop, I would go to this address in my browser: file:///Users/kelseylegault/Desktop/portfolio-framework/index.html

4. Play around with the framework and make it your own. Ask questions. Make a meme!

CSS Flexbox Resources

• https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• http://www.sketchingwithcss.com/samplechapter/cheatsheet.html

Responsive Design Resources

• http://bradfrost.com/blog/post/i-have-no-idea-what-the-hell-i-am-doing/

Typography Resources

• http://100daysoffonts.com/
• https://www.google.com/fonts

Image Resources

• https://unsplash.com/search/photos/phone
• https://facebook.github.io/design/devices.html
• https://www.designernews.co/stories/53105-my-stock-photo-bookmark
• http://graphicburger.com/?s=free

Design Inspo / News

• https://www.designernews.co/
• https://dribbble.com/
• http://www.awwwards.com/

Portfolio Examples

• http://ryan.menu/
• http://ianwillia.ms/
• http://dejan-markovic.com/
• http://colinkeany.com/
• http://nate.van-der-en.de/
• http://waywardwild.com/
• http://philippschmitt.com/
• https://vnn.io/