Ankerさん。デスクが片付く12 in 1最強モニタースタンドがほぼ9,000円OFFでいいの...? #楽天スーパーSALE
![HTML5のアニメーションを簡単に作成できるサイト「HTML5 MAKER」 | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b4cad7bd7f3e02b995c6e695eca1db73e10c3a1/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2013%2F08%2F130814_ht.jpg%3Fw%3D1280%26h%3D630%26f%3Djpg)
FROONTはレスポンシブなウェブサイトを簡単に作成できるサービスです。 レスポンシブなサイトのモックを作るときに便利そうです。 ドラッグ&ドロップで絵を描くようにしてサイトを作っていくだけ。 その場でウィンドウサイズを変えたときの表示の変化も確認できます。 作成したモックのHTML, CSSはダウンロード可能です。 以下に使ってみた様子を載せておきます。 まず「FROONT」にアクセスしましょう。 利用するには無料登録が必要です。すぐに終わるので登録してみましょう。 こちらが作成画面。 左側にコンテンツのメニューがあります。 画像をいれたり枠をいれたり。 右側はそのコンテンツの詳細メニューですね。 最上部にウィンドウサイズを切り替えられるバーがあります。 先ほどのデザインをスマートフォン用のサイズにすると、上記のようにデザインが変わりました。 レスポンシブデザインの確認が容易にできるのは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く