Readings:
History of the Internet, Internet for Historians
WordStar
Personal computer milestones / Dial up sound
Google Mission
Our company mission is to organize the world’s information and make it universally accessible and useful. That’s why Search makes it easy to discover a broad range of information from a wide variety of sources.
GOOGLE BOYS: https://youtu.be/adEDOyOtO-8
http://gs.statcounter.com/
HTML naming conventions
• Doug C. Engelbart demo of all demos 12/9/1968– LINK
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
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
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction (alternate for back and forth)
- animation-fill-mode
- animation-play-state
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.