iPhoneized

With just a few clicks you can easily convert flash video to iPhone optimized video using Freeway. This tool will do the conversion for you on the fly, gives you the choice between Edge and/or WiFi-3G versions, and even generates the poster board for you.

Matthew James Taylor has a put together an excellent example of a fluid, multi-column  css layouts that are iPhone compatible. These layouts use percentage widths and relative positioning and are 'stackable' so you can use multiple column types on the one page.

Matteo over at Cubiq has created a nifty spinning wheel selector widget and released it under the MIT License.  The widget gives you the ability to present users with a picklist with multiple columns, with animation that closely resembles the native Picker View.

[adrotate block="1"] Designing a website specifically for the iPhone means that your mockups and wireframes will most likely reuse many of the same design elements. Thankfully, there's no shortage of quality, pre-made vectors available to the public.

JAIPHO is a web based, iPhone optimized gallery that was inspired by the iPhone photo app. It emulates the original app quite well, including slide efect and finger gestures. You can switch from full screen mode to thumbnail mode with one touch, or set to autoplay a slideshow.

From the WekKit blog comes news (and a great demo) that WebKit now supports explicit animations in CSS. As a counterpart to transitions, animations provide a way to declare repeating animated effects, with keyframes, completely in CSS.

iWebKit, the "Simple and Advanced" framework for building iPhone optimized websites, now has themes.

If you've never heard of Magento and you have an eCommerce website, take my advice and go check them out now. You'll probably never look back. With over 750,000 downloads and an amazing community of developers, Magento is one of the most polished eCommerce platforms out there.

It seems that while Apple says to build icons at 57x57, the iPhone cuts off 1 pixel on the left and right and 3 pixels at the bottom the icons. It also rounds the corners and overlays a "glossy" appearance . Many people have posted that they created icons with larger dimensions to solve the problem, which makes for a larger download for users.

Theresa Neil posted a nice little set of iPhone stencils for wire framing mockups, presentations, etc. Includes standard components like form fields, buttons, dialogs, key boards, lists, loading icon, selected state.