Basic HTML5, definitions, syntax, examples, text coding, browser particularities. CSS3: Fonts, sizes, colors. Images. Opacity

List of HTML5 Tags: w3schools.com/TAgs/default.asp

List of CSS Properties: w3.org/Style/CSS/all-properties.en.html

jimwestergren.com/worst-web-design-ever
webpagesthatsuck.com
horrible web design

GOOGLE FONTS // fontsquirrel // text-wrap: balance;
Search Engine Optimization – meta tags

CSS Font-Size: em vs. px vs. pt vs. percent

tutorialspoint.com/html5

ANIMATION

Visual Poem Project: transform your favorite poem/text ( at least 20 lines ) into a visual interactive, html project, using basic CSS3, images, fonts, colors. You will create three versions

1) using only words
Lettera / Magoulas / Kampf / Cruz / Kootz / Covington / Teope / Whitesel /

2) using images and text
Teope / Barton / Lettera / Casbar / Vanlier / Whitesel /

3) using only images
WhiteselAnderson / Hood / Teope / Vanlier / Lettera / Althaqafi / Magoulas /

all of them with divisions and CSS3 positioning
Cheat sheet for web design
whatwg
Styling web content with CSS3
caniuse.com = compatibility tables for support of HTML5, CSS3, SVG and more
Opera now webkit
Taming lists

• Video Poem: Using at least 10 personal videos, create an interactive visual layout combining static images, text and cross-platform media with the sole purpose of showcase those clips. Use Miro Video Converter to optimize the clips as MP4, OGV and WEBM. The videos must be maximum 10 seconds, 320px max on their largest side. CSS3 is essential.

Video DOM properties: https://www.w3schools.com/tags/ref_av_dom.asp

Anderson / Hood / Dennis / Teope / Vanlier / Whitesel /