# Extended Documentation

## Documentation Directory
* [Homepage properties](homepage.md)
* [FOAF (Friend-of-a-Friend) Ontology and RDF + WebID](foaf.md)
* [WAI-ARIA Roles, States, and Properties](wai_aria.md)

## Misc Resources
* ASCII, UTF-8 Resources
	* [Wiki Arrows in Unicode](http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode)
	* [Wiki Geometric Shapes in Unicode](http://en.wikipedia.org/wiki/Geometric_Shapes)

"SlideMe" shows how to implement the iPhone sliding behavior using multi-touch events and CSS transform properties. It displays a red knob, horizontal bar, and "iPhone" string. Tap the red knob to turn it green, move it to turn it yellow and magnify the "iPhone" string, and lift your finger to turn it back to red.
https://developer.apple.com/library/safari/#samplecode/SlideMe/Introduction/Intro.html#//apple_ref/doc/uid/DTS40008017

### Media Queries




Usable resolution:
* retina iPad, safari, landscape: 2048 X 1344 (1024 X 672)
* retina iPad safari, portrait: 1536 X 1856 (768 X 928)
* retina iPad, chrome, landscape: 2048 X 1344
* retina iPad safari, portrait: 1536 X 1856

```
function isIPad(){
    return navigator.platform == "iPad";
}
```

* landscape 1/3: 340, /4 = 168, ratio = 0.494
* portrait 1/3: 256, /8 = 116, ratio = 0.453






