ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Project-TysonはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

間もなくリリースすると思われるiOS 7。あのがらっと変わったUIをWebで再現するのがProject-Tysonです。


コンタクトリスト。スクロールしてもヘッダ部は残ります。


コンタクトを選ぶとメッセージ送信フォームになります。


送信しました。


アバウト。アニメーションが下から発生するようになっています。

Project-Tysonは詳細を説明するブログ記事も書いており、そのエッセンスがコードとブログ記事の両方から学べるようになっています。今後iPhone向けのWebサイトを開発する際にはチェックした方が良いでしょう。


MOONGIFTはこう見る

iPhoneが登場した直後からiPhoneアプリ風UIを模したWebテンプレートが多数登場しました。iOS 7の登場以後はそれらが一気にレガシーなものになるでしょう。今後はiOS 7に寄せて開発しなければなりません。

多くのデザインフレームワークであれば、テーマで対応してくれる可能性があります。とは言えカスタマイズしていると足りない部品があるかもしれません。今のうちに早めに対応を考えたいところです。

Cloning the UI of iOS 7 with HTML, CSS and JavaScript | c2prods | Côme Courteault

c2prods/Project-Tyson

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2