レスポンシブWebデザインのモックアップを簡単に作成できる「Adobe Edge Reflow」の使い方
このように@mediaを使用して出力先や解像度、サイズなどで条件分岐をしていき、必要のない要素を非表示にしたりして、見栄えを切り分けて製作していきます。 レスポンシブWebデザインのメリット・デメリット 前述のとおり、RWDでは同じCSSファイルで各デバイスのスタイルを共有します。そのため、共有しているスタイル変更の影響を受けやすく、制作をデスクトップとモバイルで分担している場合などは細かいレギュレーションを最初に決める必要があります。 とはいえ、モバイルとデスクトップをHTMLから切り分けた場合、完成後の更新の手間も二重にかかってしまいます。CSSで分岐して必要なプロパティのみ上書きしてデバイスに最適化するだけで同じ素材を共有できることは、サイト運営者にとって非常に魅力的です。 RWDのメリット デバイスごとに切り分けず1つのHTMLファイルで管理可能 スタイルを共有してテイストの統一性
"Web開発ツールを使いこなせ!"クリエイターの道具箱(4) Web開発に特化した開発環境/エディタたち
熟練職人の道具箱には、いつもぴかぴかに磨き上げられている仕事道具が入っているように、Webクリエイターも自らが使うツールを磨く必要があります。自分にあった開発環境やエディタを使用できているかで、日々の開発効率は何倍も違ってきます。今回は自分にあった開発環境/エディタを選ぶにあたり、Web開発に特化した開発環境/エディタをご紹介します。 GUIベースの開発環境/エディタ まずはGUIベースの開発環境からおさらいしてみましょう。 ・Dreamweaver ・Aptana Studio ・NetBeans ■Dreamweaver DreamweaverはAdobe(買収前はMacromedia)が販売しているプロプライエタリのWebアプリケーション開発プラットフォームです。HTML5エディタはもちろん、Webサイトを構成するファイルの管理・検索、FTP、ライブビューなどの機能が用意されています
Adobe - Adobe Creative Suite 4 Webエディション
生成AIでコンテンツを制作するAdobe Fireflyで、想像力の赴くままにクリエイティブを創造できます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ADOBE DIGIPUB MAGAZINE
