DreamweaverでWeb標準(XHTMLとCSSでサイト構築) 

【DreamweaverではじめるWeb標準】第147号

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□　DreamweaverではじめるWeb標準　□□□
□□　〜XHTMLとCSSで構築するWebサイト〜　□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

　第147号
　発行日：2008年12月5日金
　ほぼ週刊（目標）
　発行：鷹野雅弘（株式会社スイッチ）

　---------------------------------------------------------------

　このメルマガでは、
　Dreamweaverを中心とした制作テクニック
　書籍、セミナー、有用サイトなどをご紹介しています。

┼──────────────────────────
　目次
──────────────────────────┼

　├ クリッピング（11月27日-12月4日）
　├ セミナー紹介：Adobe Creative Suite 4 最新機能紹介セミナー開催
　├ 書籍紹介：『現場のプロから学ぶXHTML+CSS』　※再掲
　├ イベントカレンダー

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　クリッピング（11月27日-12月4日）
──────────────────────────────────　
　●オススメ

　　インテル: 本当に自由な休日
　　<http://www.intel.co.jp/jp/consumer/campaign/promotion/index.htm#top_cm>
　　→　インターフェイスがぶっとんでいます。一見、それっぽいくないけどFlashサイト。
　　　　「（鳥のアイコン）の仮定の休日」をクリックしてみてください。
　　
　　A Short Story About “Back To Top” Links
　　<http://www.smashingmagazine.com/2008/11/27/short-story-about-top-links/>
　　→　「Back To Top」（ページの上部に戻る）特集。

　●アドビ系

　　Adobeが人員削減　Creative Suite 4が不調
　　<http://www.itmedia.co.jp/news/articles/0812/04/news039.html>
　　→　どうなんでしょう...
　　
　　自分だけのPhotoshopが作れる！超便利な新機能
　　<http://ascii.jp/elem/000/000/194/194587/?mail>
　　→　これ、もう使えるんでですね！
　　
　　ビデオ：映像中のオブジェクトを「つまんで操作」できるアドビの新技術
　　<http://japanese.engadget.com/2008/11/30/adobe-video-manipulation/>
　　→　デモのビデオ、必見です。
　　
　　Getting Started - Understanding the Flash Catalyst User Interface
　　<http://thermoteamblog.com/2008/09/27/getting-started-understanding-the-thermo-user-interface/>
　　→　Flash Catalyst（旧Thermo）のチュートリアル
　　
　　Adobe Fireworks CS4 チュートリアル
　　<http://www.adobe.com/jp/devnet/fireworks/articles/fwcs4_tutorial.html>
　　→　ちょっと図が少ないのと、完成PNGがダウンロードできませんが、紹介まで。
　　
　　Fireworksのクリスマスに使えそうなテクスチャ
　　<http://www.projectdd.jp/2008/11/fireworks-xmas.html>
　　→　ナイスです。
　　
　　アドビ システムズ、CREATIVE SUITE 4発表記念セミナー「Shortcut to Brilliant」レポート
　　<http://www.macotakara.jp/blog/index.php?ID=1878>
　　→　西村画伯の「タコ」は、東京版でもいい味だしてました〜

　　仕事がはかどるこの機能／知らないあなたはソンしてる
　　http://www.multi-bits.com/dat/adobe/column/index.html
　　→　私が執筆しています。

　●マークアップ関連

　　15 CSS Tricks That Must be Learned
　　<http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/>
　　→　あまり新しいことはないですが
　　
　　エラーでブルブル!! JavaScriptでおもしろフォーム
　　<http://ascii.jp/elem/000/000/193/193500/summary.html?rss>
　　→　こういうアプローチもありですね。
　　
　　Showdown
　　<http://attacklab.net/showdown/>
　　→　Markdown記法をプレビューできる
　　
　　Sexy LightBox
　　<http://www.coders.me/ejemplos/sexy-lightbox/>
　　→　やりすぎかも。でも楽しい。
　　
　　はじめてのjQuery
　　<http://higashizm.sakura.ne.jp/jquery_first/>
　　→　わかりやすいです。
　　
　　サイト制作のためのテンプレートをごっそり自動生成してくれる『Project deply*』
　　<http://www.ideaxidea.com/archives/2008/11/project_deply.html>
　　→　これは便利。

　●Firefox関連

　　後で読むようにURLをサイドバーに積んでおけるFirefox拡張『Bookstack』
　　<http://veadardiary.blog29.fc2.com/blog-entry-1923.html>
　　→　「クリックしたらそのリンクは消える」というのがいい感じです。
　　
　　CoLT
　　<https://addons.mozilla.jp/firefox/details/1812>
　　→　使ってみたらすごい便利。
　　
　●絵文字関連

　　Googleが「emoji4unicode」を公開 - 絵文字の国際標準化を支援
　　<http://journal.mycom.co.jp/news/2008/11/28/040/index.html>
　　→　非常に話題になりました。
　　
　　"emoji" (絵文字) の "emo" が "emotion" の "emo"だという誤解
　　<http://tinyurl.com/67rmxt>
　　→　英語の中にあるとまた新鮮ですね。
　　
　　ほかに
　　
　　Google、絵文字を標準化へ
　　<http://blog.sohaya.com/?p=3984>
　　News - 絵文字標準化 by Google
　　<http://blog.livedoor.jp/dankogai/archives/51145460.html>

　●Movable Type関連

　　Movable Type の管理画面にプラグイン無しでブックマークを追加するカスタマイズ
　　<http://www.tinybeans.net/blog/2008/12/04-125331.html>
　　→　こんな技が！
　　
　　Movable Type 4.2で同じカテゴリの関連記事を表示する。
　　<http://www.hitohen.com/nishi/2008/1015-2345.php>
　　→　MTSetVarBlockで、カテゴリを設定するという技

　●その他

　　「The Grid System」… これで完璧！グリッドシステムのポータルサイト
　　<http://blog.petitboys.com/archives/the-grid-system.html>
　　→　Illustratorなどのテンプレートもダウンロードできるそうです。
　　
　　「自分屋24」24時間自分レンタルサービスはじめました
　　<http://clip.hiniku.com/?eid=890184>
　　→　！
　　
　　NHKオンデマンド
　　<http://www.nhk.or.jp/nhk-ondemand/>
　　<https://www.nhk-ondemand.jp/share/faq/index.html>
　　→　まだ試していなんですが、受信料に込みにすればいいのに、と思います。
　　
　　Web制作者にとって夢のような支援ツールができるかもしれない
　　<http://blog.cgfm.jp/garyu/archives/738>
　　→　なんか期待できそうですね。
　　
　　RIAという言葉が意味するもの
　　<http://japan.cnet.com/special/media/story/0,2000056936,20384132,00.htm>
　　→　RIAの定義はどんどん揺らいでいるように思います。
　　
　　こびとさんキャプチャー
　　<http://capture.kobitosan.info/>
　　→　サムネールを自動生成してくれる、という優れもの。
　　
　　そういえば、このブログ携帯での閲覧を考慮してなかった（汗）
　　<http://nishiaki.probo.jp/2008/12/blog-post.html>
　　→　Google Mobile Proxyなんてのがあるんですね。
　　
　　リンク切れをチェックツール-deadlink.tv
　　<http://deadlink.tv/>
　　→　対象は特定のページのみ。サイト単位でできると最強です。
　　
　　OmniGraffleでWeb制作/開発の人が使えそうなステンシルを20+4個選んでみた
　　<http://blog.cgfm.jp/garyu/archives/696>
　　→　これだけ揃っていると、OmniGraffleいいな、と思いますね。
　　
　　a-blog1.8のiPhoneの対応状況
　　<http://kazumich.com/index.php?ID=4547>
　　→　同じURLで、iPhone用/PC用の対応が行えます。
　　
　　PowerPointのお節介をなくす10の方法
　　<http://www.itmedia.co.jp/bizid/articles/0704/20/news050.html>
　　→　みんな困っています...
　　
　　シンプルカレンダー
　　<http://www.simple-calendar.com/>
　　→　シンプルにカレンダーのみを表示するというサイト
　　
　　「NOW UPDATING…THA/中村勇吾のインタラクティブデザイン」展　まとめレポート
　　<http://withd.jp/web/event/020309/3569.html>
　　→　展覧会の様子のムービーも見れます。
　　
　　Protopage
　　<http://www.protopage.com/cssnite>
　　→　フォードをまとめられるサービス。単純にリンク集としてナレッジ共有に使ってもよろしいかと。
　　
　　ラルー
　　<http://la-loo.jp/>
　　→　非常に気持ちいいUI。
　　
　　「よく見られるのにコンバージョンに結びつかない」ページを改善する2つのポイント
　　<http://markezine.jp/article/detail/5590>
　　→　書き方が難しい感じですが、ヒントになるかもしれません。
　　
　　WCAN 2008 WINTER Lightning Talks
　　<http://s-style-arts.info/index.php?ID=481>
　　→　flickrとPicasaの使い分けなど。
　　
　　iPhone概論 > 概要と仕様
　　<http://arigato-ipod.com/iphone-background.html>
　　→　このようなスペックの一覧が必要になることがあるかもしれません。

　●おもしろ系

　　第五十六回全日本剣道選手権大会
　　<http://www.kendo.or.jp/champ/>
　　→　Flashサイトですが、横スクロールっぷりが尋常じゃないです。
　　
　　Yahoo! JAPAN - Internet Creative Award
　　<http://creative-award.yahoo.co.jp/prizewinner/g_grandprix.html>
　　→　「Blog Ground Music」すごいです。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　セミナー紹介：Adobe Creative Suite 4 最新機能紹介セミナー開催
──────────────────────────────────
　12月16-17日、TKP代々木ビジネスセンターにて
　主催Adobe CS4最新機能紹介セミナーが開催されます。
　
　詳細：<http://www.multi-bits.com/dat/adobe/seminar/>
　
　両日とも、私（鷹野）が出演します。
　ご都合がつけば、ぜひいらしてください。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　書籍紹介：『現場のプロから学ぶXHTML+CSS』　※再掲
──────────────────────────────────
　先日開催したCSS Niteビギナーズの連動書籍である
　『現場のプロから学ぶXHTML+CSS』が発売になりました。
　<http://cssnite.jp/beginners/book/index.html>

　早くも増刷が決定しました！

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　 イベント・カレンダー
──────────────────────────────────
　◇12月13日：Shift 2（2008-2009）
　　<http://cssnite.jp/shift/shift2009/>
　◇12月18日：CSS Nite in Ginza, Vol.29
　　<http://cssnite.jp/ginza/vol29/>
　◇1月10日土：CSS Nite ビギナーズ（仙台版）
　　<http://cssnite.bluebeck.jp/vol03/outline/>
　◇1月15日木：CSS Nite in Ginza, Vol.30
　　<http://cssnite.jp/ginza/vol30/>
　◇1月17日土：CSS Nite ビギナーズ（大阪版）
　　<http://cssnite.jp/beginners/osaka/index.html>
　
┼──────────────────────────
　　あとがき
───────────────────────────

　今年もあと1ヶ月を切りました。

　ものすごい勢いで仕事をやっているのですが、
　全然片付きません。


─［発行］─────────────────────────────────
　株式会社スイッチ　http://swwwitch.com/
　鷹野雅弘　takano @ swwwitch.com
　東京都足立区足立4-13-18 #307
──────────────────────────────────────

　現在、4,421名の方にご購読いただいています。ありがとうございます。
　お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。
　ご自由に転送ください。
　
　こちら↓もよろしくお願いいたします。
　
　・『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） 2008 Swwwitch, Inc. Some rights reserved.
　記事が正確であることの保証はありません。
　ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。
　書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。

• 前の記事
• 最新の記事
• 次の記事

規約に同意して

登録した方には、まぐまぐの公式メルマガ（無料）をお届けします。