2008/09/24
【DreamweaverではじめるWeb標準】第142号
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第142号 発行日：2008年9月24日水 ほぼ週刊（目標） 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、 Dreamweaverを中心とした制作テクニック 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ クリッピング（9月5日-9月23日） ├ セミナー紹介：パソナテックカンファランス2008 ├ セミナー紹介：「第1回 実践！SOHOセミナー」（札幌） ├ セミナー紹介：RIAコンソーシアム・ビジネスセミナーXI ├ セミナー紹介：Webユーザーテスト体験・ワークショップ ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング（9月5日-9月23日） ────────────────────────────────── ●オススメ The <hr>-Contest Results - Download your fresh <hr>-line now! <http://www.smashingmagazine.com/2008/09/09/the-hr-contest-results-download-your-fresh-hr-line-now/> → <hr>をデザインするというコンテストの結果。必見。 ●アドビ系 Adobe CS4発表（US） <http://www.adobe.com/products/creativesuite/> → 発売は10月中のようです。 CS4に関するデータシートなど（英語） <http://www.adobe.com/aboutadobe/pressroom/pressmaterials/#adobe-cs4> → 日本版の発表は年明けくらいでしょうか... [超いまさら]Dreamweaverテンプレートって便利だね <http://www.heion.net/web/tools/dreamweaver_template/> → Dreamweaverテンプレートの解説。 イラレラボ illustrator-labo <http://illustrator-labo.com/?p=128#extended> → クオリティ高いです。 progression <http://progression.jp/index.html> → Flashのフレームワーク「progression」がパワーアップ。ムチャクチャすごいですよ。 ●マークアップ関連 Enhance your input fields with simple CSS tricks <http://www.jankoatwarpspeed.com/post/2008/07/27/Enhance-your-input-fields-with-simple-CSS-tricks.aspx> → フォームを装飾するテクニック。 Create apple.com-like breadcrumb using simple CSS <http://www.jankoatwarpspeed.com/post/2008/08/14/Create-applecom-like-breadcrumb-using-simple-CSS.aspx> → こちらはアップル風のトピックパスを作るテクニック。 AnchorButtons Demo Page <http://mezzoblue.com/articles/supplements/2008/08/anchor-buttons/> → 後で試してみます。 CSS Sprites2 - It's JavaScript Time <http://www.alistapart.com/articles/sprites2/> → jQueryを使って、CSS Spritesをラクにおこなうという記事。 Google の検索は隠しテキストが嫌い <http://googlejapan.blogspot.com/2008/09/google_10.html> → Google Japan Blogの記事。 Apple.com/jpで何かお探しですか？ <http://images.apple.com/jp/jp_error.html> → 404がサイトマップになっていてもいいんですね。 ●IE8関連 IE 8 では独自実装や先行実装の CSS の書き方が変わるようです <http://www.yomotsu.net/wp/?p=455> → 「-ms-」という独自拡張の解説など。 IE8のEmulateIE8/EmulateIE7モード <http://blog.summerwind.jp/archives/1182/> → こちらはEmulateモードについて。 IE8でWebサイト運営者は4回うれしい <http://ascii.jp/elem/000/000/168/168168/> → 本当かな。 ●Google Chrome Google ChromeがMac版とLinux版を後回しにした理由 <http://blogs.itmedia.co.jp/speedfeed/2008/09/google-chromema.html> → 非常におもしろい考察です。かなり鋭いかも。 KNNエンパワーメントコラム Google Chromeの狙いは、ショートカット！／神田敏晶 <http://blog.dgcr.com/mt/dgcr/archives/20080908140300.html> → 私もようやくインストールしてみたんですが、Google Chromeの表示領域の広さってすごいですね。 Google Chromeで使える、ちょっと便利な小技いろいろ <http://www.ideaxidea.com/archives/2008/09/google_chrome_2.html> → 「textareaは可変」が便利です。 グーグルが「Chrome」を作った理由--高速ブラウジングがもたらす利益 <http://japan.cnet.com/special/story/0,2000056049,20379842,00.htm> → 「速度が金になる理由」など。 GoogleさんのChromeを使ってみたよ <http://blog.gaspanik.com/surfin-with-google-chrome> → カラーマネジメント機能は入っていないそうです。 ●セミナー Designer meets Designers 04 <http://www.mdn.co.jp/webcre/d2/index.html> → この回はおもしろそう。 builder tech day <http://builder.japan.zdnet.com/info/techday/> → 盛りだくさんの内容です。 RIAコンソーシアム・ビジネスセミナーXI <http://www.ria-jp.org/information/20080929.html> → 技術評論社「Web Site Expert」の連載のライブ版、楽しみです。 ●モックアップづくりなど Web Browser Elements <http://www.designerstoolbox.com/designresources/elements/> → OS/ブラウザごとにパーツが用意されています。 手軽にラフイメージを作る無料ソフト <http://exyz.cocolog-nifty.com/good_sleep/2008/09/post-a724.html> → Firefoxの拡張機能「Pencil Project」がおもしろうそうです。 Photoshopでモックアップを作るためのTips10選 <http://blog.creamu.com/mt/2008/09/photoshoptips10.html> → 「10 Tips For Creating Website Mockups In Photoshop」の要約記事です。 FEED ICONS <http://feedicons.com/> → 前にも紹介したのですが、最近探したら時間がかかったので。 「DEVELOPER KIT」には、Illustrator形式なども入っています。 ●その他 「ブランディング」のすれ違い <http://kokokubeta.livedoor.biz/archives/51465224.html> → “ネットメディアの人が言う「ブランディング」と、オールド広告人が考える「ブランディング」に、隔たりがある。” 80 Large Background Websites <http://www.webdesignerwall.com/trends/80-large-background-websites/> → 背景が大きい80のサイト。爽快です。 もう使えない！？SEO知識 2008 <http://www.alphaseo.jp/seo-column/080917_200745.html> → “中古ドメインの取得は、Yahoo!では有効でも、Googleでは無効です。”など。 「Web時代の受託」を考えよう。 <http://junnama.alfasado.net/online/2008/09/post_185.html> → じっくり考えてみたい話題です。 FastTrack Schedule <http://www.aanda.co.jp/products/FTS/index.html> → ロフトワーク林さんが紹介されていたスケジュール作成ツール。もう少しお手軽だと嬉しいですね。 日本の祝日・休日にも対応しているのでしょうか？ TM-R <http://august5.s58.xrea.com/TM-R/> → ロゴデータのシェアサイト。1個アップロードしたら10個ダウンロードしていい、というコンセプト。 iPhone Template Set for Movable Type <http://2xup.org/blog/2008/09/iphone_template_set_for_movable_type> → Goyaさんのテンプレート iTunes 8 使うなら Tune-up iTunes 8 <http://d.hatena.ne.jp/tanemori/20080911/TuneupiTunes> → これは使えます。「Lucida Grande」にしたら、非常に美しいし。 100 Nice and Beautiful Blog Design <http://www.hongkiat.com/blog/100-nice-and-beautiful-blog-design/> → ナイスなブログデザイン100選。 アルバイトのシフトをWeb上で管理する「シフター」が相当イケてる <http://blog.livedoor.jp/kensuu/archives/50675730.html> → 制作とは関係ないですが、話題として。 7 Stunning tutorials to design modern interfaces for websites <http://woork.blogspot.com/2008/09/7-stunning-tutorials-to-design-modern.html> → 今風のサイトデザインをするための7つのチュートリアル。 マイクロソフト、Page Up／Downの特許を取得 <http://www.gizmodo.jp/2008/09/page_updown.html> → “僕らはなんてクレイジーな世界に住んでいるのでしょうね。” に同意。 40 Cool Abstract and Background Photoshop Tutorials <http://www.hongkiat.com/blog/40-cool-abstract-and-background-photoshop-tutorials/> → こういうまとめ系多いのですが、やっぱりすごい。 MASHUP AWARDS 4 / MA4 <http://mashupaward.jp/api/all/> → 〆切りは過ぎてしましましたが、ご紹介まで。背景のアニメが気持ちいいいです。 拡張子が「docx」や「xlsx」のファイルを見る方法 <http://webdirector.livedoor.biz/archives/51725665.html> → こんな方法があるんですね。 ●おもしろ系 姫嬢占い <http://u-maker.com/302090.html> → 「あなたはお姫様？それともお嬢様？もしくは・・・？あなたはどれかしら♡」 破産チェッカー <http://hantei.jp/> → URLだけ見たら「ヘンタイ」かと思いました。 おしゃれタトゥー <http://nameall.cosotto.com/tattoo/> → コンセプト（の説明）がおもしろいです。 1-click Award <http://www.1-click.jp/> → 凝視できないです... 「Go」をクリックしてみてください。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：パソナテックカンファランス2008 ────────────────────────────────── ◇日時：2008年10月10日+11日 ◇会場：秋葉原UDXギャラリー、UDXシアター ◇参加費：無料 ◇詳細・お申し込み： <http://www.pasonatech.co.jp/10th/event/pt_conf2008/index.jsp#11> ・W3C Reloaded 〜Web標準はどこへいくのか？〜 ／菊池 崇 （Web Directions Eastプロジェクトメンバー、ActLink株式会社） ・WEBプロジェクトマネジメント PMBOKでワンランク上のWebディレクションを目指す ／林 千晶（ロフトワーク） ・Webに携わるみんなの未来を考える 〜サービス、ビジネス、キャリア・・・様々な視点で語りつくせ！〜 ／長谷川 恭久（could）、藤川 真一、鷹野雅弘（スイッチ） ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：「第1回 実践！SOHOセミナー」（札幌） ────────────────────────────────── 札幌でSOHOを実践している二人の講師が、 普段どのように業務をおこなっているのかを詳しく紹介するセミナー。 ◇日時：2008年9月27日（土）18:30〜21:00 ◇会場：札幌エルプラザ4階大研修室 ◇出演：李 優未、大藤 幹 ◇参加費：3,000円 ◇詳細：お申し込み：<http://www.regraphy.com/seminar/> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：RIAコンソーシアム・ビジネスセミナーXI ────────────────────────────────── 9月29日、アジュール竹芝にてRIAC主催による RIAコンソーシアム・ビジネスセミナーXI 〜キーパーソンが語るWebとRIA、そしてその未来〜 が開催されます。 技術評論社「Web Site Expert 」誌で好評連載中の阿部淳也さん（ワンパク）、 長谷川敦士さん（コンセント）、森田雄さん（ビジネス・アーキテクツ）のお三方による， Web業界をテーマにした座談会キーパーソンが見るWeb業界の対談ライブ版です。 詳細・お申し込みはこちらから。 <http://www.ria-jp.org/information/20080929.html> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：Webユーザーテスト体験・ワークショップ 〜あなた自身で、高齢者・視覚障害者モニターとした ユーザーテスト体験してみませんか？〜 ────────────────────────────────── 一般の高齢者、視覚障害者をモニターとした、 ユーザーテストを体験できるワークショップ。 ◇日時：2008年10月11日（土曜日）10時30分〜17時OO分 ◇会場：四谷ひろば3階 パソコンルーム ◇定員：16名 ◇主催：NPO法人ハーモニー・アイ ◇参加費：10,000円 ◇詳細、お申し込み <http://www.harmony-i.org/?cid=work_2_10> ※このメルマガをご覧になり、お申し込みいただい方は、 特別割引にてご対応いただけるようです。（10,000円→7,000円） お申し込の際に、お申し込み動機に 「Dreamweaverメルマガを見て申し込みました。」 と付け加えてください。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇10月3日木：CSS Nite in Shinjuku, Vol.3 <http://cssnite.jp/shinjuku/vol03/> ◇10月15日月：CSS Nite in Osaka, Vol.12 <http://cssnite.jp/osaka/vol12/> ◇11月1日：CSS Niteビギナーズ <http://cssnite.jp/beginners/tokyo/> ◇11月15日：CSS Nite in HIROSHIMA（広島版） <http://cssnite.webtouchmeeting.com/> ◇11月7-9日：Web Directions East <http://east08.webdirections.org/> ┼────────────────────────── あとがき ─────────────────────────── 9月の第一週は札幌に行ってきました。 翌日は小樽まで足を伸ばしたのですが、 オタモイ海岸というところで、海水浴してしまいました。 （海パンないので、パンツで...） ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano @ swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,391名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちら↓もよろしくお願いいたします。 ・『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. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
