Webサイト開発・運営

iPhone向け高機能テンプレート集“UiUiKit”

UiUiKit iPhoneテンプレート集

iPhone用HTMLテンプレートというよりもiPhone向けWebサイト構築フレームワークといっても過言ではない。

Downloads - iphone-universal - Project Hosting on Google Code

上記からダウンロードして解凍すると、HTML,CSS,画像ファイルがたくさんある。それぞれのHTMLをSafari(ブラウザ)で開くと、それぞれiPhone向けにデザインされた画面が出てくる。
当然のようにiPhoneを傾けてもそれに合わせて横幅調整は自動的に調整してくれる。しかし、それだけはなく機能は高機能だ。

上記のメニューリストも右側の「>」があるものと無いものをCSSで調整したり、ボタンを押したら下から、黒いウインドウがグーンと上がってきて、さらに選択肢4つのボタンを表示したり、いろんな使いそうな機能が含まれている。

フォーム関してもデフォルトは項目名、タップで入力に切り替わるなど、iPhoneらしいUIを見事に実現している。

機能がある程度網羅されているので、WebでもiPhoneライクなUI(ユーザインタフェース)を実現できそうです。

  • この記事を書いた人
  • 最新記事

wackey

Webディレクター・プロデューサーなどで大手企業サイトの構築に携わった後、インターネット広告営業やWebコンサルティングなどを行う。フリーランスを経て2012年にプラス・ムーブメント合同会社を設立。Webサイト・システムの制作やブロガーツアー・イベントなどの企画・運営を行う。地域ブログをまとめたLocketsというサービスの事業責任者としてビジネスを展開。 2015年にアジャイルメディア・ネットワーク株式会社に入社。 レビューズにてインフルエンサーマーケティング事業の立ち上げに関わり運営。またアンバサダープログラムの運営など多くの企業の支援をバックアップしていた。 現在プラス・ムーブメント合同会社を経営しつつ、新しい働き方について模索している。 主な著書に「アフィリエイターのための Web APIプログラミング入門(ビー・エヌ・エヌ新社)」がある。

-Webサイト開発・運営