本日、Deamweaver CS5のHTML5 Extension Packが発表されました。インストール後、指定された製品は、現在利用可能なHTML5仕様とCSS3スタイルテクノロジーを完全にサポートします。
新しいパッケージを使用すると、Dreamweaverは手動モードでコードを記述するときにヒントを表示します。
また、作成されたページのマルチスクリーンプレビューがプログラムに追加され、携帯電話、タブレット、またはデスクトップコンピューターでWebページがどのように表示されるかを正確に確認できます。 また、ボーナスとして、HTML5 Packは組み込みのWebKitエンジンを部分的に更新して、オーディオとビデオのサポートを改善します。
公式開発者ブログからの主要な変更のリスト:
- マルチスクリーンプレビューパネルを導入し、メディアクエリサポート(ウィンドウ>マルチスクリーンプレビュー)を使用して、3つの異なる画面サイズでライブビューを表示できるようにします。
- 新しいタグ、属性、およびプロパティを使用して、HTML5タグライブラリのコードヒントを追加します。
- 既存のHTMLタグの新しい属性と値のコードヒントを更新します。
- 次のCSS3仕様のコードヒントを追加します。2D/ 3D変換。 アニメーション 背景と境界線; 基本的なユーザーインターフェイス。 行レイアウト; マーキー; メディアクエリ MultiColumn; ルビー テキスト および遷移。
- ライブビューを更新して、<video>および<audio>をサポートします。 (Quicktimeのインストールが必要です。)
- ライブビューでのCSS3のレンダリングの改善。
- HTML5スターターレイアウトを[新規ドキュメント]ダイアログボックスに追加します。
- デザインビューで新しいタグのレンダリングを改善します。
Deamweaver CS5用HTML5 Extension Packの詳細については、 Adobe Labs WebサイトまたはDeamweaver開発者サイトからダウンロードして学習できます。 HTML5 Extension Packの配置が面倒すぎる場合は、 Adobe TV Webサイトで公式ビデオプレゼンテーションを見ることができます。