2009/01/13
【DreamweaverではじめるWeb標準】第151号
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第151号 発行日：2009年1月13日火 ほぼ週刊（目標） 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、 Dreamweaverを中心とした制作テクニック 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ 新年おめでとうございます。 ├ クリッピング（12月27日-1月12日） ├ セミナー紹介：Adobe Creative Suite 4 最新機能紹介セミナー（大阪） ├ セミナー紹介：Adobe CS4 Web Premium セミナー "最高傑作へのショートカット" ├ セミナー紹介：Webサイト設計ワークショップ（サイバーガーデンbiz） ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 新年おめでとうございます。 ────────────────────────────────── 2009年最初の号です。 本年もよろしくお願いいたします。 2005年の10月にスタートして、3年を過ぎました。 メルマガのタイトルと内容にも相違が出てきてしまい、 タイトルや方向性を変更しようと構想しつつ、そのままになってしまっています。 とりあえず、リアルにお会いする方からは 「役だっていますよ」と言っていただいているので、 クリッピングを中心に、+アルファで発行していきたいと思います。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング（12月27日-1月12日） ────────────────────────────────── ●オススメ インタビュー2009（１）ウェブデザイナーの中村勇吾氏「旧世代サイトを見直したい」 <http://it.nikkei.co.jp/internet/news/index.aspx?n=MMITzx000026122008> → 各所で話題になっていましたので、いまさらですが... 一日の終わり、いい気分で家に帰るためのテクニック10選 <http://www.lifehacker.jp/2008/12/081231_10.html> → 年明けということで、仕事スタイルについて見直したいですね。 ●アドビ系 筆まめとか筆王とかいらなくなっちまう？ 日本郵便が無償で配ってる「年賀状デザインキット」 <http://piro.sakura.ne.jp/latest/blosxom/review/software/2009-01-06_nenga.htm> → 紹介されているAIRアプリ。かなり完成度高いです。 こちらです。 <http://www.yubin-nenga.jp/design_kit/index.html> CS4Masking_SM <http://av.adobe.com/russellbrown/CS4Masking_SM.mov> → Photoshop CS4で強化されたマスク機能についてのラッセルブラウンの解説。 【Fireworks】不可視レイヤーを削除してくれるコマンド <http://c-brains.jp/blog/wsg/09/01/06-180432.php> → これは使えそうです！ Dreamweaver「ファイル比較」を設定する（Mac編） <http://blog.livedoor.jp/unahide/archives/52039938.html> → ファイル比較そのものは、Dreamweaver 8からサポートしていたのでした。 Adobe、MAX 2008で無限空間画像を作成出来る技術「Infinite Images」を公開 <http://www.macotakara.jp/blog/index.php?ID=2223> → SilverlightのDeepZoomっぽい感じ？ Photoshopブラシで流行のグランジを取り込もう http://ascii.jp/elem/000/000/204/204109/?mail → グランジ（汚れ・かすれ系）のためのPhotoshopブラシ術。 こういったものを組み合わせるとよいかも。 Freebies : Grunge Textures Pack 1 <http://arbent.net/blog/freebies-grunge-textures-pack-1> Mondrianum 2 <http://www.lithoglyph.com/mondrianum> → Mac OSのカラーセレクタで、Kulerを使えるようにするユーティリティ。 70+ Adobe Fireworks Resources - Is there a future for Fireworks? <http://speckyboy.com/2008/12/29/70-adobe-fireworks-resources-is-there-a-future-for-fireworks/> → Fireworksの70のリソース。 ●Movable Type関連 Movable Typeの『グローバル・モディファイアリファレンス』(encode_htmlとかencode_js) <http://www.bulanco.net/blog/2009/01/movable-typeencode-htmlencode.html> → 要チェック。 ブログのマーケティング活用、過去5年間の変化と今後の進化とは？ <http://itpro.nikkeibp.co.jp/article/Interview/20081219/321813/> → ブログのマーケティング活用について。 Markdown文法の全訳 <http://blog.2310.net/archives/6> → 私もMovable Typeの入力にはMarkdownを使っています。 Kaku 1.3.4 リリース <http://ppmweb.lolipop.jp/kaku-1-3-4-release/> → 使ってみたけど、なかなかいい感じです。 「実験！Movable Typeラボラトリー」やります。 http://cremadesign.jp/blog/information/movable_type_3.html → おもしろそうですね。 --- 年末、Movable TypeからWordPressに移行される方が目立ちました。 IDEA*IDEA <固定リンクを変えずにスムーズにMovableTypeからWordPressに移行するまでの作業ログ> NETAFULL <http://netafull.net/wordpress/028777.html> akiyan.com <http://www.akiyan.com/blog/archives/2009/01/mt-to-wordpress.html> MTを使い続ける理由（その1） <http://www.h-fj.com/blog/archives/2009/01/08-115145.php> ●コーディング Push Your Web Design Into The Future With CSS3 <http://www.smashingmagazine.com/2009/01/08/push-your-web-design-into-the-future-with-css3/> → CSS3の解説。 5 Techniques to Acquaint You With CSS 3 <http://nettuts.com/tutorials/html-css-techniques/5-techniques-to-acquaint-you-with-css-3/> → こちらも併せて。 Slice and Dice that PSD <http://nettuts.com/videos/screencasts/slice-and-dice-that-psd/> → Photoshopからの切り出しとコーディングのビデオデモ。 「CSSの基本的な話。」の話。 <http://ykhr.jp/blog/2009/01/css_1.html> → すぱっと切れてます。 これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20 <http://phpspot.org/blog/archives/2009/01/csscss20.html> → 最後の「画像の上に半透明でキャプションを追加する」はいいかも。 <10 Easy Steps to Great Website Optimization> http://www.thewojogroup.com/2008/10/10-easy-steps-to-great-website-optimization/ → サイトのスピードを最適化する10の方法。英語ですが、ソースコードだけチェックしてもわかります。 Appendix <http://www.lucky-bag.com/appendix.html> → lucky bagさんの記事のTOC。 ADP: IE6/IE7のunderlineバグ <http://adp.daa.jp/archives/000783.html> → 「img要素を置いてvertical-alignを指定する場合や、 全称セレクタ（*）におまじないでvertical-alignをつけている場合は気にしたほうがいい。」 pxとemの相互変換をしてくれる『PXtoEM』 <http://www.100shiki.com/archives/2008/12/pxempxtoem.html> → 使えそうですね。 ADP: 印刷用CSSの書き方（基本編） <http://adp.daa.jp/archives/000690.html> → 古い記事ですが、改めて。 Absolute Columns <http://24ways.org/2008/absolute-columns> → 「position:absolute 」を使った2カラムについての解説。 2008年のWeb標準 <http://standards.mitsue.co.jp/archives/001373.html> → ミツエーリンクス「Web標準Blog」さんのまとめ記事。 ●2008年のまとめ系 新春恒例 2009年版「これなしでは生きていけない」ウェブ・サービス <http://jp.techcrunch.com/archives/200901042009-products-i-cant-live-without/> → とりあえずチェック。 The Best Tutorials and Freebies of 2008 <http://nettuts.com/articles/web-roundups/the-best-tutorials-and-freebies-of-2008/> → 有益なチュートリアル記事 2008年ウェブデザイン総まとめ <http://www.designwalker.com/2008/12/webdesign2008.html> → まとめのまとめ。 Webトレンド、ゆく年くる年 <http://withd.jp/web/trend/020203__web/3726.html> → ミキチョクシさんのまとめ記事。 2008年の24waysまとめ <http://www.re-creators.jp/blog/2008/12/31_169.html> → 24waysの超意訳。ネタ元がかなりおもしろい。 2008年のWebデザイントレンドおさらい <http://higash.net/20081230/08webtrend.html> → Shift 2での原さんのセッションを咀嚼したまとめ。 例となるサイトのキャプチャがしっかり用意されています。 ●jQuery関連 The 20 Most Practical and Creative Uses of jQuery <http://nettuts.com/articles/web-roundups/the-20-most-practical-and-creative-uses-of-jquery/> → jQueryが実用例20。 jQueryを良くする25のTIPS <http://blog.webcreativepark.net/2008/12/17-225630.html> → 私も最近「Google AJAX Libraries API」を使い始めました。 ●その他 Google tells users to drop IE6 <http://www.tgdaily.com/content/view/40785/140/> → Gmailを使うならIE6でなく、FirefoxかGoogle Chromeで、と。 Grid Designer 2 <http://grid.mindplay.dk/> Web Art in 256 Pixels <http://valleywag.gawker.com/5128948/web-art-in-256-pixels> → Googleのfaviconが変更されました。前回が6月なので、7ヶ月での刷新。 D2 05 <http://www.mdn.co.jp/webcre/d2/index.html> → テーマは「アクセスをアップさせるWeb制作現場の最新ノウハウ」。 2009年を早くも投げ遣る。 <http://hamkatsuya.blog104.fc2.com/blog-entry-157.html> こちらに続きます。 Web制作の需要はある。しかし、人が余るという不思議な状況 <http://d.hatena.ne.jp/tohokuaiki/20090107/1231337844> WEB制作 <http://d.hatena.ne.jp/nagaShima/20090107/p1> Webオーサリングソフト『Espresso』のパブリックベータ <http://www.bulanco.net/blog/2009/01/espresso.html> → CodaとためをはるWebオーサリングソフト Espresso 1.0b1 クイックレビュー <http://ppmweb.lolipop.jp/espresso-1-0-b1-quick-review/> こちらでもレビューされています。 Twenty Typefaces of 2008 <http://www.fontshop.com/features/newsletters/dec08a/> → FontShopによる2008年の20フォント。 ウェブサイトの第一印象を決める大切な21のポイント <http://coliss.com/articles/build-websites/architectonics/usability/first-impression-of-website.html> → 基本的なことですが、改めて。 DSC-G3 <http://www.sony.jp/products/Consumer/DSC/DSC-G3/index.html> → WiFi＆フルブラウザ搭載のデジカメ。今後、こうなっていくのでしょうか。 Photoback <http://www.photoback.jp/home.aspx> → まだ試していないのですが、これがよさげです。 Top 20 iPhone Apps for Bloggers, Designers & Freelancers <http://www.noupe.com/tools/top-20-iphone-apps-for-bloggers-designers-freelancers.html> → ブロガー、デザイナー、フリーのためのiPhone用の20のアプリ（Design Toolsのセクションをチェック） 携帯電話で映像見てますか？モバイル、iPhoneの動画事情 <http://white-screen.jp/2009/01/mobile_movie.php> → 動画配信プラットフォームとしてのiPhoneの可能性について。 確かにシャネルのコンテンツはかなりの気合い入っています。 ブックカバー工房 <http://www.yamaha-motor.co.jp/entertainment/bookjacket/factory/index.html> → よくできています。なぜヤマハ？ 冬休みに向けてのヒント <http://googlewebmastercentral-ja.blogspot.com/2008/12/blog-post_14.html> → 日本語版 Google ウェブマスターの日本語版がスタート。 IE 6悲喜こもごも <http://builder.japan.zdnet.com/news/story/0,3800079086,20385937,00.htm> → 矢野さんのIE擬人化はキテいました。 ●UIとしておもしろいサイト RSSフィード.cc <http://rssfeed.cc/> → こちらのフローチャートが新鮮でした。雑誌などでは慣れているUIですが、 Webサイトでは意外に使われていませんよね。 CEMENT PRODUCE DESIGN <http://lancamento.jugem.cc/?eid=2756> → これは必見！ Poladroid <http://www.poladroid.net/> → サイトではなく、アプリケーションなのですが、ヤラレタ〜という感じです。 NIKON CONNECT! <http://nikon-connect.com/> → 単純に楽しい。 ●おもしろ系 幕末古写真ジェネレーター <http://labs.wanokoto.jp/olds> → これはなかなか。 Yahoo!パートナー - 恋する血液型診断 <http://event.partner.yahoo.co.jp/love_bloodtype/> → Googleからの年賀状2009 <http://web.kamimoto.jp/2009/01/google2009.html> → ... 消えるピンクのドット-錯覚の不思議 <http://ohnishi.livedoor.biz/archives/50881361.html> → 息抜きに。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：Adobe Creative Suite 4 最新機能紹介セミナー（大阪） ────────────────────────────────── 1月16日、宝塚造形芸術大学 梅田キャンパスにて 主催Adobe CS4最新機能紹介セミナーが開催されます。 詳細：<http://www.multi-bits.com/dat/adobe/seminar/> 私（鷹野）も出演します。 お近くの方で、ご都合がつけば、ぜひご参加ください。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：Adobe CS4 Web Premium セミナー "最高傑作へのショートカット" ────────────────────────────────── Web Premiumにフォーカスしたアドビのアップグレードセミナーが、 東京、福岡、大阪で開催されます。 ・日時：2月20日、25日、27日 ・場所：東京、福岡、大阪 ・主催：アドビ システムズ ・参加費：無料 ・詳細：<https://www.event-web.net/cs4web/> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：Webサイト設計ワークショップ（サイバーガーデンbiz） ────────────────────────────────── 情報アーキテクチャやユーザーエクスペリエンスの第一人者、 ネットイヤーグループの坂本貴史氏を講師に迎えての講座。 ・日時：2月1日 ・場所：都内 ・出演：坂本 貴史（ネットイヤーグループ） ・詳細：<http://cybergarden.biz/lectures/website-planning-200902.html> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇1月15日木：CSS Nite in Ginza, Vol.30 <http://cssnite.jp/ginza/vol30/> 当日枠50-70席あり ◇1月17日土：CSS Nite ビギナーズ（大阪版） <http://cssnite.jp/beginners/osaka/index.html> ◇2月19日木：CSS Nite in Ginza, Vol.31 ◇3月7日土：CSS Nite in FUKUSHIMA, Vol.2（福島） ◇3月13-14日：CSS Nite in FUKUI, Vol.2（福井） ◇3月19日木：CSS Nite in Ginza, Vol.32 ◇4月25日土：CSS Nite in AOMORI 2009（青森） ┼────────────────────────── あとがき ─────────────────────────── 『夜中にラーメンを食べても太らない技術』を読みました。 賛否両論あると思いますが、実践できそう／してみたい気になります。 そこでも、↓でも、マーガリンのトランス脂肪酸がダメと書いてあるんですけど、 http://outlaws.air-nifty.com/news/2008/12/post-0857.html カリカリに焼いたイングリッシュマフィンにマーガリンつけて食べるのは やめられないな〜 ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano @ swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,462名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちら↓もよろしくお願いいたします。 ・『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> ・『現場のプロから学ぶXHTML+CSS』 <http://tinyurl.com/55knox> セミナー情報や書籍情報などお持ちの方いらっしゃいましたら、 ご連絡くだされば幸いです。掲載料はいただいていません。 情報商材など、Web系と無関係な掲載依頼はお断りしています。 登録・解除・バックナンバーはこちらからです。 http://blog.mag2.com/m/log/0000169311/ Copyright(c） 2009 Swwwitch, Inc. Some rights reserved. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
