Jump to Content

RSS Feeds:

Posts | Comments
http://ivanwlam.com/experiments/programming

CSS

Programming Subsections

@font-face

Summary

Testing Safari font import function without Flash or the user downloading the font. Works in Safari 4 but not in iPhone.

Showing a font using the @font-face CSS rule supported by Safari.

Posted 22 June 2009. Tags: , , , , . 1 Comment.

Webkit CSS Transitions

Summary

Testing Safari/Webkit’s CSS Transitions, where you can create smooth object animation and effects without Flash or jQuery, and very minimal JavaScript, if any. You need Safari 3.1+ to see at least some of these effects. In some cases, the effects only works on the iPhone.

Safari/Webkit CSS Transitions

Posted 22 June 2009. Tags: , , , , , , , , , . 1 Comment.

iPhone Basic

Summary

Test out an iPhone-only stylesheet. The iPhone is special in that it doesn’t take “handheld” stylesheets, so it must be customed. A PHP script is perfect to adjust the display of the stylesheet on the server’s side so no JavaScript is involved.

Posted 10 June 2009. Tags: , , . No Comments Yet.

iPhone Orientation

Summary

Experiments with the special onorientationchange event. Also works with window.orientation property.

Posted 10 June 2009. Tags: , , . No Comments Yet.

Collapse/Expand Menu

Summary

An exercise in collapsing and expanding a “menu” when the title is clicked. Made for Flash Experiments portal.

The entire thing is accessible in that if JavaScript is turned off, the menu or list is still displayed. It just might push down everything else if the list is too long.

Posted 10 June 2009. Tags: , , . No Comments Yet.