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 EMOJI codes : w3schools.com/charsets/ref_emoji.asp

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

CSS3 TYPOGRAPHY: css-tricks.com/typography-for-developers

Image Masks: web.dev/css-masking

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

SHOULD I PREFIX
http://shouldiprefix.com/

GENERAL SIBLING COMBINATORS #1 / #2

FILTERS
developer.mozilla.org/en-US/docs/Web/CSS/filter

ANIMATION

drafts.csswg.org/css-animations-1/
developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

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

VISUAL POEM PROJECTS
transform your favorite poem/text ( at least 14 lines / sonnet ) into a visual interactive, html project, using basic CSS3, images, fonts, colors. It does not have to be the same poem for all of them. You can use any available text that inspires you, as long as you give proper credit to the author.

You will create FOUR versions

1) USING ONLY WORDS <-> TEXT POEM

2) USING ONLY IMAGES / NO TEXT <-> IMAGE POEM

3) USING IMAGES AND TEXT <-> IMG + TXT POEM

4) USING ALL OF THE ABOVE PLUS VIDEO <-> VIDEO POEM