気になる記事まとめ09.01.13
WEBデザイン・制作
The 20 Most Practical and Creative Uses of jQuery - NETTUTS （別窓）実用的でクリエイティブなjQueryの使用方法20選。
Using White Space Effectively In Web Design | Web Design Tuts （別窓）
ホワイトスペースの効果的な使い方。
userfly （別窓）
これはすごい。
自分のサイトにおけるユーザーの動きを動画で確認出来るサービスみたい。
一月以上前からあるのにあまり話題に上がってないのは穴があるんでしょうか。あとで詳しく調べる。
10 Useful Web Application Interface Techniques | How-To | Smashing Magazine （別窓）
WEBアプリケーション開発で役立つインターフェースデザインのテクニック集。
WEB
ニコ動に「UGAチャンネル」 カラオケから“歌ってみた動画”を投稿 - ITmedia News （別窓）おもしろい試みだとは思うけど賛否両論ありそうですね。
痛いニュース(ﾉ∀`):【韓国】 「我が国を侮辱している！」…日本のアニメ『ヘタリア』放送反対運動がネチズンの間で加速 （別窓）
また韓国か！
知っている人は知っているヘタリア。アニメには韓国は登場しないようですが果たして。
「ITベンチャー社長に聞く！」： 「ユーザーの居心地の良い場所を作りたい」～ニワンゴ社長 杉本誠司氏（前編） （別窓）
ニコニコに関しては明日の後編っぽい。
気になる記事まとめ09.01.12
Bright! - A free stock vector iconset （別窓）
ロイヤリティフリーのベクターアイコンセット。
質が高く、種類も豊富です。
30 Excellent Resources for Graphic Design Freebies - Six Revisions （別窓）
グラフィックのリソース集。
10 Smart Javascript Techniques For Manipulating Content （別窓）
コンテンツを操作するJavaScriptのテクニック集。
Palm Preがすごい（初見&動画&レビュー&株&価格予想） : Gizmodo Japan（ギズモード・ジャパン）, ガジェット情報満載ブログ （別窓）
コピペもできるみたいです。
ポラロイドからプリンタ内蔵のPogoインスタントデジタルカメラ - Engadget Japanese （別窓）
xiaoが既にあるので日本で売れるかは怪しいところ。
【ハウツー】ゼロからはじめるWindows 7ベータ版 - ダウンロード編 | パソコン | マイコミジャーナル （別窓）
先日紹介したWindows7β版の導入方法など。
韓国のサイトがIEマンセーで酷い。 （別窓）
国によって大きく違うんですね。
韓国はfirefoxのシェアが1%程度だとか。
ロイヤリティフリーのベクターアイコンセット。
質が高く、種類も豊富です。
30 Excellent Resources for Graphic Design Freebies - Six Revisions （別窓）
グラフィックのリソース集。
10 Smart Javascript Techniques For Manipulating Content （別窓）
コンテンツを操作するJavaScriptのテクニック集。
Palm Preがすごい（初見&動画&レビュー&株&価格予想） : Gizmodo Japan（ギズモード・ジャパン）, ガジェット情報満載ブログ （別窓）
コピペもできるみたいです。
ポラロイドからプリンタ内蔵のPogoインスタントデジタルカメラ - Engadget Japanese （別窓）
xiaoが既にあるので日本で売れるかは怪しいところ。
【ハウツー】ゼロからはじめるWindows 7ベータ版 - ダウンロード編 | パソコン | マイコミジャーナル （別窓）
先日紹介したWindows7β版の導入方法など。
韓国のサイトがIEマンセーで酷い。 （別窓）
国によって大きく違うんですね。
韓国はfirefoxのシェアが1%程度だとか。
気になる記事まとめ09.01.11
mir.aculo.us （別窓）
テキストエリアにおいてフォーカスをあてると消えるヒントを実装するprototype.jsライブラリ。
Windows 7 β、ようやくダウンロード開始 - ITmedia News （別窓）
DLだけしてレビュー待ち。
asahi.com（朝日新聞社）：第４のキャラ狙うぞ 奈良信金「これで３５か３６体目」 - ビジネス （別窓）
ま た 奈 良 か 。
なかなかホッテントリ入りできないブロガーが読むべき27のコツまとめ （別窓）
いい記事を書く参考に。
pureSilicon、世界初の1TB 2.5インチ SSDを発表 - Engadget Japanese （別窓）
テキストエリアにおいてフォーカスをあてると消えるヒントを実装するprototype.jsライブラリ。
Windows 7 β、ようやくダウンロード開始 - ITmedia News （別窓）
DLだけしてレビュー待ち。
asahi.com（朝日新聞社）：第４のキャラ狙うぞ 奈良信金「これで３５か３６体目」 - ビジネス （別窓）
ま た 奈 良 か 。
なかなかホッテントリ入りできないブロガーが読むべき27のコツまとめ （別窓）
いい記事を書く参考に。
pureSilicon、世界初の1TB 2.5インチ SSDを発表 - Engadget Japanese （別窓）
pureSiliconいわく体積容量比は世界最高の15.4GB / cm^3、従来の3.5インチHDDのスペースで4台 4TBを実現可能。すげえええ。
気になる記事まとめ09.01.10
WEB開発・デザイン
15 Awesome Free Fonts | Abduzeedo - design inspiration & tutorials （別窓）素晴らしいフリーフォント15選。
How NOT To Design A Logo | Webdesigner Depot （別窓）
ロゴデザインでやってはいけないこと。
40 Brilliantly Photoshopped Print Ads - PSDTUTS （別窓）
Photoshopで作られたド派手な広告40選。
Web Design: Brown Sites | Abduzeedo - design inspiration & tutorials （別窓）
ブラウンベースのWEBデザイン集。
WEB
Search Strategies （別窓）Google検索のチートシート。
ブログ全盛期だからこそ逆を行く――HTMLサイトの始め方（初心者向け） - 山田井ユウキ - builder by ZDNet Japan （別窓）
これといって特に役立つことが書いてあるわけでもないけど！
HTML楽しいですよ！コード直書き楽しいですよ！
IT
CNN.co.jp：マイクロソフトＣＥＯ、次期ＯＳは「最高のウィンドウズ」と （別窓）ざわ…
CES 2009：デル Adamo 実機ギャラリー - Engadget Japanese （別窓）
なかなかスマートなデザイン。
Crayon Physics Deluxe （別窓）
線や図形を描いて解くパズル。楽しそう。
チラ裏
友人にもっと突っ込んだ記事書けよ！と言われたので時間が空いたらもうちょっと頑張ろうと思います
気になる記事まとめ09.01.09
WEB開発・デザイン
20 Websites with Beautiful Typography - Six Revisions （別窓）美しいタイポグラフィを用いたWEBサイト20選。
jQuery pageSlide - Halobrite （別窓）
リンククリックでページ外からコンテンツをスライドさせるjQueryプラグイン。
Google Maps: 100+ Best Tools and Mashups （別窓）
GoogleMapsとマッシュアップしたツール100選。
ウェブサイトの第一印象を決める大切な21のポイント | コリス （別窓）
WEB
「うごメモはてな」10万投稿突破 増加ペースは「はてな全サービスで最速」 - ITmedia News （別窓）どのように発展していくかが想像できないサービス。
Google検索ページにWikipedia記事を直接表示--Firefox用アドオン「Googlepedia」:マーケティング - CNET Japan （別窓）
便利なような邪魔なような。
IT
フルブラウザ内蔵「サイバーショット」 無線LANで通信、mixiに投稿も - ITmedia News （別窓）投稿先を自分で選択出来るという利点はあると思う。
けどPC介さず無線LAN使ってアップロードする状況があまり想像できない。旅行先とか？
Mobile
2009 International CES：Palm、新OS「Palm webOS」とマルチタッチスクリーンの新携帯「Palm Pre」を発表 - ITmedia News （別窓）Palm、新スマートフォン Palm Preを発表 - Engadget Japanese （別窓）
続報に期待。
携帯電話で名刺の作成や公開ができる「ミュートゥ」 - ITmedia +D モバイル （別窓）
新たなビジネスツールになるのを目的としてるとかしてないとか。
ネタ
昨年うっかり童貞を捨ててしまった:ハムスター速報 ２ろぐ （別窓）(´；ω；｀)ﾌﾞﾜｯ
らばQ:「説得力ありすぎ？」アマゾンのレビュー、その凄まじい文面に大反響 （別窓）
これは…
はちま起稿 - ソニーのポケットPC 「VAIO type P」の広告が格好良過ぎて真似する人が続出 （別窓）
3枚目で笑いを堪えられなくなった。
THE BROWSER WARS
browserwars.png （別窓）
ブラウザ戦争がイラストで分かりやすく描かれています。
現在生き残っているブラウザと、惜しくも廃れてしまったブラウザが一目瞭然ですね。
IE8とChromeが見当たりませんが。
各色の太さがシェアを示してるのかなと思ったのですが、下の記事を見るとそうでもないみたい。
2008年ブラウザシェア推移 - IE 8%減、Fx 4.5%増、Safari 2.3%増 | エンタープライズ | マイコミジャーナル （別窓）
ブラウザ戦争に関する詳細はWikipediaなどをご覧下さい。
詳しく書いてあるので勉強になります。
ウェブブラウザ - Wikipedia （別窓）
ブラウザ戦争 - Wikipedia （別窓）
ブラウザ戦争がイラストで分かりやすく描かれています。
現在生き残っているブラウザと、惜しくも廃れてしまったブラウザが一目瞭然ですね。
IE8とChromeが見当たりませんが。
各色の太さがシェアを示してるのかなと思ったのですが、下の記事を見るとそうでもないみたい。
2008年ブラウザシェア推移 - IE 8%減、Fx 4.5%増、Safari 2.3%増 | エンタープライズ | マイコミジャーナル （別窓）
ブラウザ戦争に関する詳細はWikipediaなどをご覧下さい。
詳しく書いてあるので勉強になります。
ウェブブラウザ - Wikipedia （別窓）
ブラウザ戦争 - Wikipedia （別窓）
WEBデザイン初心者必見！「Slice and Dice that PSD」
Slice and Dice that PSD - NETTUTS （別窓）
PSDをもとにHTMLとCSSをコーディングする工程を紹介する動画です。
Step1では画像のスライスからHTMLのコーディング、そして出来上がったHTMLをバリデータに通すまでが説明されています。
Step2ではStep1で制作したHTMLに対して適用するCSSのコーディングについて説明されています。
IETesterを用いたIE6への対応なども親切に説明されています。素晴らしい。
説明は英語ですが、英語が分からない方でも動画を見れば理解出来るかと思います。
出来上がったHTMLとCSSも公開されています。
どのような工程でWEBサイトを作るか分からない方には特におすすめです。
PSDをもとにHTMLとCSSをコーディングする工程を紹介する動画です。
Step1では画像のスライスからHTMLのコーディング、そして出来上がったHTMLをバリデータに通すまでが説明されています。
Step2ではStep1で制作したHTMLに対して適用するCSSのコーディングについて説明されています。
IETesterを用いたIE6への対応なども親切に説明されています。素晴らしい。
説明は英語ですが、英語が分からない方でも動画を見れば理解出来るかと思います。
出来上がったHTMLとCSSも公開されています。
どのような工程でWEBサイトを作るか分からない方には特におすすめです。
気になる記事まとめ09.01.08
WEB開発・デザイン
Textures In Modern Web Design | Design Showcase | Smashing Magazine （別窓）テクスチャを活用したモダンWEBデザイン。
[Beta] How do you design? （別窓）
デザインのモデルなんかが書かれてるpdfファイル。
zudolab JavaScript Library （別窓）
takazudoさんによるjQueryベースのよく使うかもしれないJavaScript置き場。
商用・非商用にかかわらずフリーだそうです。
Jquery Wizard Plugin » Worcester Web Site Development Blog （別窓）
簡単にウィザードが作成出来るjQueryプラグイン。
WEB
History of the Internet on Vimeo （別窓）インターネットの歴史をまとめたビデオ。
サイバーエージェント・インベストメント主催 - Start2009 （別窓）
サイバーエージェント・インベストメントやDeNAなどによるビジネスプランコンテストが開催されるそうな。
ライフハックシート：＃001 Gmailで最速メール処理！ - ITmedia Biz.ID （別窓）
印刷してGmailのお供に。
「Yahoo！に爆弾」と書き込んだ大学生、「これは確実にセーフだろwwww」 だが逮捕 - ITmedia News （別窓）
ｱｳﾄｰ！
IT
カカクコムユーザーの4人に1人がミニノートPCを購入、約8割が「満足」:マーケティング - CNET Japan （別窓）結構な割合ですよね。
40代の利用者が多いみたい。
ソニー初のAtomマシンが登場：これは理想の低価格ミニノートPCなのか!?――「VAIO type P」徹底検証（前編） (1/4) - ITmedia +D PC USER （別窓）
後発ならではの強さ。
10万かー。
Mobile
スマートフォン購入時、「デザインを重視」が61.8％ （別窓）え？え…？
その他
まさゆき研究所 QRコードを篆刻する （別窓）感動した。
ディズニーのアニメーター、iPhoneでお絵かきを試みる（動画あり） : Gizmodo Japan（ギズモード・ジャパン）, ガジェット情報満載ブログ （別窓）
プロは何使ってもプロですね。
DavidOnzeさんの動画も素晴らしい。
アメーバがフォトサービスを終了
フォトサービスのアップロードについて｜スタッフブログ （別窓）
1月20日（火）にフォトサービスへの画像のアップロードが終了するそうです。
アップロード済みの画像の閲覧・編集・削除はこれまで通り可能だそうですが、フォトサービス終了と言っても過言ではないように思います。
これまで、フォトには1ファイルにつき2MBまでアップロード出来ました。
対する画像フォルダは現在1ファイルにつき500KBまでとなっています。
先日告知のあったプレミアムサービスを利用すると、画像フォルダで1ファイルにつき利用できる容量が現在のフォト同様2MBになります。
最終的には画像フォルダとフォトをまとめてしまおうという流れなのでしょうか。
スライドショーやアルバムの扱いはどうなるんでしょうか。
これも画像フォルダの方に統合されるのかなー。
私的に一番気になるのは画像の幅です。
自分が知る限り、現在フォトにおいて画像の幅に制限はありません。
しかし現在、画像フォルダにおいては横幅800pxまでという制限があります。
となると、プレミアムサービスが開始し、フォトサービスへのアップロードが終了する1月20日以降、横幅800px以上の画像をアップロードしたいユーザーはどうすればいいのでしょうか。
全てのユーザーが横幅800px以上の画像をアップロード出来るようになるならばいいのですが、プレミアムサービス加入者しか出来ないのであればユーザーの反感を買うことが予測されます。
ていうか既に反感買ってるんですけど。
他のブログサービスをざっと見たところ、幅の制限をしているサービスは見当たりませんでした。
プレミアムサービス同様、こちらも今後の動きに注目せざるを得ません。
アメーバの明日はどっちだ。
1月20日（火）にフォトサービスへの画像のアップロードが終了するそうです。
アップロード済みの画像の閲覧・編集・削除はこれまで通り可能だそうですが、フォトサービス終了と言っても過言ではないように思います。
これまで、フォトには1ファイルにつき2MBまでアップロード出来ました。
対する画像フォルダは現在1ファイルにつき500KBまでとなっています。
先日告知のあったプレミアムサービスを利用すると、画像フォルダで1ファイルにつき利用できる容量が現在のフォト同様2MBになります。
最終的には画像フォルダとフォトをまとめてしまおうという流れなのでしょうか。
スライドショーやアルバムの扱いはどうなるんでしょうか。
これも画像フォルダの方に統合されるのかなー。
私的に一番気になるのは画像の幅です。
自分が知る限り、現在フォトにおいて画像の幅に制限はありません。
しかし現在、画像フォルダにおいては横幅800pxまでという制限があります。
となると、プレミアムサービスが開始し、フォトサービスへのアップロードが終了する1月20日以降、横幅800px以上の画像をアップロードしたいユーザーはどうすればいいのでしょうか。
全てのユーザーが横幅800px以上の画像をアップロード出来るようになるならばいいのですが、プレミアムサービス加入者しか出来ないのであればユーザーの反感を買うことが予測されます。
ていうか既に反感買ってるんですけど。
他のブログサービスをざっと見たところ、幅の制限をしているサービスは見当たりませんでした。
プレミアムサービス同様、こちらも今後の動きに注目せざるを得ません。
アメーバの明日はどっちだ。
XHTML/CSSで組まれたフリーのステキなWEBテンプレ38選
38 Free Elegant XHTML/CSS Website Templates | Graphics （別窓）
XHTMLとCSSで組まれたフリーのステキなテンプレートが38個紹介されています。
その中からいくつか紹介。
Book Store （別窓）
ヘッダの本棚が印象的なデザイン。
ECサイトをイメージして作られているようですが、ブログデザインでも十分通用しそうですね。
Free Website Design Template Preview - OpenDesigns.org （別窓）
ヘッダの右下に配置されたアイコンが小粋。
いかに活用するかが悩みどころです。
Coporate Profiles （別窓）
シンプルでクリーンなデザイン。
WEBデザインに興味がある方で好きなデザインがあれば、使わないにしてもソースを見ることで非常に勉強になると思います。
実現したいデザインの実装方法は様々です。
もしかしたら他人のコーディングを見ることで気付けることがあるかもしれません。
XHTMLとCSSで組まれたフリーのステキなテンプレートが38個紹介されています。
その中からいくつか紹介。
Book Store （別窓）
ヘッダの本棚が印象的なデザイン。
ECサイトをイメージして作られているようですが、ブログデザインでも十分通用しそうですね。
Free Website Design Template Preview - OpenDesigns.org （別窓）
ヘッダの右下に配置されたアイコンが小粋。
いかに活用するかが悩みどころです。
Coporate Profiles （別窓）
シンプルでクリーンなデザイン。
WEBデザインに興味がある方で好きなデザインがあれば、使わないにしてもソースを見ることで非常に勉強になると思います。
実現したいデザインの実装方法は様々です。
もしかしたら他人のコーディングを見ることで気付けることがあるかもしれません。