フォトショップされた、って表現がなんかスゴくイイ、そんなフォトギャラリー。仕事でフォトショップ使う人にとっては「へぇ〜」と感心できる内容ですが、そうでもない人にとってはただ単に気持ちが悪いだけの写真だったりします。実際キモい系の合成が多いので、グロではないけどこういうの嫌いな人は見ない方がイイかも。たまに友達の写真とかでコラって遊んだりするけど、実際色合わせとか結構大変なんだよね。そういう意味じゃ陸上動物と水中の動物を合成して、水中でウマく色を合わせてんのとか、ホントに見事。イイ腕してるねー。
パブリックな場でCSSのいろんなテストや実験をしている方がいます。フロート、マージン、パディング等の様々なテーマに沿って、「こうしたらどうなる？」という感じで色々試してます。こうした実験をローカル環境でしてみたコーダーさんって結構多いんじゃないでしょうか。せっかくオンラインで公開されているので、その実験の結果を共有させてもらいましょう。異なるブラウザで見比べてみるのもイイかもしれません。
サイトを製作する上でわりと忘れがちなFavicon。個人的には過去の案件で「あ、Favicon作っておけば良かったな」とかいうのたくさんありますｗ まぁだいたいFaviconの件について仕様がハッキリしてる案件というのも少ないんだけど、けどまぁあった方がイイですよね。実際Faviconの付いたブックマークってそうでない物に対して全然見つけやすいしね。そういうワケでFaviconを作る際に参考になる50のアイコンがピックアップされてます。ウマい事ロゴマーク等を縮小したり、アンチエイリアスなしのピクセルアートにしてたりと手法は様々。特に仕様になくても、サクっと作ってあげるとお客さん喜ぶかもしれませんね。
Smashing Magazinewe – Inspire Yourself: 50 Remarkable Favicons >>
The road aheadさんトコを見ていたら、たまたま見つけたこのバッジ。イイ感じなので早速付けてみました付けてみました。
簡単に言えば自分トコのサイトが、GoogleのPageRank（ページランク）いくつなのかを表示できるというバッジ。作り方は簡単。まずはPageRank Onのサイト内にある入力フォームに自分のサイトのURLを入れて、Page Rankがいくつなのかを知りましょう。すると数種類のバッジが同時に出力されるので、その中から気に入ったものをクリックすればHTMLソースが吐き出されます。後は自サイトにコピペすれば完了。早速mBlogにもこのバッジ付けてみました。PageRank 4。たまに見かける5とか6ってサイト、どうやったらその数字になれるんでしょうね？ 精進しないとイケませんな。
サイトを運用する上で地味に必要となってくる.htaccessの知識。けどデザイン系の人って結構苦手な人多いんじゃないでしょうか。自分もわりと苦手なタイプなので、こうして項目に入力するだけで適切な記述を出力してくれるサイトは非常に助かります。設定できる内容は様々で、ベーシック認証、エラーページURLの指定、リダイレクト、アクセス制限等多くの項目を指定できます。.htaccessの記述は、何かを指定するごとにロードレスでページ下部のフォームに出力されるので、それをテキストファイルにコピペして“.htaccess.txt”という名前のテキストファイルを作って、サーバに挙げてから“.txt”部分を削除すれば動作します。普段こういうの書き慣れてない人にとっては心強いサイトですね。素晴らしい。
サイト内で何かをローディングする際によく使われる、プログレスバーやクルクル回るローディング用のアニメーションGifを生成してくれるサイト。過去にはローディング画面というと主にFlashコンテンツ内で使われてたんだけど、最近じゃAjaxを使ったサイトが一般的になって、昔懐かしいアニメーションGifが返り咲いてきてるよね。実際アニメGifって意外と重宝するんだけど、作るのが面倒と言えば面倒。小物に関してはこうしたジェネレーターサイトで出力してもらってもイイんじゃないか、とか思うのです。早速ブックマーク入りでございます。
飛び出る写真の作り方。1枚の写真を、まるで平面から飛び出してくるような絵にレタッチするチュートリアルを紹介しています。使うツールはPhotoshop。フレームとなる白い枠を描いて、変形させてマスクを切るという流れ。簡単にオモしろい絵が作れるのでイイですね。それにしても力作揃い。
Kaliber10000というサイトに投稿された、無数のピクセルパターンが公開されています。最後まで見てないから正確な数は分かんないけど、相当な数のウェブ用のループ背景が揃ってます。どれも無料で使えるけど、商用利用については不可。サムネールクリックで大きく表示されて、大きい画像をクリックするとループのモトが表示されます。x軸y軸repeatで使いましょう。一時期全然見なくなったタイル状の背景画像。けど最近ピクセルパターンを使うサイトがまた増えてきて、プライベートでも仕事でもループ背景の需要がちょうど増えてきたところ。アイデアをもらいたい時なんかに是非。
