EdgeReflowProject*_-_Edge_Reflow

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)

タグ: , ,

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

最新情報をお届けします

ワンダーコア スマート

倒れるだけで腹筋運動が出来る「ワンダーコア スマート」は見た目以上にハードで効果ありそう

リンクシェア経由でショップジャパンから倒れるだけの腹筋マシーン「ワンダーコア スマート」を提供頂きました。 剛力彩芽さんのCMでおなじみのアレです。 コンパクトサイズのワンダーコア スマート 同じシリ

HUAWEI Matebook

12月10日限定 HUAWEI Matebookが64,800円の特価で販売中

AmazonのCyver Mondayセール、12月10日の特選タイムセールとしてHUAWEIのMatebookが39%の64,800円となっています。 64,800円になっているのはメモリ4GB、ス

Sony XAV-AX100

SonyのAndroid Auto、Car Play対応メディアレシーバー XAV-AX100が米Amazonで販売中 日本への発送にも対応

GoogleのAndroid Auto、AppleのCar Playに対応したカーオーディオ、Sony XAV-AX100が米Amzonで販売されています。 日本への発送も可能です。 Sonyのカーオ

Kodak Ektra

デジカメスマートフォン Kodak Ektraがドイツで販売開始 英Cloveには12月14日に入荷予定

Kodakの21MPカメラを搭載したデジカメスマートフォン、Ektraの販売がドイツで開始されました。 関連:KODAKのデジカメスマートフォン、EKTRAは12月9日にドイツで発売 – Dream

GooglePlay

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Googleがクリスマスプレゼントとして、Google Playでビデオレンタルやアプリ購入に使えるクレジット100円分をメールで配布しています。 Google Playのクーポンは全員に配布されるわ

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

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

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

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

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

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

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEIの最新モデル、HUAWEI Mate 9を購入したので早速レビューです。 まだ1ShopmobileやExpansys、GearBestなどのECサイトには入荷していなかったので、今回...

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Googleがクリスマスプレゼントとして、Google Playでビデオレンタルやアプリ購入に使えるクレジット100円分をメールで配布しています。 Google Playのクーポンは全員に配布さ...

12月10日限定 HUAWEI Matebookが64,800円の特価で販売中

12月10日限定 HUAWEI Matebookが64,800円の特価で販売中

AmazonのCyver Mondayセール、12月10日の特選タイムセールとしてHUAWEIのMatebookが39%の64,800円となっています。 64,800円になっているのはメモリ4G...

MENU

back to top