2009/03/25
【DreamweaverではじめるWeb標準】第159号
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第159号 発行日：2009年3月25日水 ほぼ週刊（目標） 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、 Dreamweaverを中心とした制作テクニック 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ クリッピング（3月18日-3月25日） ├ セミナー紹介：CSS Nite in Ginza, Vol.33（初心者向け） ├ イベント紹介：CSS Nite in AOMORI 2009 ├ イベント紹介：WCAN x CSS Nite 2009 SPRING ├ 書籍紹介：『明日の広告 変化した消費者とコミュニケーションする方法』 ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング（3月18日-3月25日） ────────────────────────────────── ●オススメ Webディレクター視点で考えるマークアップのチェックポイント ｜ HiGash.Net <http://higash.net/20090322/markup_checkup.html> → 内容もいいけど、コンテンツが横にスライドするのが斬新。 「流行ってるらしいよ」という話題が「流行ってる」 - F.Ko-Jiの「一秒後は未来」 <http://blog.fkoji.com/2009/03211219.html> → 確かに、Webを中心に情報収集していると、陥ってしまうかもしれないですよね。 ●アドビ系 Adobe Design Summit 2009 <http://www.camroc.co.jp/adobe/design_summit/index.html> → Illustratorなど、いわゆるDTP系がメインですが... 米Adobe、Flash制作者向けのSEO情報サイトを刷新 - SEO Technology Center for Flash :: SEM R <http://www.sem-r.com/09/20090318184510.html> → なんとかなるんでしょうかね。 Dreamweaverのライブラリのディレクトリ指定のリンクの不具合のせいで、docomoで301エラー - 我流天性 - がらくた屋 <http://blog.cgfm.jp/garyu/archives/1113> → だそうです。 三階ラボ | Illustrator CS4で10種類の壁紙を一度に作る <http://lab.3fl.jp/illustrator-cs4-artboard/> → AICS4の複数のアートボードを使ったワザ。 Rapid Fire #6: Sticky Notes at SixThings <http://www.brownbatterystudios.com/sixthings/2006/10/09/rapid-fire-6-sticky-notes/> → Fireworksで付箋を作るチュートリアル。 ●コーディング サイトマップをフッタに配置する際のポイントとその効果 | コリス <http://coliss.com/articles/build-websites/architectonics/usability/modern-sitemap-and-footer.html> → 数年前から定番になりつつありますね。 CSSだけで触れるとポップアップするフッターを作る（IE6対応） | CSS-EBLOG <http://css-eblog.com/css-only/only-css-popup-footer.html> → せっかくなので、スライドさせたいですね。 フォトショ画像が1クリックでCSS＋HTMLに！ <http://ascii.jp/elem/000/000/404/404439/?mail> → タイトルそのままのサービスを行っているサイトの解説。 技術系サイトに必需品！ ソースコードは鮮やかに <http://ascii.jp/elem/000/000/401/401907/index-2.html> → Syntax Highlighterの解説記事。 検索フォームをCSSでデザインするサンプル集 | CSS Lecture <http://www.css-lecture.com/log/css/052.html> → いいですね。 ●jQuery meca.js <http://webtech-walker.com/meca/> → 画像のロールオーバーやIE6の透過png対応などを実装するjQueryのプラグイン pngfix & rollover library sisso.jsを作成しました。 : tech.kayac.com - KAYAC engineers' blog <http://tech.kayac.com/archive/iepngfix-library-sisso-js.html> → こちらもKAYAC系。 8のjQueryのすごいTIPS[to-R] <http://blog.webcreativepark.net/2009/03/17-161250.html> → 「8 awesome JQuery tips and tricks」の解説記事。 ●ブラウザ（というかIE8） Internet Explorer 8 日本語 正式版 リリース！ - Windows Live <http://sbs.spaces.live.com/Blog/cns!DE1243E6D9BA6114!1406.entry> → プロダクトマネージャの五寳（ごほう）さんのブログ IE8 Has Arrived - The Web Standards Project <http://www.webstandards.org/2009/03/20/ie8-has-arrived/> → こちらはWaSP。 Internet Explorer 8 Essentials - Nettuts+ <http://net.tutsplus.com/articles/general/internet-explorer-8-essentials/> → タブにカラーリングできるの、かな？ IE 8がリリースされました | Web担当者Forum <http://web-tan.forum.impressrd.jp/e/2009/03/22/5235> → Web担の記事。 Microsoft Expression IE8 の新機能を実装する <http://www.microsoft.com/japan/products/expression/column/Column_Web.aspx?key=special> → こちらは私が書いています。 ●Web担当者Forum × CSS Nite「実践ワークショップ」 CSS Nite関連のイベントで恐縮ですが.... Web担当者Forum × CSS Nite「実践ワークショップ」参加レポート｜linker journal｜linker <http://linker.in/journal/2009/03/webforum-css-nite.php> Web担当者Forum × CSS Nite「実践ワークショップ」 <http://withoutsugar.jp/2009/03/webforum-css-nite.html> ●Movable Type関連 MovableTypeでカテゴリーを整理した一部始終 ::: creazy photograph <http://creazy.net/2009/03/movabletype_category_change.html> → 「タグクラウドなんて誰もクリックしないでしょ？」そうかも。 ●フォント関連 連載『嘘じゃない、フォントの話』(supported by モリサワ) 第1回：文字にも性格がある？ 日本語の「フォント」を知る -連載・コラム：CINRA.NET <http://www.cinra.net/column/morisawa/morisawa01.php> → わかりやすい。 20代デザイナーのレタリング│TYPE RHYTHM <http://www6.ocn.ne.jp/~td20/20let/20let_01.html> → コレは読みたいですね。ということで注文しました。 ●その他 ヒマナイヌ - いしまるあきこさんへの手紙 <http://www.himanainu.jp/~mt/public_html/2009/03/post_234.html> → 川井さんの視点にはいつもうなります。ここで言及されているPokenの使い方とか。 芽が出るコース｜Flash Flavor ブロッコ・デリ・アーキテクツ Flash ワークショップ <http://www.flashflavor.jp/mega.html> → 「芽が：Mega、技が：Giza」というネーミングがうまい。 人で、よかったね。三幸興業TVCM｜POOL自由形 <http://ameblo.jp/pool-inc/entry-10228504380.html> → ローカルのCMがヒットするの、って楽しいですね。 circumstance evidence - Blog Archive - Yahoo!ショッピングの購入遷移 <http://blog.n1n9.jp/opinion/yahoo-shopping.php> → ここで取り上げられている「Greasemonkey 用スクリプト - Deny Rakuten News」がいいですね。 グーグルのトップデザイナー辞任の弁：Google's Top Designer Leaving <http://longtailworld.blogspot.com/2009/03/googles-top-designer-leaving.html> → いろいろなところで取り上げられていますが... [TopHatenar] 部門別ランキング - css / design / webデザイン / webdesign <http://tophatenar.com/tag/css%2Cdesign%2Cweb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%2Cwebdesign> → 情報系サイトのランキング nlog(n): 「写真はイメージです」は「写真は参考例です」でいいのではないか <http://nlogn.ath.cx/archives/001115.html#more> → まったく同感。 CSS Analysis 最終回 - ofujimiki <http://www.ofujimiki.jp/2009/03/21/css-analysis/> → Web Designing誌の大藤幹さんの連載終了とのことです。お疲れ様でした。 WordPressをとりあえず試してみたいなら無料ASPのWordPress.comが良いよ、と - IDEA*IDEA <http://www.ideaxidea.com/archives/2009/03/how_about_wordpresscom.html> → こんなのあるんですね。 CGMを運営するときに意識する「リラスプ」というフレームワーク - livedoor ディレクター Blog(ブログ) <http://blog.livedoor.jp/ld_directors/archives/51180454.html> → なるほど。 GANREF <http://ganref.jp/> → 「デジタル一眼レフカメラユーザーの創作活動と機材選びの支援を目的とした」Webサイト。RSS吐こうよ。 チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌 <http://phpspot.org/blog/archives/2009/03/web_43.html> → おおっ！ ●UIとしておもしろいサイト 佐藤秀峰 on Web <http://satoshuho.com/index.html#blog> → 「ブラックジャックによろしく」の作者のサイト。 ●おもしろ系 Makeup Photo! - Automatic online photo retouching <http://makeup.pho.to/> → 写真をアップすると、若返らせてくれるというサービス。 スキャモ：パーソナルスキャナ｜RISO <http://www.riso.co.jp/catalog/scamo/index.html> → これ、おもしろそう。 My Name Was God - タイポグラフィの熱狂 | DIGITAL DJ <http://www.digitaldj.jp/2009/03/04_180047.html> → ムチャクチャ、カッコE。 2択アンケート:2択で遊ぶwebサイト -円グラフブログパーツ対応- <http://2taku.in/> → 前に紹介した気もします。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：CSS Nite in Ginza, Vol.33（初心者向け）※再掲 ────────────────────────────────── 珍しく、土曜日の午後に無料版のCSS Niteを開催。 学生、新入社員、これからWeb制作をはじめる方に向けてのスペシャル版です。 ・日時：4月4日(土)14:00-17:00 ・会場：アップルストア銀座 3Fシアター ・参加費：無料 ・出演：益子貴寛（サイバーガーデン）、鷹野雅弘（スイッチ） ・詳細：<http://cssnite.jp/ginza/vol33/> 直接、アップルストア銀座にお越しください。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント紹介：CSS Nite in AOMORI 2009 ────────────────────────────────── 3回目のCSS Nite青森版。 ・日時：4月25日（土）13時00分〜18時30分 ・会場：青森県立美術館シアター ・参加費：事前申し込み 3,000円 ・出演：轟 啓介（アドビ システムズ）、角掛 健志（INTERNET STRATEGY）ほか 詳細・お申し込み：<http://cssnite.studiomd.jp/seminar/2009.php> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント紹介：WCAN x CSS Nite 2009 SPRING ────────────────────────────────── 名古屋の老舗のセミナーイベントWCANの4月の回は CSS Niteとの合同イベントです。 ・日時：4月18日(土) 13:30〜19:30 ・会場：名古屋国際会議場 ・参加費：3,000円 ・出演：古庄正尚（モンキーワークス）、 益子貴寛（サイバーガーデン）、 小林信次（まぼろし）、鷹野雅弘（スイッチ） ・詳細：<http://www.wcan.jp/index.php?ID=221> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 書籍紹介：『明日の広告 変化した消費者とコミュニケーションする方法』 ────────────────────────────────── いわゆる「広告系」の話なんですが、 Webにかかわるすべてが読んでおいた方がよいと思う内容でした。 非常にオススメです。 （新書などの薄くて読みやすいし） Amazonで『明日の広告 変化した消費者とコミュニケーションする方法』を見る ↓ ↓ ↓ <http://tinyurl.com/ckw9hs> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇4月4日土：CSS Nite in Ginza, Vol.33 ◇4月11日土：CSS Nite in NIIGATA プレ版（新潟） ◇4月18日土：WCAN x CSS Nite 2009 SPRING（名古屋） ◇4月25日土：CSS Nite in AOMORI 2009（青森） ◇5月16日土：CSS Nite in KYOTO, Vol.1（京都） ┼────────────────────────── あとがき ─────────────────────────── 年度末です。 今日から小学校も春休みみたいなんですが、 あんまり遊んでられないんですよね... 近くの映画館で『イエスマン “YES”は人生のパスワード』を観ようと思ったら、 なんかもう終わっていてショック。 ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano[at]swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,472名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちら↓もよろしくお願いいたします。 ・『現場のプロから学ぶXHTML+CSS』 <http://tinyurl.com/55knox> ・『Dreamweaverプロフェッショナル・スタイル［CS3対応］』 <http://tinyurl.com/23pe3f> ・『できるクリエーターDreamweaver独習ナビ』 <http://tinyurl.com/ytfnbf> セミナー情報や書籍情報などお持ちの方いらっしゃいましたら、 ご連絡くだされば幸いです。掲載料はいただいていません。 情報商材など、Web系と無関係な掲載依頼はお断りしています。 登録・解除・バックナンバーはこちらからです。 http://blog.mag2.com/m/log/0000169311/ Copyright(c） 2005-2009 Swwwitch, Inc. Some rights reserved. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
