2011年4月アーカイブ

Adobe TVに、日本語字幕付きで5本のムービーが公開されています。

字幕が見えない場合には、ツールバーの［CC］ボタンをクリックしてみてください。

Dreamweaver CS5.5を使用したHTML5およびCSS3仕様に基づいたWebサイトの作成

強化されたjQueryおよびJavascriptコードヒントによる作業の高速化

2011年6月23日（木）19:00からアップルストア銀座 3Fシアターで開催されるCSS Nite in Ginza, Vol.57はDreamweaver CS5.5特集です。

CSS3のサポート強化、jQuery Mobileの徹底した組み込みなど、「.5」と呼ぶにはチカラの入ったアップデートとなったDreamweaver CS5.5の魅力を余すところ無くお伝えします。

Adobe TVにて「CS5.5の強化されたHTML5サポート」などのムービーが公開されています。

タイトルによっては、日本語の字幕を選択できます。

132ページのソースコード内に2カ所に誤りがありました。ご不便をおかけしますが、よろしくお願いします。

132ページ：ソースコードの右側中程

誤

li#service a {
  nav-background: url(service.png);
}

正

li#service a {
  background: url(service.png);
}

132ページ：ソースコードの右側の下

誤

ul#nav li a:hover, ul#nav li.current a {
  nav-background: url(service.png);
}

正

ul#nav li a:hover, ul#nav li.current a {
  background: url(service.png);
}

『効率的なサイト制作のためのDreamweaverの教科書』の正誤表もアップデートしました。

Firefoxが4.0になりました。DreamweaverもCS5.5になり、ライブビューがアップデートされます。主立ったCSS3のプロパティを調べてみると、次のようになりました。

	Dw 5.0	Dw 5.5	Firefox 3.6	Firefox 4	Safari 5	Chrome 10	IE 9
border-radius
box-shadow		OK
text-shadow
opacity
rgba(R,G,B,a)
hsla(H,S,L,a)

結論：

• Dreamweaverのライブビューもアップデートされているため、Firefox 3.6のサポートをはずせば、border-radius、text-shadowにはベンダープリフィックスは不要（ただし、IE9のtext-shadowを除く）。
• Dreamweaver CS5.5のライブビューとSafari 5対応のため、box-shadowにはベンダープリフィックスが必要。

ご参考：

• Untitled!!!!!!!! ちょっと知られてないCSS3の落とし穴／秋葉 秀樹＋とみたちひろ

追記（2011年4月19日）：

矢倉さんからコメントいただき、3カ所を修正しました。矢倉さん、ありがとうございます。

Adobe CS5.5が2011年5月21日にリリースされます。IllustratorやPhotoshop、Fireworksは基本的にアップデートなしで5.1になりますが、Dreamweaverは5.5になります。

いろいろ細かく手が入っています。追って、このブログでもレポートしていく予定です。

• どこが変わった？ Adobe CS5.5の新機能を紹介 Tool Garage
• Dreamweaver製品概要

256ページの図版2カ所に誤りがありました。ご不便をおかけしますが、よろしくお願いします。

『効率的なサイト制作のためのDreamweaverの教科書』の正誤表もアップデートしました。

下山さん、ご指摘ありがとうございました！

たとえば「中見出し（h2）は●、中見出し（h3）は■」 のように、文字原稿を作るときにルール付けをしておきます。

これをDreamweaverのデザインビューにペースト後、次のように検索置換することで一括で変更することができます（下図の場合■が入っていたらh3に変更する）。

このような作業は、正規表現を使うのがセオリーとも言えますが、正規表現に使わなくても［特定のタグ］を用いて設定することができます。