今回は「OnsenUI」というフレームワークで用いられているデザインを、レスポンシブECサイト風に再現させてみました。 OnsenUIとは? OnsenUIとは、HTML5を利用したモバイルアプリ向けのUIフレームワークです。 HTML5モバイルアプリをもっと速く、もっと美しく | Onsen UI Angular.js/jQueryを採用したWEBコンポーネント型のフレームワークで、日本語のドキュメントもとても豊富です。 今回はOnsen CSS Componentsから、「Grid Menu」というサンプルをベースに作ってみました。 Onsen UI – Grid Menu 3デバイス分のワイヤーフレームを作る 先ほどのサンプルをモバイルで実装させますので、続けてタブレット・PCのレイアウトを作成します。 フッターメニューがPC幅ではヘッダーメニューに移動するという形式にしてみました。