モックアップが手軽に作れるサービス「FROONT」*二十歳街道まっしぐら

FROONTはレスポンシブなウェブサイトを簡単に作成できるサービスです。 レスポンシブなサイトのモックを作るときに便利そうです。 ドラッグ＆ドロップで絵を描くようにしてサイトを作っていくだけ。 その場でウィンドウサイズを変えたときの表示の変化も確認できます。 作成したモックのHTML, CSSはダウンロード可能です。 以下に使ってみた様子を載せておきます。 まず「FROONT」にアクセスしましょう。 利用するには無料登録が必要です。すぐに終わるので登録してみましょう。 こちらが作成画面。 左側にコンテンツのメニューがあります。 画像をいれたり枠をいれたり。 右側はそのコンテンツの詳細メニューですね。 最上部にウィンドウサイズを切り替えられるバーがあります。 先ほどのデザインをスマートフォン用のサイズにすると、上記のようにデザインが変わりました。 レスポンシブデザインの確認が容易にできるのは

[w7tree]

便利そう

[haru240]

TKGHatebuReaderより

[bou117]

これ試してみよーっと

[pecoro0321]

よさげ！

[heyMackie]

これ良さげ〜

[Yukarigohan]

レスポンシブWebデザインのモックアップが手軽に作れるサービス「FROONT」

[mammy55]

ほほー。

[michael-unltd]

モック制作

[warriorking]

レスポンシブWebデザインのモックアップが手軽に作れるサービス「FROONT」*二十歳街道まっしぐら

[siteworkers]

なるほど

[advisorbotan]

メモ

[earlofdragon]

モック　レスポンシブデザイン

[rishida]

FROONT レスポンシブなウェブサイトを簡単作成 FROONTはレスポンシブなウェブサイトを簡単に作成できるサービスです。 レスポンシブなサイトのモックを作るときに便利そうです。 ドラッグ＆ドロップで絵を描くようにして

[Donca]

✔ レスポンシブWebデザインのモックアップが手軽に作れるサービス「FROONT」