Week 4
- Hive mind (Lanier):
- The perception that collective human effort over the Internet creates a new, global superintelligence.
CSS3 @font-face
Quick overview
A List Apart (good and detailed)
@font-face in practice (Bulletproof smiley method)
Premium fonts:
Free fonts:
- Google Web Fonts
- Font Squirrel
- The League of Moveable Type
- Lost Type Co-op (donations encouraged)
Differences between font-services
DIY: open source font editor: FontForge
More on web typography
62.5 solution for em-sizing
A List Apart: typography & web fonts articles
Some CSS2 tips
Basic typography tips:
Typographic Contrast and Flow
Web type fundamentals
Web Design is 95% Typography
HTML5 a/v
<video>
Nasty old <object>
w3schools: <video> (with attributes)
<video> syntax
Video for Everybody
Video Generator for Everybody
Comparison: native video controls
a/v JavaScript access examples
<video> demo—using JS to manipulate controls
Video files vs. formats
Miro Video Converter
Further reading about <video>:
HTML5 Rocks: video
Dive Into HTML5: video
HTMLgoodies: video
Current browser support
Issues and troubleshooting
Technical tricks & video players:
JW Player
HTML5 Video Player Comparison
HTML5media
Customize <video> with CSS3/jQuery
<audio>
Syntax for <audio>Audio control differences in browsers
HTML5 Rocks: <audio> with fallback
JQuery
First: JavaScript review
Client-side vs. server-side scripting
Document Object Model (DOM)
HTML DOM
object.method();
}
getElementById()
-- a function to reach and change an element in a page:
Want to hear a joke?
jQuery library
Quick jQuery demo
Zipped files
Other JS libraries:
Loading jQuery from a host:
- jQuery.com: http://code.jquery.com/jquery.min.js
- Google: Google Code Library
Read:
Jaron Lanier 2 (PDF)
Kevin Kelly: The Quantifiable Self
Due next week:
Project 1: Ideation #2 (mashups)
Journal Entry 2
Last chance next week:
Project 1 research presentation
Assignment 1