Class:Digital Portfolio 2016/Week 4

Last Week

• Review Last Week
• Talk about the responsive web stuff that we did not look at last week
• The "size" of the internet
• Tools: Text Editors
• HTML / CSS Review

This Week

• Prepping Images for the Web

Notes

The "size" of the web

Image Sizes Today

Small - 800px wide

Medium - 1200px - 1600px wide

Large - 1800px wide and up

• Screen Designers Guide to DPI
• A List Apart: Responsive Images in Practice

Optimizing Images for The Web

We covered many aspects/techniques related to optimizing your images for the web.

• Image Format Reference
• I also showed the excellent tool Imageoptim for further compressing your images

CSS3 Web Fonts

We discussed pretty much everything you need to know about CSS web fonts.

Reading/refresher materials

• Web Fonts at the Crossing
• Quick guide to webfonts via @font-face

Web Font Purchase (download options)

• Google Fonts
• fontsquirrel.com

Web Font Services (subscription-based)

• typekit
• fonts.com

TypeKit is now owned by adobe and the $50 membership is a free part of your Creative Cloud Membership.

Some Design/Type Inspiration

• Hoefler & Frere-Jones
• House Industries
• Lost Type Super awesome, super cheap, might be able to convert to web fonts.
• Beautiful (Google) Web Type

Video Notes

• Web Fonts 101
• Indexhibit local install and CMS overview
• Cargo Collective for photo portfolios 101

Assignment

For class on June 20th:

• Review the website platforms & Content Management options page, explore and shop for templates that you like.
• Start experimenting with the CMS solutions that you like.