DreamweaverでWeb標準(XHTMLとCSSでサイト構築)  RSSを登録する

Web制作に携わる方に有益であると思われるサイト、書籍、Tipsなどをお届けしています。

最新号をメルマガでお届けします    
登録 解除

規約に同意して

登録した方には、まぐまぐの公式メルマガ(無料)をお届けします。
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.
 記事が正確であることの保証はありません。
 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。
 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。

最新号をメルマガでお届け
登録 解除

規約に同意して

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

最近の記事

上へ戻る