2008/06/20
【DreamweaverではじめるWeb標準】第134号 DWCS4新機能:Code Navigator
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第134号 発行日：2008年6月20日金 ほぼ週刊（目標） 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、 Dreamweaverを中心とした制作テクニック 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ ムービーで学ぶDreamweaver（4）：DWCS4解説 ├ クリッピング（6月14日-6月20日） ├ セミナーレビュー：SwapSkills for Happy web weekend ├ 雑誌紹介『DESIGN IT! magazine』創刊号 ├ セミナー紹介：8月のサイバーガーデンbiz ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ムービーで学ぶDreamweaver（4）：Code Navigator ────────────────────────────────── 今回からDreamweaver CS4（ベータ版）について解説していきます。 パブリックベータを使用しますので、インターフェイスは英語です。 ムービーはこちらです。 http://202.164.255.128/dwstd/dwstd134.html -------------------------------------- Dreamweaver CS4のデザインビュー上でcommnad+otpion+クリックすると、 Code Navigatorと呼ばれるウィンドウがポップアップします。 クリックした要素に対してカスケードされているスタイルのセレクタ名が一覧表示され、 セレクタにマウスオーバーすると、CSSルールが吹き出しで表示されます。 セレクタをクリックすれば、前回ご紹介したRelated Filesとして開きます。 デザインビューのみの表示の場合には、分割ビューに切り替わります。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング（6月14日-6月20日） ────────────────────────────────── ●オススメ CSSハックしない、JavaScript使わないCSSの教科書みたいなテンプレ <http://e0166.blog89.fc2.com/blog-entry-492.html> → 「Art and design by Matthew James Taylor」の解説記事。 鳥のように食い、象のように糞をしよう <http://www.yasuhisa.com/could/article/eat-like-a-bird-poop-like-an-elephant/> ●アドビ系 Adobe AIR <http://www.adobe.com/jp/products/air/> → AIR 1.1日本語版がリリース。日本語の扱いが向上しています。 Dreamweaver/Fireworks CS4 public beta 自主勉強会 <http://web.r-studio.jp/event.html> → まとめ記事。 ●セミナー ウェブクリエイションの業界・人・情熱--パソナテック 10周年イベント <http://builder.japan.zdnet.com/news/story/0,3800079086,20375344,00.htm?ref=rss> → かなりおもしろかったです。 dotFes 2008 <http://www.dotfes.jp/> → クスールとWeb DesgingingによるWeb業界の「学園祭」だそうです。 WCAN <http://www.wcan.jp/index.php> → 名古屋の老舗セミナーWCAN（ダブキャン）のサイトがリニューアル。 月刊インタラ塾 <http://intarajyuku.net/index.html> → Pickles主催によるマンスリーイベントが、アップルストア銀座で始動。 ごはんとFlash 二杯目 <http://level0.cuppy.co.jp/2008/06/gohan_to_flash_20080720.php> → 7.20に鎌倉で開催されます。 第5回Flashワークショップ <http://www.flashflavor.jp/workshop.php?eid=00006> → 6.27に沖縄で開催。 RIA開発 SilverLightによる開発のおさえどころはココだ <http://wd.dsp.co.jp/contents/002535.html> → デジスケ主催のセミナー。 第一回 プレゼン合同自主トレ <http://jobzine.aquent.co.jp/feature3.php?CID=213> → 私も参加予定です。 After Effects Night vol.01 <http://www.event-web.net/aen/> → Adobe Creative Collageの冠でスタートするAfter Effectsのカンファランス。 ●iPhoneとMobileMe いよいよ7.11ですね。近所の携帯ショップでは予約できませんでした。 iPhoneの登場で、ケータイサイトは不要になる！？ <http://japan.cnet.com/marketing/opt/story/0,3800087093,20375211,00.htm> iPhoneが日本のモバイルビジネスをひっくり返す！ <http://trendy.nikkeibp.co.jp/article/column/20080613/1015241/?ml> iPhoneとパソコンを結ぶ「MobileMe」 <http://ascii.jp/elem/000/000/141/141940/> → まだちょっとピンと来ないんですが.... ●ブラウザ系 Firefox 3がリリースされました。 画像も一緒にズームされるのが、どうにも慣れないです... 私たちのFirefox 3--今度のキツネはやっぱり爆速だった <http://builder.japan.zdnet.com/sp/firefox-3-interview-2008/story/0,3800087365,20375582,00.htm> → 山手線では広告打っているようですね。 Firefox 3とカラーマネジメント <http://blog.gaspanik.com/firefox3-enabled-color-management-option> → Firefoxのカラマネの解説。 Firefox 3 Optimized Builds <http://d.hatena.ne.jp/tanemori/20080619/Firefox3OptimizedBuilds> → 右側のアイコン、スピード感があってかっこいいですね。 今日のコラム：Firefox 3では、Web Developer 日本語版が使えない？ <http://www.dakiny.com/archives/computer-and-internet/firefox_3_addons/> → Firefox 3.0向けのWeb Devloperのインストール情報。 意地でもIEを常用したいWeb屋のための6つの拡張 <http://memo.hirosiki.jp/article/100836429.html> → Internet Explorer用の便利ツール系の紹介。 ●その他 Absolute Positioning Inside Relative Positioning <http://css-tricks.com/absolute-positioning-inside-relative-positioning/> → この図解はわかりやすいです。 Webアクセシビリティの未来が見えない <http://note.openvista.jp/2008/future-of-web-accessibility/> → スキップリンクは不要という指摘もあり、その指摘はスキルに依存するという人もあり、 精度の高いニーズがくみ上げられていないのが原因のひとつだと思います。 リストに使える小さいサイズのアイコン Part2 <http://www.designwalker.com/2008/06/bullet-icon.html> → 「WebSiteIcons」だと、自分のアイコンが登録できるみたいですね。 Web2.0風デザインを打ち破る <http://pea-nuts.org/blog/design/page/4/> → 改めて、読んだらおもしろかったので再掲します。 chumbby <http://www.zyyx.jp/product/chumby.html> → これ、おもしろそうです。 ●おもしろ系 Custom Receipt Maker <http://www.customreceipt.com/> → 味があります。百式経由。 私はそれを”裏アドレス”と呼んでいます <http://blog.monkey-works.com/archives/2008/06/13093301.php> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナーレビュー：SwapSkills for Happy web weekend ────────────────────────────────── 6月14、15日にSwapSkills for Happy web weekendが開催されました。 私は日曜日の方だけ参加しました。すごくよかっったです。 http://www.actlink.co.jp/ja/ 『マイクロフォーマット』出版記念セミナーと「Swap Skills」に参加して思った事を取り急ぎ… <http://necoze.cc/?eid=521> SwapSkills for Happy web weekend <http://www.bookslope.jp/blog/2008/06/swapskills-microformats.html> セマンティック・マイクロブログ <http://www.kanzaki.com/works/2008/pub/0615hww.html> → SwapSkills for Happy web weekendでの神崎さんのプレゼン資料。 --- 11月に、Web Directions Eastというイベントを開催されるとのことです。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 雑誌紹介『DESIGN IT! magazine』 ────────────────────────────────── ソシオメディアが開催するDESIGN IT!が雑誌になりました。 『DESIGN IT! magazine』として、6月16日に創刊です。 <http://www.designit.jp/archives/magazine/index.html> UIとかに興味ある方には、かなりおもしろい内容だと思います。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：8月のサイバーガーデンbiz ────────────────────────────────── 下記の日程で、サイバーガーデンbizのセミナーが開催されます。 中村享介さんのJavaScript/Ajaxは、前回すぐにいっぱいになってしまい、 再度開催されるようです。 8月2日（土曜日） ハイレベルCSS実践講座 東京 <http://cybergarden.biz/lectures/ajax-200808.html> 8月3日（日曜日） JavaScript/Ajax実践講座 東京：（中村享介さん） <http://cybergarden.biz/lectures/highlevel-css-200808.html> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇6月28日 CSS Nite in FUKUSHIMA <http://cssnite.net6.or.jp/> キャンセル待ちに。 ◇7月10日 CSS Nite in Ginza, Vol.25 <http://cssnite.jp/ginza/vol25/> ◇7月12-13日 CSS Nite in OKINAWA 2008 <http://cssnite.dragon-ball.in/> ◇7月15日 CSS Nite in Osaka, Vol.10 <http://cssnite.jp/osaka/vol10/> ◇7月20日 Web on the Beach ┼────────────────────────── あとがき ─────────────────────────── 『マジック・アワー』観てきました。 サイコーにおもしろかったです！ TVドラマも、今週、軒並み最終回ですね。 今日はアラフォー。 ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano @ swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,525名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちら↓もよろしくお願いいたします。 ・『Dreamweaverプロフェッショナル・スタイル［CS3対応］』 <http://tinyurl.com/23pe3f> ・『できるクリエーターDreamweaver独習ナビ』 <http://tinyurl.com/ytfnbf> ・『Adobe Dreamweaver CS3 Essential Book』 <http://tinyurl.com/yorh7z> ・『1ランク上の技を身につけるFlashの強化書』 <http://tinyurl.com/33ez23> ・『Movable Typeプロフェッショナル・スタイル』 <http://tinyurl.com/24mpm4> セミナー情報や書籍情報などお持ちの方いらっしゃいましたら、 ご連絡くだされば幸いです。掲載料はいただいていません。 情報商材など、Web系と無関係な広告はお断りしています。 登録・解除・バックナンバーはこちらからです。 http://blog.mag2.com/m/log/0000169311/ Copyright(c） 2008 Swwwitch, Inc. Some rights reserved. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
