2010/01/31
EL-J #187（旧「DreamweaverではじめるWeb標準」）
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ Web制作に関わる方のため EL-J（エル・ジェイ） 旧「DreamweaverではじめるWeb標準」 □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第187号 発行日：2010年1月31日 ほぼ週刊（目標） 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、Web制作に関わる方のために、 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ 改名します ├ クリッピング（2009年12月28日-2010年1月31日） ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 改名します ────────────────────────────────── 2005年10月に「DreamweaverではじめるWeb標準」として、 Dreamweaverでの制作支援を中心にスタートしたこのメルマガですが、 かなり前から、「クリッピング」が中心のものになってしまっていました。 年が変わるこのタイミングで、メルマガの名前を「EL-J」に変更します。 今後ともよろしくお願いいたします。 なお、バックナンバーはすべて公開していますので、 よろしければご利用ください。 http://archive.mag2.com/0000169311/index.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング（2009年12月28日-2010年1月31日） ────────────────────────────────── “”内は引用です。 ●オススメ Google DocsとGoogle Sitesが3月からIE6のサポートを停止 http://jp.techcrunch.com/archives/20100129google-twists-knife-in-ie6-pulls-support-from-docs-and-sites/ → 思い切った判断ですが、妥当ですよね。 Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました - Feel Like A Fallinstar http://www.fallinstar.org/2010/01/webtips.html → 表示速度改善がSEOにもつながるとも言われ、今年、熱くなりそうです。 アクセス解析を使ってサイトの課題を発見する12のステップ - リアルアクセス解析 http://d.hatena.ne.jp/ryuka01/20100111/p1 → 必見です。 ●2009-2010のデザイントレンドなど 2010年、押さえておきたいウェブデザインのトレンド | コリス http://coliss.com/articles/build-websites/operation/design/design-trends-predictions-in-2010.html → 「Design Trends (Predictions) in 2010」の意訳。 CSS Nite in Ginza, Vol.43フォローアップ&メッセージ | CSS Nite公式サイト http://cssnite.jp/archives/post_1753.html → こちらはCSS Niteでの矢野さん＋原さんのセッションのフォローアップ。 2010年になる前に、見ておきたい15のウェブサイトのデザイン | コリス http://coliss.com/articles/build-websites/operation/design/web-designs-of-the-year-2009.html [jp] 2009年の究極のウェブは「モバツイッター」。忘年会議2009で究極のウェブトップ10が発表に。 http://jp.techcrunch.com/archives/jp-20091214-the-best-web-of-2009-is-mobatwitter-in-bonenkaigi/ → 忘年会議2009での究極のウェブ。 The Most Relevant Identity Work of the Decade - Brand New http://www.underconsideration.com/brandnew/archives/the_most_relevant_identity_work_of_the_decade.php → こちらは10年を俯瞰したロゴの動向。 ●コーディング/jQuery/ブラウザ [CSS3] The New Hotness: Using CSS3 Visual Effects - CSS3を使ったビジュアルエフェクト - mBlog http://mantiddesign.com/archives/8014 → リンク先のデモ、いい感じです。 jQueryで横スライドのサイドメニューのサンプル http://garyu.at.codecheck.in/sample/slideMenu.html → 使えそう。 これからのWebのあり方について考えてみた。 - シャンディ・ガフを飲みながら http://shoonm.com/2010/01/web-1.html → 俯瞰するのに、とてもいい記事です。 Firebug 1.5.0、登場 | エンタープライズ | マイコミジャーナル http://journal.mycom.co.jp/news/2010/01/20/033/?rt=em&t=pl&n=0102 → Firefoxを使う上でのマストアイテムがアップデート。 [Ajax] 写真の加工前と加工後がわかりやすいjQueryプラグイン『jQuery Before/After Plugin』 | ブログ | ちゃんとWebなホームページ制作会社（東京） エイチツーオー・スペース[H2O Space.] http://h2o-space.com/blog/1277 → デモを要チェックです！ cssの情報・まとめ - かちびと.net http://kachibito.net/web-design/css-collection.html → ちょっとこれはすごい。 10 Best Tutorials To Learn CSS3 | AEXT.NET http://aext.net/2010/01/10-best-tutorials-to-learn-css3/ → CSS3をはじめるためのチュートリアル、ベスト10。 ダウンロード違法化、補償金問題…… ネットと著作権、2010年はどうなる（ITmedia News） - Yahoo!ニュース http://headlines.yahoo.co.jp/hl?a=20091228-00000004-zdn_n-sci 2010年を展望するためのネット業界10大ニュース:ニュース - CNET Japan http://japan.cnet.com/news/media/story/0,2000056023,20406044,00.htm NRI未来年表 2010-2050 http://www.nri.co.jp/publicity/2010/nenpyou.html → PDFでダウンロード。 新春特別企画：2010年のJavaScript：「これまで」と「これから」｜gihyo.jp … 技術評論社 http://gihyo.jp/dev/column/newyear/2010/javascript-prospect ●twitter系 Guy Kawasaki 氏が考える、Twitterをビジネスで使う場合の3つの鉄則 - Capote's Connected Communications - 続・広報の視点 http://capote.posterous.com/guy-kawasaki-twitter3 → “Guy Kawasaki 氏はアップルコンピュータの元エバンジェリスト” kabekami.net - Twitter 高機能 Web クライアントHootSuiteの使い方 http://hdphoto.blog102.fc2.com/blog-entry-420.html → よさげです。 独り言がダサくならないように--Amebaなう担当者に聞くTwitterとの差別化ポイント:インタビュー - CNET Japan http://japan.cnet.com/interview/story/0,2000055954,20405975,00.htm → 一方、「Amebaなう」に関してのインタビュー。 女子大生がゼロ円で日本全国を横断しながらtwitterで経緯を中継 | リアルタイムウェブ.jp http://realtimeweb.jp/archives/1213 → すごい行動力。 ●アドビ系 Adobe Photoshopで文字をはっきり、くっきりさせる方法 - (DxD)∞ http://dxd8.com/archives/90/ → “ClearType処理はぱっと見は綺麗なのですが、赤と青が混じっているため...” Adobe Edge: 2010年1月 モダンブラウザーでの表示チェックサービス「BrowserLab」 http://www.adobe.com/jp/newsletters/edge/january2010/articles/article1/index.html → “Internet Explorer、Firefox、Safari、Chromeといったモダンブラウザーで サイトを表示した際の見た目をチェックできるサービス” tshinobu.com - Fireworksでスライス名を一括置換するスクリプト(jsf) http://tshinobu.com/blog/archives/279 → これは重宝しそうです。 ●セミナー系 IT CIRCUS 2010 - スケジュール http://www.it-circus.com/?page_id=7 → 大阪を皮切りに、福岡、札幌、名古屋、仙台、東京で開催されるとのことです。 MdN-Designer meets Designers http://www.mdn.co.jp/webcre/d2s/index.html → こもりまさあきさん、境 祐司さんが出演。 ●アップル・iPhone関連 アップル - iPad - ウェブ、メール、写真を体験する最高の方法。 http://www.apple.com/jp/ipad/ → ついに出ました！ 「iPadのFlash非対応は遺憾」、Adobeが公式ブログで声明 - ニュース：ITpro http://itpro.nikkeibp.co.jp/article/NEWS/20100129/343915/ → iPadもFlashは非対応のようです... Adobe、FlashオーサリングソフトをiPadに対応させると発表 - ITmedia エンタープライズ http://www.itmedia.co.jp/enterprise/articles/1001/28/news031.html → しかし！ Adobe Flash Professional CS5 (Beta)を使用した日本初のiPhoneアプリ「Simple Metronome」がリリース - MACお宝鑑定団 blog（羅針盤） http://www.macotakara.jp/blog/index.php?ID=6532 → 一方、Flash CS5からのiPhoneアプリ書き出しは現実のものに。 iPodイヤホンの結び方をまとめた画像。 | 和洋風◎ http://wayohoo.com/ipod/news/ipod-earphone-knots-summary-photo.html → 芸術的です！（死語？） わかばマークのMacの備忘録 : Mail/ 余分なものを省いてメールアドレスのみコピーする http://wakabamac.blog95.fc2.com/blog-entry-910.html → Mac OS X 10.6（Snow Leopard）を使っている人は嬉しいかも（私は狂喜しました！）。 ●その他 ユーザーの進捗を明示する「プログレストラッカー」詳解 | コリス http://coliss.com/articles/build-websites/architectonics/usability/progress-trackers-in-web-design-html.html → ナイス記事。いろいろな場面で使いますよね。 「Google Docs Viewer」で、PDFなどブログへ埋め込み表示可能に -INTERNET Watch http://internet.watch.impress.co.jp/docs/news/20090925_317553.html → これが本命？ deliciosa - MdN Webレイアウトの「解法」発売！ http://www.monstera-design-code.jp/miyauchi/?p=385 → 矢野りんさんの新しい書籍が出たそうです。 ビービットが提供するプロのユーザビリティ改善プロセスを体験 - 勝手にユーザビリティ診断 | Web担当者Forum http://web-tan.forum.impressrd.jp/e/2010/01/28/7108 → 「各シナリオでのユーザーの流れ」とか参考にしたい。 Google、Googleリーダーに、RSSフィードが無いサイトからRSSフィードを自動作成する機能を追加 - MACお宝鑑定団 blog（羅針盤） http://www.macotakara.jp/blog/index.php?ID=6545 → すべてではないようですが、すごいですね。 Z会がCMS導入で12000ページ全面刷新 - リニューアルの裏側を大公開 | Web担当者Forum http://web-tan.forum.impressrd.jp/e/2010/01/25/7212 → ロフトワークの事例。 IMJモバイル、2009年に実施のモバイルユーザー市場調査結果を集約して発表 | Web担当者Forum http://web-tan.forum.impressrd.jp/n/2010/01/26/7251 → 無料でWebサイトからPDFをダウンロード可能。 WordPress管理マニュアルを公開します | ブログ | ちゃんとWebなホームページ制作会社（東京） エイチツーオー・スペース[H2O Space.] http://h2o-space.com/blog/1281 → 太っ腹ですね。 走っているシーンをブレさせずに撮るためのコツ | nanapi[ナナピ] http://r.nanapi.jp/1181/ → シャッタースピードの説明が明快！ W3Cは賞味期限切れ組織？ - ＠IT http://www.atmarkit.co.jp/news/analysis/201001/19/w3c.html → ... 【WEBサービス】統計データをカラフルなグラフにして共有できる『ビズー』 | Busidea http://busidea.net/archives/1138 → なんかすごそうですよ。 mixiがデザインをリニューアル。しかし、それよりも重要な変更点が見え隠れ | リアルタイムウェブ.jp http://realtimeweb.jp/archives/692 → 古い話題になってしまいましたが、リニューアルされました。 ●おもしろ系 2010年1月のGoogle Doodleコレクション - s-style-arts blog http://s-style-arts.info/index.php?ID=527 → 記念日などに変更されるGoogleのロゴを「Doodle」というのですね。 Mezamelタイプ診断 http://mezamel.jp/ YouTube - NINJA'S UNBOXING http://www.youtube.com/watch?v=f_ETSvTAo4A&feature=player_embedded → なんじゃこりゃ〜 【光村図書】学生の頃にやった教科書の落書き（イタズラ）ギャラリー【NEW HORIZON】 - NAVER まとめ http://matome.naver.jp/odai/2124997777315974552 → ！ hihumiyo.net http://hihumiyo.net/#birds → 小沢健二さんのサイトですが、UIがキテル。 FPM http://www.fpmnet.com/ 一方、こっちは、FPMのサイト。違う意味でキテいます。 McDonald's Ireland - Menu http://www.mcdonalds.ie/MMMMenu/Avatarize-Yourself.aspx → 紹介しようと思ったら、サービス終わっちゃった... DESIGN YOUR HEADPHONES | KOTORI http://kotori.fostex.jp/set/JnUuAw/preview → カスタマイズが楽しくて買ってしまいそう。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇2月6日土：CSS Nite in TOYAMA ◇2月17日木：Web担当者Forum × CSS Nite「実践ワークショップ」 第5回『ECで売上を上げるためのPPC広告の裏技』 ◇2月18日木：CSS Nite in Ginza, Vol.44（アクセシビリティ） ┼────────────────────────── あとがき ─────────────────────────── 年明けに珍しく風邪を引いたら、ダラダラ長引いてしまいました。 みなさんもお気をつけてください。 2010年もよろしくお願いいたします！ ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano[at]swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,562名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちらも↓よろしくお願いいたします。 ・『現場のプロから学ぶ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-2010 Swwwitch, Inc. Some rights reserved. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
