
Adobeは木曜日、Creative Cloudユーザー向けのHTML5デザインツールのアップデートを発表しました。今回のアップデートでは、Edge Animate、Dreamweaver、Edge Codeに新機能が追加されます。また、AdobeはレスポンシブWebデザインツール「Adobe Edge Reflow」の初のパブリックプレビュー版もリリースしました。詳細は以下をご覧ください。
Adobe Edge Reflow: 9月に新しいレスポンシブデザインツール「Adobe Edge Reflow」 を公開したAdobeは、ついに最初のパブリックプレビュー版をすべてのCreative Cloudユーザーに無料で公開します。Adobeによると、このツールはデザイナーに、CSS、サイズ変更可能なデザインサーフェス、そしてEdge Inspectによるリアルタイムプレビューを用いたレスポンシブレイアウトと高忠実度のWebデザインの作成機能を提供します。ユーザーはCSSを抽出し、Dreamweaver、Edge Code、その他のエディターで使用することも可能です。Adobeは本日のパブリックリリースについて、上記のビデオで詳しく説明しています。
Adobe Edge Animate: 本日のEdge Animateアップデートでは、「グラデーション、CSSフィルター、強化されたフォントサポート」などの新機能が追加されました。Adobeは、線形グラデーションと放射状グラデーションのスタイル設定とアニメーション化、ぼかし、グレースケール、明るさ、コントラスト、セピア、彩度フィルターなどの新しいCSSフィルター、そしてタイポグラフィやライブプレビューWebフォントを追加するためのビジュアルWebフォントセレクターなど、新しいCSS機能を強調しました。
Adobe Dreamweaver: Dreamweaverについては、AdobeはCreative Cloudメンバー限定でアプリをアップデートし、タイポグラフィへの統合アクセスと新しいフルイドグリッドレイアウト機能を追加しました。フルイドグリッドレイアウト機能はDreamweaver CS6で初めて導入されましたが、現在は「IDタグに加えてクラスタグ」と新しい編集UIが追加されています。また、DreamweaverでEdge Web Fontsをプレビューおよび選択できるようになります。
Adobe Edge Code プレビュー: Adobe は最新の Adobe Edge Code プレビューの新機能も紹介しました。
Adobe Edge Codeのプレビューリリースには、コード編集時にブラウザで変更内容を即座に確認できるLive Developer機能や、ファイル間を切り替えずにコンテキスト内でコードを編集できるQuick Edit機能などが含まれています。今回の最新アップデートでは、CSSプロパティとHTMLタグおよび属性のコードヒントが追加され、Web標準を扱うWebデザイナーや開発者にとって、より充実したコードエディターとなっています。
Adobeは、上記のアップデートはCreative Cloudのお客様に即時提供されると発表しました。Edge Animateの新機能とスクリーンショットを紹介する別のビデオは以下をご覧ください。
havebin.com を Google ニュース フィードに追加します。
FTC: 収益を生み出す自動アフィリエイトリンクを使用しています。詳細はこちら。