Difference between revisions of "Class:Digital Portfolio 2015/Week 3"
Jump to navigation
Jump to search
(→Notes) |
(→Video Notes) |
||
| Line 61: | Line 61: | ||
=== Section A === | === 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_02_ImageCompression.mp4 Image Compression & Save for Web] | ||
| + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150527_MPS_DPB_03_ImageOptimum.mp4 Quick ImageOptimum Overview] | ||
| + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150527_MPS_DPB_04_WebFonts.mp4 Web Fonts 101] | ||
=== Section B === | === Section B === | ||
| − | + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20150601_MPS_DPA_01_SizeOfTheWe.mp4 The Size of the 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_04_WebFonts.mp4 Web Fonts 101] | ||
== Files == | == Files == | ||
Latest revision as of 22:24, 2 June 2015
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
