XHTML + CSS + MathML + SVG
Parabola notes •
Spreadsheet to build parabola paths
Parabola demonstration SVG embedded in XHTML
Regular polygons inscribed in a circle •
Supporting spreadsheet
XHTML file suffix with XHTML + MathML + SVG DTD to enable entities
SVG example
rectangle.svg
Hover tabs
XHTML+MathML+SVG Physical science midterm example
Portal concept SVG
Expanded heptagon portal concept SVG using HSL colors
MathMl in SVG
SVG used in the fine arts: pseudo poem
XHTML foreignObject in SVG in XHTML pseudo poem
SVG, MathMl in HTML5 served as text/html
MathMl, SVG, SVG with HTML foreignObject in HTML5 served as text/html
SVG graph
Bubble form nth-child selector CSS3 + SVG
xmlns still required,
delete xmlns from html element and serial mess results
As of December 2009 only Opera 10.10 could render all of the SVG animations below. Google Chrome can render some animations, but apparently not those using attributeName="d" for the <path> element. Chrome appears to render with an instantaneous duration and remove. Mozilla Developer Preview 3.7 alpha 5 renders animateMotion.
SVG animation I
SVG animation II: Conservation of momentum
SVG animation III: Rolling ball with time versus distance graph
•
Google Chrome friendly variant
SVG animation IV: Accelerating ball with time versus distance graph
SVG animation V: Height versus velocity square root graph
SVG animation VI: Ball bounce using Mozilla friendly animateMotion
HTML 5 test bed
HTML5 valid under technology preview conformance checker
Technology preview conformance checker
HTML5 Working Draft
Body clean
SVG, MathMl in HTML5 served as text/html
MathMl, SVG, SVG with HTML foreignObject in HTML5 served as text/html
Test case for HTML foreignObject in SVG served as text/html bug in FireFox 4 beta 1
x11 colors in HSL order •
Saturation LH order •
Luminosity SH order •
Generator
x11 colors on white
x11 colors on gray
x11 colors on black
hsl on a radial •
Generating OpenDocument spreadsheet
CSS template generated from HSL radial •
xls
HSLA test page
Shrativer.html
Shrativer.css
Shrativer CSS as text for B102
Fixed side bar background image with CSS
Impact of color-blindness on a web
page's appearance
Using CSS and hover to reveal hidden text
Launch and land with the :target pseudoclass
HSL colors in CSS test page
HSL testbed at 285 degrees
HSL 24: 24 shades of 30% text on 95% background
HSL 360: 360 shades of 30% text on 95% background
HSL CSS template •
Generating OpenDocument spreadsheet
HSL rainbow
Hiding in plain sight with alternate CSS stylesheets
CSS textbed with alternate stylesheets
Display an answer on hover
Generic fonts and font spacing
Default font size differences
CSS2 control of first letter appearance
Centering text with CSS
Descriptions of fonts
Vista fonts page for machines with C fonts on board
Fun with @font-face October 2010
HTML Notes I
Result
Scanning
Paper friendly version
Hyperlinks
Validation
HTML UpLoad Validator
Lubuntu OpenBox LXDE shortcuts [as of Lubuntu 13.04 Raring Ringtail]
Lubuntu OpenBox LXDE shortcuts LibreOffice.org document
HTML UpLoad Validator
HTML URI Validator
CSS Validator by text area
CSS Validator by URI
CSS Validator by upload
Introduction to JavaScript
HTML 4.01 Skeleton
Intro to JavaScript Handout 2
Script Scrap Output
Script Style Changer
Intro to JavaScript Handout 3
JavaScript 3
Javascript Example Fall 2002
Clock
Change styles via drop down lists
Determine your day name and characteristics
Color scheme set by time of day page loads.
Syllabus/Calendar
Quiz 01
Quiz 02
T1
T1 Q15 Answer
Quiz 03
Quiz 04 Redirector
Quiz 04 actual
Midterm Fall 2002
Midterm solution
Midterm crosstab spreadsheet
Quiz 05
Quiz 06
Quiz 07
Quiz 08 11/29/02 with Sand font question
Web page project: DTD and Charset example
DTD and Charset inclass handout
Security: Antivirus, Firewalls, Hoaxes, Spam
DayName Excel Spreadsheet
The key to an interesting page is to keep it unique and specific. If a page about a place in Micronesia, do not write the same generic and common description seen on tourism pages. Write from your unique perspective.
Syllabus/Calendar
Quiz 01
Test 01
Test One Result
Quiz 02
Quiz 03
Midterm
Quiz 04
Quiz 05
Test 02
Quiz 06
Quiz 07
Quiz 08
Student Web Pages Spring 2002 | ||
---|---|---|
Anarita Angie Bev Boone BRain Carnis 2 3 4 Elser Emmy Emmyrose Gene java1 |
Jeyt Jose Jpretrick Junpretrick Katalina Kenny Kephas home Kephas page koakoa Laurette Laurette's Lomadic Loria |
Marky Mellie-Jean Mixon PelPel Petrose Sehra Ezekiah Semrina Tinson Wendell Wenson WensonNew |
Student Web Pages Fall 2001 |
---|
Valid HTML 4.01 Strict and CSS submitted by 07 December (50) Ander Belarmino Dakiko Gabriela Glen Joe Killy Eulelia Sistine Jerrold Juleen Works in progress: Jason Jasmine charset Jennifer Loyal Shirline Steven Tony Vince |