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
- animation-direction (alternate for back and forth)
• 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
2) using only images: in this case you MUST use CSS animations to tell a story, even a totally experimental narration. You MUST have AT least 10 png/jpg images that are 100% yours, max img size is 300px on its largest side. I will be paying attention to clean transparencies in pngs
Whitesel / Anderson / Hood / Teope / Vanlier / Lettera / Althaqafi / Magoulas /
3) using images and text: use CSS animation to tell a story with images AND text. Research illustrated novels such as the ones created by Enki Bilal, Hergé (Tintin), Milo Manara, Hugo Pratt (Corto Maltese), Quino (Mafalda), etc.
Teope / Barton / Lettera / Casbar / Vanlier / Whitesel /
all of them with divisions and CSS3 positioning
Cheat sheet for web design
Styling web content with CSS3
caniuse.com = compatibility tables for support of HTML5, CSS3, SVG and more
Opera now webkit
• 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