Adobe、レスポンシブなWEBサイトを視覚的にデザインすることが出来る「Adobe Edge Reflow」のプレビュー版を公開 無償で利用可能

2013.2.16

EdgeReflowProject*_-_Edge_Reflow

AdobeがレスポンシブなWEBサイトを簡単にデザイン出来るようにするツール、Adobe Edge Reflow」のプレビュー版を公開しました。Adobe Creative Cloud会員(無料会員でもOK)なら無償でダウンロードし使用することをが可能です。

レスポンシブデザインはこのブログでも採用していますが、ブラウザの幅によってデザインが変化するデザインです。これを一からCSSで書いていくのはなかなか骨が折れる作業なのですが、このEdge Reflowを使うとある程度視覚にデザインしていくことが可能です。

EdgeReflowProject*_-_Edge_Reflow-2

上記のスクリーンキャプチャはこのブログのデザインを元にして、試しに書いて見たものです。上にあるバー(480とか768とか書いてある部分)が基点となる横幅になります。このブログだとフルサイズの横幅は900pxでデザインしていますが、ブラウザがそれ以下の幅しかない場合、768px〜900pxの間は768px、480px〜768pxの間は480px、480px以下なら100%指定としています。

これをCSSで書いてアップロードしてブラウザで表示、実際にブラウザの横幅を変更して確認……ということをすると手間がかかってしかたがないんのですが、Edge Reflowなら右端のバーをずらして横幅を変えることで、表示確認を行うことが可能です。

EdgeReflowProject_preview.html

また、Chrome限定のようですが、実際にブラウザでの表示確認も行えます。

残念ながらプレビュー版ということでHTMLやCSSのソースの書き出しなどを行うことが出来ず、単にデザインの確認に使えるだけなのですが、Chromeで表示させたあと、Developper toolでCSSファイルを抜き出すことも可能なのでかなりの手間を省くことが出来そうです。

(source Adobe)

タグ: , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

米Amazon、Dush Buttonを押すたびに異なるお菓子の詰め合わせが届く「Prime Surprise Sweets」を提供中

オンライン版のDush Buttonをリリースした米Amazonですが、物理的なDash Button(ややこしい・・・)を使い、ボタンを押すたびに毎回異なるお菓子の詰め合わせが送付されてくる「Pri

GPD WINの保護シートや干渉防止ゴムの自作など、使いやすくするためにやったこと

最近ゲーム設定の話しか書いていない気がするGPD WINですが、もちろんゲーム以外でも活用していて外出時にはPC(Surface Pro 3)は持ち歩かずにGPD WINだけで済ませることが多くなって

Nintendo Switch予約開始 今回は実店舗での予約が確実そう

本日9時から予約がスタートしたNintendo Switch。 Amazonを除くオンラインショップでは軒並みサイトが重かったり、エラーになっているようです。 Amazonでは10分ほどで完売 Ama

米Amazon、1プッシュで注文できるAmazon Dush Buttonにオンライン版を追加

日本でも始まったAmazon Dush Buttonですが、米AmazonではDush Buttonのオンライン版が登場しました。 Amazon Dush Buttonは、ボタンを押すと注文が完了する

世界初のVR対応13インチゲーミングノートPC、ALIENWARE 13が日本で発売開始

DELLが世界初となる13インチのVR対応ゲーミングノートPC ALIENWARE 13を発表しました。 ALIENWAREはこれまで15インチと17インチがありましたが、今回あらたに13インチが追加

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

米Amazon、定価が$869のGoogle Pixel XL 128GBモデルを$1,510で販売中

米Amazon、定価が$869のGoogle Pixel XL 128GBモデルを$1,510で販売中

米AmazonがGoogle Pixel XL 128GBに$1510.08という価格を付けて海外サイトで話題になっています。 昨年10月に発売となったGoogleのPixel/Pixel XL...

Nintendo Switch予約開始 今回は実店舗での予約が確実そう

Nintendo Switch予約開始 今回は実店舗での予約が確実そう

本日9時から予約がスタートしたNintendo Switch。 Amazonを除くオンラインショップでは軒並みサイトが重かったり、エラーになっているようです。 Amazonでは10分ほどで完売 ...

DELL、13インチとしては世界最小のXPS 13 2-in-1を発表

DELL、13インチとしては世界最小のXPS 13 2-in-1を発表

DELLが13インチ 2-in-1なノートPCとしては世界最小となるXPS13 2-in-1を国内で発表し発売を開始しました。 20日の夜にアフィリエイター向けの製品発表会があり、それに参加して...

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

MENU

back to top