WEB TANOSHII!! -12ページ目

美しいUIを簡単に実装するライブラリ10選

10 Beautiful Web UI libraries別窓
WEB TANOSHII!!-10 Beautiful Web UI libraries
美しいユーザーインターフェースを実装するライブラリが10個紹介されています。
LivePipeあたりが内容も豊富で使いやすそうですね。
他にもiPhone用のフレームワークやOSのGUI風のライブラリなどが紹介されています。

英文をタグクラウド風にするジェネレータ「Wordle」

Wordle - Beautiful Word Clouds別窓
WEB TANOSHII!!-Wordle
文章、URL、deliciousのユーザー名などを入力すると、入力内容をもとにワードクラウドを作成してくれるジェネレータです。
フォントやカラーの設定、並び方の変更などが可能です。
残念ながらパフォーマンスや単語検出の問題から、現在日本語には対応していない模様。

とある海外の記事をもとに試してみました。かっこいい…!
Wordle - web design trends2009別窓

ナビゲーションに可愛いアニメーションをつけるテクニック

How to Make a Smooth Animated Menu with jQuery | Build Internet!別窓
WEB TANOSHII!!-Smooth Animated Menu with jQuery
ナビゲーションに一工夫されたアニメーションを付与することが出来るjQueryプラグインの紹介です。
実装方法は非常に詳しく紹介されているので、興味がある方はご覧になってみてはいかがでしょうか。
実際の動作は以下からご覧下さい。

Smooth Animated jQuery Menu別窓

フッターを下部に固定する「CSS Sticky Footer」

New CSS Sticky Footer - 2009別窓
WEB TANOSHII!!-CSS Sticky Footer
クロスブラウザ対応のシンプルなコードでフッターを下部に固定するテクニックです。
具体的なコードは以下からご覧下さい。

How to Use the Sticky Footer HTML & CSS Code別窓

pixivのメンテ画面が大変なことになってる件

[pixiv]別窓
WEB TANOSHII!!-pixivメンテナンス画面
大変なことになってるとしか言い表せないくらい大変なことになってます。
実際にどうなっているのかはご自身の目でお確かめください。
時間経過で変化していっているので、何度も笑ってしまいます。
メンテは本日の18:00までとなっておりますのでお早めに!

気になる記事まとめ09.01.23

Web

yappr別窓
動画を見て英語を勉強することが出来ます!これはすごい。
動画を再生すると、横に音声にあわせて英文と日本語が表示されます。

Webタイポグラフィまとめ - Archiva別窓
文字を扱う際の参考に。

YouTubeの購入リンク機能がオーバーレイに - ITmedia News別窓
動画広告は売上に結構貢献しているようです。

ユーザーが「見る広告」「見ない広告」--ユーザーの行動を決める要素とは?:マーケティング - CNET Japan別窓
いくつかのサイトを例にアイトラッキングを用いてユーザー行動に関する分析をしています。

IT

「ニコニコムービーメーカー」有料版 動画素材の編集に対応 - ITmedia News別窓
価格は通常版が1万1550円、ダウンロード版が7500円。170種類のサウンド素材を収録した発売記念キャンペーン版(9240円)も1000本限定で発売する。

GH-KANAMRシリーズ別窓
microSDをさしてMP3プレイヤーにもUSBメモリにも。
バッテリの持続時間は2時間だそうな。

Mobile

女子中高生の半数が1日1時間利用する、ケータイ「ホムペ」--ピーネスト調査:モバイルチャンネル - CNET Japan別窓
ホムペって久々に見た。

その他

「 2 」か「 9 」で割ってみる - ナイトシフト別窓
ライフハック。必見です。

民主・石井氏らに批判殺到 首相への「漢字テスト」 - MSN産経ニュース別窓
これはひどい。

@nifty:デイリーポータルZ:何でもブローチ化計画別窓
べつやくさんまいしてう。
超COOL!

階層を持つナビゲーションの制作テクニック

» 10 Brilliant Multi Level Navigation Menu Techniques別窓
WEB TANOSHII!!-Brilliant Multi Level Navigation Menu Techniques
階層を持つナビゲーションを制作するテクニックが10個紹介されています。
Vimeoやflickrで利用されているようなものから、上の画像のようなスタイリッシュなものまであります。
ナビゲーションの実装で悩んだら見てみてはいかがでしょうか。

ブラウザがどのようにCSSを解釈しているか分かる「CSS Selector Shell」

Selector Shell別窓
WEB TANOSHII!!-CSS Selector Shell
CSSコードを入力して「Test It」を押すと、そのコードがブラウザにどのように解釈されているかが分かります。
デバッグ用、ハック用に使えそうですね。

ユーザーがクリックした場所が分かるjQueryプラグイン

Tracking Clicks, Building a Clickmap with PHP and jQuery別窓
WEB TANOSHII!!-Clickmap
jQuery+PHP+DBで作るクリックマップです。
ユーザーがクリックした場所をトラッキングしてくれます。
デモを見たら絵とは全然関係ないところがクリックされまくって「lol」と書かれていて笑いました。

グラフィックデザイナーのためのリソース集25選

27 Indespensible Resources for Graphic Designers | Freelance Folder別窓
WEB TANOSHII!!-Indespensible Resources for Graphic Designers
グラフィックデザイナーのためのリソース集です。
Photoshop用ブラシ、Illustrator用ブラシ、テクスチャ、パターン、フォント、アイコン、ベクター画像のリソース集が合計25個紹介されています。
リンク先を全て合わせたらとんでもない量のリソースになりますね。
ブクマしておくといつか役に立つかもしれません。