2008-08

これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。

jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。

↑ まずは基本。

↑ ちょっと複雑なこんな感じのも。

↑ 枠の色を変えてみたり。

↑ 名前タグみたいでいいかも。

なんといっても書き方がシンプルでいいですね。使いやすそうです。記法の詳細＆他のデモについてはこちらからどうぞ。

» JQuery Corner Gallery

■ 関連記事

• jQueryを使ってファイルツリーを表示できる『jQuery File Tree』 | IDEA*IDEA
• CSSとJQueryでマック風ドックメニューを実現 | SiMPLE*SiMPLE
• jQueryを使ったかっこいいテーマを手軽に作成できる『ThemeRoller』 | IDEA*IDEA
• これはかっこいいぞ・・・スライドショーに激しく使えるjQuery用プラグイン『jQuery Cycle Plugin』 | IDEA*IDEA
• jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』 | IDEA*IDEA

電卓やら通貨換算やらに便利なGoogleですが、あらたに辞書もついたようですね。好きな言語に自在に変換できる点が便利ですね。

使い方は簡単で、「translate (単語) to (言語名)」ですね。

↑ スペイン語とか。

↑ ドイツ語とか。

英和だけじゃなくて、他の言語にしてみたいときに便利かと。覚えておいて損はないですね。

» Google: Translate Single Words with Google’s Search Box

■ 関連記事

• Gmailの検索オプションまとめ | IDEA*IDEA
• 英語版のGoogleで使える便利な拡張検索キーワード65個 | POP*POP
• Googleの検索結果に「イントロをスキップ」機能が追加されたようです | IDEA*IDEA
• Googleの検索対象が「ページ最終更新日」で選べるようになったようです | POP*POP
• Googleの検索結果をフィルタリングできる「&as_qdr」オプションとは？ | IDEA*IDEA
• Googleでコードスニペットが検索できるようになったのですね | IDEA*IDEA

PUMA、こういう仕掛け早いっすね。あのボルト選手と競争できるオンラインゲームです。ゲームとしてはやや簡単ですが、あのレースの興奮がよみがえってきていい感じです。

↑ あなたは9.69を超えることができるか？！

↑ レースの説明とユニフォームの色などを選択。

↑ スペースキーでスタートを待ちます（日本語入力はOFFで）。

↑ レース開始！最後の方で追い上げてくれるように出来ているみたいですが。

↑ 結果発表！

オリンピックがもりあがっているときにこうした仕掛けを出してくるのはさすがといったところですね。よろしければ以下からどうぞ。

» PUMA.COM

Weekly Teinouさんにて教えてもらいました。

» Weekly Teinou 蜂 Woman: ARE YOU READY TO TAKE HIM ON?

おいしいうどんをもらったので前から作りたかったカレーうどんに挑戦。鶏肉とたまねぎをゆででルーを入れただけですが。ちょっと鶏肉をゆですぎたかな・・・今度は気をつけよう。

↑ はねないように気をつけながらいただきましたよ☆？

で、本当はもう一品つくったのですが、こちらがなんというか、とても悲しい感じになったのでアップするのを断念。失敗すると悲しいですなぁ。

オリンピックも終わってしまいましたが、はためく国旗はやっぱり気分が高揚しますよね（特に政治的ななんとかがあるわけではないですが）。

そこではためく旗のアニメーションGIFを作れるツールをご紹介。

↑ テキストか画像を入れ込むことができます。

↑ 完成したアニメーション。

こういう複雑なテクスチャは自分で作ると大変なので覚えておくと良いですね。よろしければどうぞ。

ちなみにFirefoxだとうまく動きませんでした。IEでお試しください。

» Flying Flag design – a Make Sweet Animation

■ 関連記事

• 世界のガッカリなデザインの国旗16選 | IDEA*IDEA
• スクロールバーに翻弄される人のアニメーションGIF | POP*POP
• ちょっとしたアニメーションで立体的に見えてくる写真いろいろ | IDEA*IDEA
• キラキラ☆アニメーションするテキストを作れる『TEXTANIM』 | 100SHIKI.COM

数千曲の歌詞を分析した結果、曲のジャンルごとにどの体のパーツがよく登場するのかがわかったようです。

↑ 大きな画像ほどよく登場しています。ヒップホップがわかりやすすぎるｗ。

こうして見ると、目や手の登場頻度がどのジャンルでも多いのがよくわかりますね。興味深い。

ちなみに曲のジャンル名をクリックするとさらに詳細なグラフが表示されますが、適切でない画像とかが含まれていたりしますのでご注意ください。

» Fleshmap: Listen: Music

■ 関連記事

• Diggの歌が人気急上昇中のようです | IDEA*IDEA
• スーパーマリオのテーマって歌詞があったのですね・・・ | POP*POP

これ、知りませんでした。普通の格子柄を回転させると部分部分が独立して回転しているように見えるのですね。

↑ こんな感じ。へー。

ちなみに正方形じゃないとだめらしいです。また色を変えてもだめらしいです（チェック柄みたいにするとダメらしい）。

もちょっと大きな画像で試したものや、回転を落としたものは元サイトで見る事ができますよ。よろしければどうぞ。

» David OReilly – BLOG – Animation, Ideas, Information etc

■ 関連記事

• おぉ？と思わず唸ってしまう錯視のデモ10個を2分間で見せてくれる映像 | IDEA*IDEA
• 白黒画像がなぜかカラーで見えてしまう、不思議なイリュージョンを作れる『Color Illusion Generator』 | IDEA*IDEA
• グリーンがピンクで、ピンクがグリーン（錯覚系） | IDEA*IDEA
• 呑みすぎを防げる？！グラスにまつわる人間の錯覚トリビア | POP*POP
• 錯覚三兄弟 | IDEA*IDEA
• ちょっとセクシーな錯覚が不思議すぎる件 | IDEA*IDEA
• あなたはわかる？「錯覚コンテスト2007」の最優秀作品とは？ | POP*POP
• あなたは見える？見えない？驚きの錯覚画像『マリリンシュタイン』 | POP*POP

だいぶ前の話ですが、CakePHP勉強会でスピーチされた方のスライドが小粋でした。最初のページで右下にゾウが歩いていて、ページが進むごとに左に進んでいき、最後のページでは一番左につきます。

↑ 最初。

↑ 途中。

↑ 最後。

これだと「このプレゼンいつ終わるのかなー」なんてストレスを与えずにすみますね。細かい工夫ですが、うまいな、と思いました。自分でもこういうのを編み出してみたいものです。

» CakePHP_Oracle.ppt :: handsOut.jp

■ 関連記事

• 独習CakePHP ～ 最初の7日間で何をすべきか？ ～ | IDEA*IDEA

Googleの電卓機能は便利でいいですが、「399999999999999-399999999999998」は計算できないようですねぇ・・・。ちょっと話題になっているのでそのうち直されるとは思いますが。

↑ なぜか0に。

↑ ちなみにYahoo!はOKですね。

Googleの電卓機能についてはこちらもどうぞ。

» 知っておくと便利なGoogle電卓の小技いろいろ | IDEA*IDEA

CSSとJavaScriptをうまいこと使って○×ゲームを実装しています。ちゃんと一人でプレイできるようにロジックが定義されているっぽいところが素晴らしいです。スクリプトを解析してみるのもいいですね。

↑ ちゃんとプレイできますよ。

実際に動いている様子は以下のサイトからどうぞ。それにしてもブラウザだけでいろいろできるようになりましたねぇ。なんだか感慨深い。

» Stu Nicholls | CSSplay | CSS tic tac toe game