2009/03/17
【DreamweaverではじめるWeb標準】第158号
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第158号 発行日：2009年3月17日火 ほぼ週刊（目標） 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、 Dreamweaverを中心とした制作テクニック 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ クリッピング（3月6日-3月17日） ├ セミナー紹介：新ハイレベルCSS実践講座 札幌（サイバーガーデンbiz）※再掲 ├ セミナー紹介：CSS Nite in Ginza, Vol.33（初心者向け） ├ 書籍紹介：『Webデザインプロフェッショナルワークフローバイブル』 ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング（3月6日-3月17日） ────────────────────────────────── ●オススメ いあればいいと（今だ）言われるホームページ - slog <http://www.dream-creation.biz/slog/2009/03/post_68.html> → 結構、深いコラム。 マイクロソフトが描く2019年の世界 :: SEM R <http://www.sem-r.com/6/20090305233307.html> → とりあえず、必見。 自分のキャリアを人に伝える方法 | クリエイティブ・タブロイド withD（ウィズ・ディー） <http://withd.jp/news/career/000701/3994.html> → 30秒での表現力。身につけたいですね。 ブロッコデリさんでは、朝のミーティングでそのような時間をもうけているそうです。 http://www.blocco-deli.co.jp/blog/2009/03/10/blocco20090310/ ●アドビ系 AdobeサポートデータベースとかのURLを新しいアドレスに変更するJavaScript - DTP+印刷営業メモ <http://d.hatena.ne.jp/jdash/20090310/adobe_support_database> → いや〜、URL変わって不便なんです... Adobe Photoshop CS4 - Back to Basic「フォトレタッチ講座」 <http://www.adobe.com/jp/joc/pscs4/retouch/retouch01_03.html#retouch01_03> → Photoshop CS4の「自然な彩度」が結構いけています。ネーミングは地味ですが... Inside Adobe Illustrator <http://blogs.adobe.com/infiniteresolution/> → Illustratorチームがブログを開始（米）。 DreamweaverはCSから独立してもいいと思う : could <http://www.yasuhisa.com/could/article/dreamweaver-and-cs/> → 一理ある。 ●コーディング 簡易ウェブレイアウトチェッカー［CSSレイアウト・テーブルレイアウトのチェックツール］ <http://www.wchecker.com/index.html> → ありそうでなかったサービス。 Image Rollover Borders That Do Not Change Layout <http://css-tricks.com/image-rollover-borders-that-do-not-change-layout/> → ロールオーバーする際にずれてしまう問題と解決方法 見出しの横に「更新日」とか並べて表示したい時の簡単なCSSの書き方 | バシャログ。 <http://c-brains.jp/blog/wsg/09/03/09-210351.php> → 必ずぶちあたる壁。ネガティブマージンを使った解決法。 IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル <http://journal.mycom.co.jp/news/2009/03/09/026/> → 日本はまだまだIE6のシェアは落ちなそうですね... Safari 4が対応したCSSの新機能：グラディエント、反転、マスク - builder by ZDNet Japan <http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20389157,00.htm?ref=rss> → ちょっとインパクトありますね〜 ●jQuery Ajaxで文字を打ち始めると大きくなるテキストエリア - Ajax活用情報紹介サイト Recently Ajax by H2O Space. <http://www.h2o-ajax.com/archives/341> → いいですね、これ。 自分のカラーが使いたいならjQuery UI 1.7 | エンタープライズ | マイコミジャーナル <http://journal.mycom.co.jp/news/2009/03/09/021/> → テーマ機能ThemeRoller！ たった2行でテーブルの表を見やすくするjavascript「Tablecloth」｜skuare.net <http://www.skuare.net/2007/11/2javascripttablecloth.html> → なかなかいいですよ。 ●Movable Type関連 Six Apart - Movable Type AccessControl プラグイン <http://www.sixapart.jp/movabletype/accesscontrol/> → 標準機能にして欲しい。 WordPress - Scissors - WordPress Plugins <http://wordpress.org/extend/plugins/scissors/> → 大きい画像にリンクするサムネールを作る際、自由にクロップできるプラグイン。 これのMovable Type版が欲しい。どこかにありますかね。 ResizeImage - MovableTypeプラグイン | 森下屋 <http://www.morisitaya.com/index.php?id=57> → 使えるかも。 Movable Typeプラグイン：一つの記事を任意の箇所で複数ページに分割できるプラグイン「SplitPage」で、 長い記事を見やすく分けませんか? : アークウェブ ビジネスブログ <http://www.ark-web.jp/blog/archives/2009/03/splitpage.html> → なるほど。 ●その他 hiniclip：ヒニクリップ | 企業の制作実例から選べる、Webクリエイターのための求人情報サイト「MOREWORKS」 <http://clip.hiniku.com/?eid=995235> → 確かにコロンブスの卵的です。 Google Analyticsの対抗馬？「Yahoo!アクセス解析」使用レポート - リアルアクセス解析 <http://d.hatena.ne.jp/ryuka01/20090316/p1> → Geocitiesの有料版である「ジオプラス」ユーザー向けとのことです。 CSS内部でブラウザ毎の値を切り替える、Conditional-CSS | gaspanik weblog <http://blog.gaspanik.com/conditional-css> → 「CSSの中にコンディショナルコメント的な書き方で適用させるブラウザ毎の値を入れておく」 「Google Voice」公開、留守電をテキスト化してアーカイブ <http://internet.watch.impress.co.jp/cda/news/2009/03/12/22767.html> → こんなサービスまで... Happy 20th birthday! World Wide Web | WWW WATCH <http://hyper-text.org/archives/2009/03/happy_20th_birthday_www.shtml> → WWWが20周年だそうです。 WebPRのオンラインマガジン「WebPRカレッジ」 - ProjectDD Blog <http://www.projectdd.jp/2009/03/webpr.html> → へ〜 ATOK Sync + MobileMe iDisk | WWW WATCH <http://hyper-text.org/archives/2009/03/atok_sync_mobileme_idisk.shtml> → 複数マシンを使っている方は、ぜひともATOK Syncを使うとよいと思います。 MobileMe iDiskでシンクできるとは知らなかった。 Periodic_Table_of_Typefaces_large.jpg <http://www.squidspot.com/Periodic_Table_of_Typefaces/Periodic_Table_of_Typefaces_large.jpg> → フォントを元素記号表に見立てて整理した表。圧巻。 マーケティング、PR、広告、ブランディングの違い: interactiveに行こう！！ <http://simojo.com/interactive/2007/07/pr.html> → かなり前の記事ですが... メディア・パブ: Twitterが強力なニュースメディアに（その2） <http://zen.seesaa.net/article/115410963.html> → 企業サイトの新着情報もtwitterで更新するようになるかも。 ADKインタラクティブ総研ブログ: AR広告元年の予感 <http://aii.adk-i.jp/2009/02/ar-2fc5.html> → AR（Augmented Reality、拡張現実 撮影ご遠慮ください、保護者から不満も 田辺中学卒業式（和歌山）（紀伊民報） - Yahoo!ニュース <http://headlines.yahoo.co.jp/hl?a=20090216-00000002-agara-l30> → どうなっちゃうんでしょうね... 文字化けしないZip圧縮ソフト「MacZip4Win」 | kotaログ from Magical Remix&Co. <http://blog.magical-remix.net/kotalog/archives/547> → MacからWindowsに持って行くときに、文字化けしない圧縮アプリ。 中高生版Twitter？ ケータイ「リアル」をのぞいて驚いた (1/2) - ITmedia News <http://www.itmedia.co.jp/news/articles/0903/06/news118.html> → ... Ogilvy on Recession <http://www.ogilvyonrecession.com/jp/> → PDFがダウンロードできます。UIがわかりにくいんですが、一度登録すると、ほかのPDFもOK。 Google、ウェブマスター向け 公式ヘルプ フォーラム開設 - 海外SEO情報ブログ・メルマガ <http://www.suzukikenichi.com/blog/google-japan-officially-lunches-webmaster-help-forum/> → 英語の「Webmaster Help Forum」に相当するものの日本語版が解説。 Safari 4 betaのTabs on Topで思ったこと | SCREAMO CREATIVE <http://www.screamo.jp/2009/03/08-16-46.php> → 長年のMacユーザーとしては、SafariのTabs on Topに戸惑います。 【SEO】開発者にとっても「rel="canonical"」についての知識が今後必須な件について:::STOPN' LISTEN::: <http://kennsu.jp/2009/03/canonical-url-tag-the-most-important-advancement-in-seo-practices-since-sitemaps.html> → とりあえず。 ●UIとしておもしろいサイト 株式会社サムライファクトリー ｜ メンバー <http://www.samurai-factory.jp/member.html> → lightboxのワイルド版。すごい！ （サムネールをクリックしてみてください） ●おもしろ系 Dajare Station（ダジャレ・ステーション）- 駄洒落（だじゃれ）総合サイト <http://dajare.jp/> → 一瞬、目を疑いました... QWERTY QUEST <http://qwertyquest.jp/> → docomoのプロモーションサイトのゲーム。難しい！ nobilog2: mooカードの次はPoken? <http://nobi.cocolog-nifty.com/nobilog2/2009/03/moopoken-31b4.html#more> → Poken、流行りますかね〜 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：新ハイレベルCSS実践講座 札幌（サイバーガーデンbiz）※再掲 ────────────────────────────────── ハイレベルなCSS制作メソッドを身につけるための、 1日間（6時間）のハンズオントレーニング。 やや高度なポジショニングをつかったサンプルページ制作、 最新のブラウザ実装やCSSテクニック、プリントCSSやモバイルCSS、 コーディングガイドラインのワークショップなどを扱います。 ・日時：3月20日金／祝 ・場所：札幌・e-Educations 札幌テスティングセンター ・出演：益子 貴寛（サイバーガーデン） ・詳細：<http://cybergarden.biz/lectures/highlevel-css-200903.html> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：CSS Nite in Ginza, Vol.33（初心者向け） ────────────────────────────────── 珍しく、土曜日の午後に無料版のCSS Niteを開催。 学生、新入社員、これからWeb制作をはじめる方に向けてのスペシャル版です。 ・日時：4月4日(土)14:00-17:00 ・会場：アップルストア銀座 3Fシアター ・参加費：無料 ・出演：益子貴寛（サイバーガーデン）、鷹野雅弘（スイッチ） 直接、アップルストア銀座にお越しください。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 書籍紹介：『Webデザインプロフェッショナルワークフローバイブル』 ────────────────────────────────── 『Transcending CSS: The Fine Art of Web Design』の翻訳版。 かなり読みやすく、また、いろいろなヒントが詰まっている本です。 とにかく紙面が美しいので、一度、中身をめくって見る価値アリ。 Amazonで『Webデザインプロフェッショナルワークフローバイブル』を見る ↓ ↓ ↓ http://tinyurl.com/blfrjl ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇3月19日木：CSS Nite in Ginza, Vol.32 今週木曜日（当日枠あります） ◇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（京都） ┼────────────────────────── あとがき ─────────────────────────── ある意味、3月って、師走より慌ただしい感じですね。 三寒四温で寒いときもありますが、 日が出ているときに春の日差しが大好きです。 とか言って浮かれていたら、急に花粉症にかかった娘に、にらまれました... ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano[at]swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,438名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちら↓もよろしくお願いいたします。 ・『現場のプロから学ぶ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. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
