Apple has published a new reference to CSS support in Safari version 3 which any web developer concerned with Macintosh support will probably be interested in. You can download the reference as a PDF file so you can use it offline as well.

Safari version 3 is bundled with Leopard, included in the iPhone and is in beta for Windows.

The reference includes CSS properties that are Safari-specific and not supported by other browsers. While I’m not a proponent of using browser-specific extensions they can be helpful to enhance the experience for specific browsers.

(more…)

A very nice new tool called XRAY showed up recently. XRAY works with the Safari, Firefox, Camino and Mozilla web browsers (unfortunately no Opera or Internet Explorer support yet). It helps you examine elements on a web page, bringing up information about their dimensions, inheritance, attributes and styling. Best of all, it requires no installation and it’s free. Just drag its bookmark to your bookmarks bar and click on it when you want to examine a web page.

Thanks very much to Western Civilisation Pty Ltd for sharing this with everyone.
[tags]x-ray, javascript, css, web, bookmarklet[/tags]

(more…)

Apple has published guidelines for developing web content for the iPhone. Some of the guidelines are just good practice (separating HTML, Javascript and CSS, for instance). Some of it is informational (how many pixels you can expect to be available in the iPhone - at least, in this version of it). Some of it is very iPhone-specific (META tags to help control the viewport and scaling).

The article also includes guidelines for encoding audio and video for access over EDGE and Wifi networks.

The iPhone runs a slimmed down version of Apple’s desktop browser “Safari” - you get real HTML, Javascript and CSS support, and it can do Ajax. In my few days with an iPhone I haven’t found any web sites that simply didn’t work on it, including Javascript-heavy sites like Flickr.

(more…)