web technologies test cases

twitter: @ariyahidayat     blog: ariya.ofilabs.com

Browser

• User agent
• Viewport dimension
• Detected features
• Timer speed

HTML5

• Web font
• Pixel crossfading
• Underwater effect
• Geolocation
• Touch event
• Offline webapp
• Magnetic compass
• Accelerometer viewer
• Device motion
• Device orientation
• Landscape vs portrait

CSS3

• Spinning cube
• Scrolling 3-D
• Box and text shadow
• Glowing text
• overflow:scroll
• Animation continuity
• Morphing clock

JavaScript

• What is tomorrow?
• Random numbers

SVG

• Tiger
• Lena
• World map
• Imperial coat

Demo apps

• Kinetic scrolling
• Box of marbles