当社サイトのリンクを通じて購入すると、アフィリエイト手数料が発生する場合があります。 仕組みは次のとおりです.
時々、Web は進化の勢いを増し、まったく新しい方法で迅速に作業を行うと、既存の技術が時代遅れに見えます。 アップグレード サイクルが長いアプリケーションの場合、これは困難になる可能性がありますが、Creative Bloq の記事で説明されているように、 Dreamweaver CS6 レビュー, Adobe は、人気の Web 開発ツールの最新リビジョンで、最新のデザイン手法をうまく取り入れることに成功しました。
Dreamweaver CS6 の主な変更点は、流動的なグリッド レイアウト テンプレートで、デザイナーが 応答性の高い Web サイトを視覚的に表示し、3 つの異なるビューポート (デスクトップ、 タブレット、モバイル)。 新しい CSS トランジション パネルがあり、トランジション効果を簡単に構築する方法が提供され、PhoneGap および jQuery Mobile と連携するツールを通じてモバイル開発が促進されます。
ウェブデザイナー スチュアート・ロング このアップデートにより、サイトを作成しているユーザーが作業しているコードや流動的なテンプレートに関してより良く、より迅速に応答できるようになると .net に伝えました。 事前に設定されたサイズを使用すると、「速度が向上するだけでなく、すべてのデバイス サイズを手動で設定するよりも正確な手段が提供されます」 自分自身」。 同氏は、CSS Transitions パネルは歓迎されていると付け加えました。「これは、このレベルのコーディングに適した有効なツールのようです。 トランジションを含むページをいくつか書いたので、ブラウザーとプレビューを頻繁に切り替えるのは面倒でした。そのため、1 か所にまとめておいたほうがずっと簡単です。」
レスポンシブなレイアウトの作成
著者 デビッド・パワーズDreamweaver の多数の本の著者である彼も、新しい流動的なグリッド レイアウトに熱狂的に次のように述べています。 Ethan は常に電卓を取り出してページ要素の幅とマージンのパーセンテージを計算していますが、Dreamweaver がそれを自動的に実行します。 自動的に。 必要なのは、流動的なグリッド レイアウト div をページに追加することだけです。ドラッグしてサイズを変更し、グリッドにスナップすることができます。」
パワーズ氏は、Dreamweaver を批判する人たちは「スパゲッティや独自コードの使用を疑う」だろうと確信しているが、彼らは間違っているだろうと語った。「唯一の違いは」 通常の div と流体グリッド レイアウト div の間では、Dreamweaver がレイアウト div に対して 2 つの追加のスタイル ルールを別のメディアに自動的に作成します。 クエリ。 div のサイズを変更してグリッドにスナップできるため、シンプルなレスポンシブ レイアウトの構築が簡単になります。」
ただし、この新機能にはいくつかの欠点があり、特にメディア クエリの処理がすべて 1 つのスタイル シート内にあるとパワーズ氏は述べています。 このため、Dreamweaver 独自の CSS スタイル パネル全体で、特定のレイアウトに対してどのルールを編集するかを特定することが難しくなっていると彼は言いました。 彼は、スタイル ルールも冗長であると付け加えました。「それぞれに、display、float、clear、width、margin-left プロパティの宣言があります。 価値は受け継がれます。」 – HTML 要素を div のグリッド バーにスナップすることはできず、より複雑なレイアウトを作成するために要素をネストするのは困難です。 デスクトップ。
こうした問題にもかかわらず、パワーズ氏はアドビが素晴らしいスタートを切ったと主張し、「使い方はシンプルで直感的で、標準に準拠したコードのみを使用してレスポンシブなレイアウトを作成できる」と述べた。 そして彼の Adobe の担当者らは、新しい Creative Cloud サブスクリプション モデルではより頻繁なアップデートが可能になるはずで、これにより年末までにグリッド レイアウトの流動的な機能強化が見られる可能性があると述べています。