あなたのCSSをチェック・最適化してくれるツール11選

11 Useful Tools To Check, Clean & Optimize Your CSS File | MakeUseOf.com （別窓）

ブラウザ上で確認できるものから、Firefoxのアドオンまで紹介されています。
自身のニーズにあったツールが見つかるかもしれません。

ユーザーにウケるインターフェースとは？

12 Useful Techniques For Good User Interface Design | How-To | Smashing Magazine （別窓）

Webアプリケーションにおけるユーザーインターフェース設計のテクニックが例を通して紹介されています。
具体的には以下の12項目。

• 1.Highlight important changes（重要な変更を強調する）
• 2.Enable keyboard shortcuts in your Web application（キーボードショートカットを有効にする）
• 3.Upgrade options from the account page（アカウントページにてアップグレートを勧めるUIを設置）
• 4.Advertise features of the application（そのアプリケーションにおける新機能の広告）
• 5.Use color-coded lists（色を利用したリスト）
• 6.Offer personalization options（パーソナライズオプションの提供）
• 7.Display help messages that attract the eye（目を引くヘルプメッセージの提供）
• 8.Design feedback messages carefully（フィードバックメッセージのデザインを慎重に設計）
• 9.Use tabbed navigation（タブナビゲーションの使用）
• 10.Darken background under modal windows（モーダルダイアログの表示中はその他の部分を暗くする）
• 11.Lightboxes and Slideshows（Lightboxやスライドショーの利用）
• 12.Short sign-up forms（簡単な申し込みフォーム）

翻訳おかしかったらすみません。

4にも絡んできますが、3の扱いが難しいですね。
ユーザーからすれば無料で利用出来るに越したことはないので、課金によってどのような効果が得られるのかをいかに理解させるかが重要みたいです。
5は項目を差別化するための手法のようです。
6はこの翻訳だと分かりづらいと思いますが、アメーバで言えばアメーバトップの着せ替え機能がこれにあたります。
11は複数の画像を1ページで複数表示するための手法ですね。

リンク先ではもっと詳細に説明がされているので、インターフェースに興味がある方はご覧になってみてはいかがでしょうか。

ページをめくるような効果をつけるjQueryプラグイン

The Sexy Curls jQuery Plugin by Elliott Kember （別窓）

「Sexy Curls」はページをめくるような効果をつけることが出来るjQueryプラグインです。
デモページではページをめくると、そのページのソースが見えるという小粋な使い方がされています。
その名の通りの使い方など、他にもいろいろな使い方が出来そうですね！

雑誌ライクなWebサイト25選

25 Outstanding Magazine Style Website Designs | Vandelay Design Blog （別窓）

雑誌風のWebサイトのまとめです。
雑誌のデザインを彷彿とさせるグリッドの整ったWebサイトが数多く紹介されています。
画像と文字のバランスがよく、スペースも丁寧に扱われているので要素が多くても見やすくなっています。

良質なリストを作るためには？

How To Design The Perfect List | Web Design Tuts （別窓）


良質なリストの作り方を、実際の例を見て学ぶことが出来ます。

リストの扱い方はシーンによって様々で、それは文字、色、スペース、イラスト、アイコンなどの要素によって構成されています。
ここで紹介されている例ではそれぞれの使い方、生きるシーンを見ることが出来ます。
Webデザインをする際の参考になると思うので、一度ご覧になってみてはいかがでしょうか。

気になる記事まとめ09.01.18

Webデザイン・開発

Web Design Resources I Use （別窓）
Webデザインのリソースまとめ。

CSS gallery CSS TEA - 12 Free Online Background Pattern Generators （別窓）
背景パターンのジェネレータまとめ。

Patterrific.com | Passion for Pattern （別窓）
背景パターンまとめ。パターン作成の資料に。

Web

Cam with me（カム ウィズ ミー）｜デジタルビデオカメラ Handycam “ハンディカム” | ソニー （別窓）
これはずるい。上手いなあ。
娘を持つ父親の気持ちが分かった気がします。

IT

スラッシュドット・ジャパン | Seagate社、自社製HDDの不具合を認める （別窓）
Seagate製品を使っている方はご注意を。

その他

VIPワイドガイド:この画像から漢字を１００個探せ （別窓）
暇つぶしにいかがでしょうか。
20個くらいしか見つけられませんでした

韓国でパチンコが禁止となったニュースを報道できない日本のマスコミ - なおすけの都市伝説と雑学 （別窓）

気になる記事まとめ09.01.17

Webデザイン・開発

|| Dummy Text Generator | Lorem ipsum for webdesigners || （別窓）
ダミーテキストジェネレータ。

Kwicks for jQuery （別窓）
なめらかなアニメーションを実装するjQueryプラグイン。

10 Delicious Free Fonts with commercial-use license （別窓）
商用フリーのフォント集。

Software

窓の杜 - 【REVIEW】操作性と高機能が両立したタスクマネージャー「Free Extended Task Manager」 （別窓）
高機能なタスクマネージャー。

その他

Magic Pen - BubbleBox.com Free Online Games - puzzle games （別窓）
ペンで絵を描いて解くFlashパズルゲーム。

サイボウズに貼ってあったポスター on Flickr - Photo Sharing! （別窓）
ゴゴゴゴゴゴ。

アカペラとバイオリンで「ゼルダの伝説」のテーマを再現したすごいムービー - GIGAZINE （別窓）
すごいんだけど笑ってしまう。

ニンテンドーDSiが3台限定で半額に！

【楽天市場】【GAME】ニンテンドーDSiホワイト：楽天ブックス （別窓 ）
【楽天市場】【GAME】ニンテンドーDSi ブラック：楽天ブックス （別窓 ）

期間限定でニンテンドーDSiが半額で販売されるようです。
両方第一回は終わってしまったようですが、第二回は本日と明日実施されるようです。
ホワイトは「2009年1月17日20時00分～2009年1月17日21時00分」、ブラックは「2009年1月18日20時00分～2009年1月18日21時00分」とのこと。

これは正直買える気がしない。
仮に買えたらうごメモでも始めようと思います。

気になる記事まとめ09.01.16

Webデザイン・開発

45+ New jQuery Techniques For Good User Experience | Developer's Toolbox | Smashing Magazine （別窓）
jQueryテクニックまとめ。

120 Free Icon Sets to Enhance User Interfaces | Back to Essentials （別窓）
フリーのアイコンセット。
既に2009年のXmas用のアイコンセットが…。

12 Useful Web Tools for Designers - Six Revisions （別窓）
Webデザイナーのための使えるWebツールまとめ。

Bookmark: 50+ stunning jQuery applications （別窓）
素晴らしいjQueryアプリケーションまとめ。

Tiled backgrounds designer （別窓）
背景パターンを簡単に作成。これは素晴らしい。

Web

Image Mosaic Generator （別窓）
ローカルの画像をアップロードすると、その画像を複数の画像を用いて再現してくれるジェネレータ。

Googleが複数サービスを終了。Googleノートブックも犠牲に。 | Google Mania - グーグルの便利な使い方 （別窓）
Videoはまだあったのかーという感じ。

グーグル、「iGoogle」にテーマ作成機能を追加へ:マーケティング - CNET Japan （別窓）
ｷﾀｰ。
制作したテーマは公開・共有が可能だそうです。アメーバも見習うべき。

IT

フランス生まれのウサギ型ロボ　ポッドキャスト再生やRSSフィード読み上げも - ITmedia News （別窓）
ｶﾜﾕｽ。

Mobile

振るとムチの音などがなるiPhoneアプリ「iFight」 : Gizmodo Japan（ギズモード・ジャパン）, ガジェット情報満載ブログ （別窓）
エアSM。

過去のないケータイ産業:クロサカタツヤの情報通信インサイト - CNET Japan （別窓）
読み物。モバイルに興味がある方は読んでみては。

その他

＜ヘタリア＞テレビアニメ放送中止へ　キッズステーション（毎日新聞） - Yahoo!ニュース （別窓）
モバイルアニメイトとアニメイトTVでは配信するそうな。
ヘタリアに関するVIPPERと中国人の反応↓
F速VIP(･ω･)y-～ 中国人から見た「韓国人のヘタリア抗議」を翻訳してやるよ （別窓）

無題のドキュメント ネコ画像で1000目指そうぜ （別窓）
最後は癒されるスレで。

気になる記事まとめ09.01.15

Webデザイン・開発

Web Design Trends For 2009 | Design Showcase | Smashing Magazine （別窓）
2009年のWebデザイントレンドだとか。
「活版印刷したような文字」、「リッチなUI」、「透過PNG」、「大きなサイズの文字」、「文字の画像置換」、「ModelBox（LightBox）」などがキーワード。

multiple(selector1, selector2, selectorN) :: jQuery API Browser v1.3 （別窓）
jQueryのAPIリファレンス。その場で編集・実行が可能。

12 Common Photoshop Mistakes, Misuses and Abuses | The Design Cubicle （別窓）
Photoshopでやってはいけないミス12選。

Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy) （別窓）
スクロールによって擬似アニメーションを見せるテクニック。

Web

クローリングしてる暇があるなら…論文かいたら? | EDGE Datasets(研究用データセット) （別窓）
livedoorさん何してんすかｗ
最近livedoorから目が離せません。

iTunesの曲はDRMフリーになったけど、ユーザーIDはちゃんと残っている件について （別窓）
足はつくみたいです。

IT

「動く合成写真」作れるデジカメ　カシオ - ITmedia News （別窓）
これはなかなかおもしろいのでは。作例は以下から。
EXILIM | Dynamic Photo Special Site | CASIO （別窓）

Mobile

FPN-QRコードいらずの新たなケータイ誘導ツール？ （別窓）
普及の点から考えてもやっぱりQRコードが強く感じる。
それにしてもホットペッパーのQRコードすごい。

松村太郎のiPhone生活：写真：第20回 iPhoneのカメラがミラクルを起こす──「ToyCamera」 - ITmedia +D モバイル （別窓）
iPhoneは面白いアプリが続々と登場していて魅力的。