補足などの最近のブログ記事
2011年9月21日
OS X Lionで不可視になったユーザの「ライブラリ」フォルダ
2011年7月に10.7（OS X Lion）がリリースされました。各ユーザの「ライブラリ」フォルダが不可視になっています。 メニューなどの文字化けの際に、「ライブラリ」フォルダを触る機会がありますが、表示するには、次のように行います。
Finderでoptionキーを押しながらメニューバーの［移動］をクリックすると、［ライブラリ］が表示されます。クリックすると、「ライブラリ」フォルダを開くことができます。
2011年5月26日
Dreamweaver CS5.5レビュー（ざっくり版）
マルチスクリーン対応のモバイルサイトだけでなく、
アプリケーション制作にも対応
プロ向けのWebオーサリングソフトDreamweaverの最新版CS5.5がリリースされた。前バージョン（CS5）リリース直後、「HTML5 Pack」拡張機能を配布し、HTML5/CSS3のサポートに注力し路線をさらに強化している。
JavaScriptフレームワーク「jQuery」が統合された。［挿入］パネルでjQuery Mobile向けのパーツを挿入したり（図1）、コードビューでのコードヒントをサポートしているほか、「jQuery Mobile」をベースにしたモバイルサイト向けのテンプレートも提供されている。
2011年5月 4日
最終更新日を自動更新する
Dreamweaverには最終更新日を自動更新する機能があります。
- ［挿入］メニューの［日付］をクリックします。
- ［日付の挿入］ダイアログボックスが開くので、［保存時に自動的に更新］にチェックを付け、日付フォーマットを選択し、［OK］ボタンをクリックします。
2011年4月18日
Adobe TV「CS5.5の強化されたHTML5サポート」
Adobe TVにて「CS5.5の強化されたHTML5サポート」などのムービーが公開されています。
タイトルによっては、日本語の字幕を選択できます。
2011年4月15日
ベンダープリフィックス付きのプロパティはまだ必要なのか？（2）
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 | | | | | | | |
| 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にはベンダープリフィックスが必要。
ご参考：
追記（2011年4月19日）：
矢倉さんからコメントいただき、3カ所を修正しました。矢倉さん、ありがとうございます。
2011年4月12日
Dreamweaver CS5.5が発表されました
Adobe CS5.5が2011年5月21日にリリースされます。IllustratorやPhotoshop、Fireworksは基本的にアップデートなしで5.1になりますが、Dreamweaverは5.5になります。
いろいろ細かく手が入っています。追って、このブログでもレポートしていく予定です。
2011年2月12日
ID名、クラス名の一般的な付け方
ID名、クラス名の一般的な付け方に関しては、 And all that Malarkey // Naming conventions tableが有名です（ちょっと古い）。
下記は、『現場のプロから学ぶXHTML+CSS』（120ページ）から抜粋したものです。
| 領域／パーツ | 特徴 |
|---|---|
| 本文全体を囲むボックス（コンテナ） | container、wrapper、page、pagebody、all |
| ヘッダー | header、header-area |
| ナビゲーション | nav、navi、navigation |
| グローバルナビゲーション | global-nav、gnav |
| ローカルナビゲーション | local-nav, lnav |
| 補足ナビゲーション | assist-nav、utility、utility-nav |
| パンくずナビゲーション | topicpath、breadcrumbs |
| コンテンツ全体 | content(s)、container、wrapper |
| メインコンテンツ | main、maincontent(s)、content(s)、alpha、primary |
| サブコンテンツやサイドバー | sub、subcontent(s)、sidebar、beta、secondary |
| 見出しと本文のまとまり | section、entrybody、article(s) |
| 記事単体 | article(s)、entry(-ies) |
| フッター | footer、footer-area、copyright、publication |
| ロゴ | logo |
| キービジュアルやメインビジュアル | keyvisual、mainvisual |
| 画像や写真、グラフなど | image、photo、fig、figure |
| 検索 | search、search-area、search-box |
| 注釈、ヒント、本題から外れた補足や囲み記事 | aside、hint、note |
| 商品一覧 | products、item-list、shopitems |
2011年2月 7日
誤りがちなCSSプロパティなどの読み方
| 単語 | 誤 | 正 |
|---|---|---|
| linear | ライナー | リニア |
| radius | ラディウス | レィディウス |
| none | ノン | ナン |
| gradient | グラディエント | グレィディエント | relative | リレイティブ | レラティブ |
2010年12月20日
サイト定義は、複数まとめて書き出すことが可能
サイト定義の情報は、「.ste」形式のファイルとして書き出し、別のPCのDreamweaverで読み込むことが可能です。 基本的な手順は次の通り。
- ［サイト］メニューの［サイトの管理］をクリック
- ［サイトの管理］ダイアログボックスで、書き出したいサイトを選択し、［書き出し］ボタンをクリック
この際、shiftキーを押せば連続する複数のサイト定義、commandキーを押せば、非連続のサイト定義を選択（および非選択）することが可能です。
2010年11月17日
ベンダープリフィックス付きのプロパティはまだ必要なのか？
たとえば、角丸を実現するときには次のように記述します。
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
そろそろベンダープリフィックス付きのプロパティはいらないんじゃないかと調べてみたところ、次のような結果でした。まだまだ3つ記述しておく必要がありそうです。
| Dreamweaver | ブラウザ | |||
| デザイン ビュー | ライブ ビュー | Safari Google Chrome | Firefox | |
| -webkit-border-radius | | | | |
| -moz-border-radius | | | | |
| border-radius | | | | |
