このBlogで使っているブログエンジン Typo を5.4.4に上げたり、テンプレートをHTML5&CSS3でマークアップしたり実験をしてみた。

以下作業メモ

盛岡で919speakersというLTイベントが行われたのですが、そこで僕が発表した「UiUIKit + HTML5」のファイル群をUPしました。

Download: UiUIKit-2.1-HTML5.zip

This is a HTML5 version. Original xhtml1.0 version is here. http://code.google.com/p/iphone-universal/

The UiUIKit + HTML5 it's a collection of HTML5 examples of what can be done with CSS3 and Safari's Webkit. With this framework you can:

Fast prototype any web app with ease. Make you're own app using different iPhone original interfaces.

The framework is based on 1 stylesheet and several HTML5 examples, also, it contains original artwork so you can edit them in Adobe Photoshop CS and adapt it to your projects. With this framework you can build:

Headers

• Simple header
• With back button
• With back and action button
• With pre title

Normal Lists

• Simple list (standard iphone list)
• Contact list (address book list example)
• Icon list (settings list like with icons)
• Content List (similar to youtube app list, ical and others)
• Metal list (similar to Clock app)

Rounded Lists

• Standard
• With content

Plastic lists (App Store like)

• Minibanners
• Big banners examples

Information fields

• Address book profile example

Image lists

• Loading sprites example list
• Image gallery

Chat interface example

• Chat bubbles example
• Master chat bubble psd file

Forms

• Standard form in Apple interfaces
• Error fields
• Small JS inline to clear content on click (just a simple example)

Buttons

• Buttons panel
• Buttons examples

Best enjoyed on a real iPhone This iPhone UI Framework kit is licenced under GNU Affero General Public License (GNU AGPL 3)