Difference between revisions of "Class:Digital Portfolio 2016/Week 4"
Jump to navigation
Jump to search
(Created page with "== 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 Rev...") |
(→Video Notes) |
||
| Line 60: | Line 60: | ||
== Video Notes == | == Video Notes == | ||
| − | === Section A === | + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160613_MPS_DP_01_WebFontsForPhotoPortfolios.mp4 Web Fonts 101] |
| + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160613_MPS_DP_02_IndexhibitLocalInstall.mp4 Indexhibit local install and CMS overview] | ||
| + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160613_MPS_DP_03_CargoCollectiveForPhotoPortfolios.mp4 Cargo Collective for photo portfolios 101] | ||
| + | |||
| + | <!-- === Section A === | ||
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150527_MPS_DPB_01_SizeOfTheWeb.mp4 The Size of the Web] | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150527_MPS_DPB_01_SizeOfTheWeb.mp4 The Size of the Web] | ||
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150527_MPS_DPB_02_ImageCompression.mp4 Image Compression & Save for Web] | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150527_MPS_DPB_02_ImageCompression.mp4 Image Compression & Save for Web] | ||
| Line 70: | Line 74: | ||
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150601_MPS_DPA_02_ImageCompression.mp4 Image Compression & Save for Web] | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150601_MPS_DPA_02_ImageCompression.mp4 Image Compression & Save for Web] | ||
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150601_MPS_DPA_03_BridgeAndMetadata.mp4 Using Bridge & Adding Metadata] | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150601_MPS_DPA_03_BridgeAndMetadata.mp4 Using Bridge & Adding Metadata] | ||
| − | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150601_MPS_DPA_04_WebFonts.mp4 Web Fonts 101] | + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150601_MPS_DPA_04_WebFonts.mp4 Web Fonts 101] --> |
== Files == | == Files == | ||
Revision as of 23:52, 13 June 2016
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
Open Questions
Notes
The "size" of the web
Image Sizes Today
- Small - 800px wide
- Medium - 1200px - 1600px wide
- Large - 1800px wide and up
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 Font Purchase (download options)
Web Font Services (subscription-based)
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
