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)

タグ: , ,

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

最新情報をお届けします

HUAWIE novaとnova lite発表 若者向けアピールのミドルクラス 2月24日発売

HUAWEI Japanが日本市場向けにHUAWEI nova、nova Liteを発表しました。 どちらも2月24日に発売となります。 若者向けのnovaとnova lite 「日本市場向けに」とい

Amazon、音声リモコンが標準装備になった新型Fire TV Stickの予約を開始 4月6日発売

Amazonが新型Fire TV Stickの予約受付を開始しました。 発売は4月6日、価格は4980円です。 この新型、米国では昨年10月に発売されていますが、大きな変更点として、パーソナルアシスタ

3(さ)月10(と)日は「たけのこの里の日」に オリジナルVRゴーグルが当たるキャンペーンを2月28日から開始

3月10日は「さ(3)と(10)の日」ということでたけのこの里の記念日になったそうです。 たけのこの里と言えば、きのこの山ですが、こちらはすでに8月11日の山の日が記念日として制定されています。 「山

フレキシブルアームなタブレットスタンドが思いのほか便利そう

COSUPAさんのご厚意で、スマートフォン・タブレット用のフレキシブルアームスタンドをご提供いただきました。 この手の製品は以前からありますが、正直なところ「グラグラしたり自重で垂れ下がってきて使い物

AndroidになったNuAns NEO [Reloaded]発表 おさいふ対応、防水防塵で5月に発売

トリニティがWindows 10 Mobileで販売したNuAns NEO。 その後継機となるNuAns NEO [Reloaded]が発表されました。 NuAns NEO [Reloaded] 発表

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

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

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

AndroidになったNuAns NEO [Reloaded]発表 おさいふ対応、防水防塵で5月に発売

AndroidになったNuAns NEO [Reloaded]発表 おさいふ対応、防水防塵で5月に発売

トリニティがWindows 10 Mobileで販売したNuAns NEO。 その後継機となるNuAns NEO [Reloaded]が発表されました。 NuAns NEO [Reloaded]...

Amazon、音声リモコンが標準装備になった新型Fire TV Stickの予約を開始 4月6日発売

Amazon、音声リモコンが標準装備になった新型Fire TV Stickの予約を開始 4月6日発売

Amazonが新型Fire TV Stickの予約受付を開始しました。 発売は4月6日、価格は4980円です。 この新型、米国では昨年10月に発売されていますが、大きな変更点として、パーソナ...

HUAWEI P9よりもおススメ! honor 8の詳細レビュー

HUAWEI P9よりもおススメ! honor 8の詳細レビュー

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

「HUAWEI P9」と「HUAWEI P9 lite」どちらを買うか悩んでいる人のためスペックを比較

「HUAWEI P9」と「HUAWEI P9 lite」どちらを買うか悩んでいる人のためスペックを比較

HUAWEI P9とP9 lite、どちらを購入するか悩んでいる人のために、スペック比較と選ぶためのポイントになりそうな箇所をピックアップしてみました。...

MENU

back to top