Archive for the ‘ 小粋なインターフェース ’ Category

ツイッターで140文字を超えるとその部分がハイライトされる件


へー、知らなかった。前から?

1 Twitter

↑ これ、便利ですね。

他のクライアントもそうして欲しいところ・・・。

» Little Big Details

チェスCAPCHA


まぁ、チェスのサイトだからいいのかもしれませんが、コメントフォームに「チェスCAPCHA」がついています。

Lichess New forum topic | Free Online Chess

↑ あと一手でチェックメイトなんでやっちゃってください。

なかなかしゃれていますねw。将棋のサイトとかに是非応用してもらいたい。

» lichess New forum topic | Free Online Chess

Chromeで「どのタブから音が鳴っているか?」がわかるようになるかも?!


この機能、地味に欲しい・・・。すでにCanary buildに組み込まれているっぽいので近々リリースされるかもですね。

↑ タブのアイコンで音が再生されているかわかるように。

FLASHサイトにも対応するとかなので期待ですね。

» Google Chrome may soon get audio indicators to show you noisy tabs, keep them open when memory runs out (Updated) – The Next Web

GithubのIssuesで[x]と書くとToDoになる件


これ、有名?初めて知りました。

TODOテスト  Issue  1  taguchi login ics hit u ac jp

↑ GithubのIssuesでこう書くと・・・。

TODOテスト  Issue  1  taguchi login ics hit u ac jp 1

↑ こうなる!

しかもチェックを外したりつけたりするとちゃんと保存されますよ・・・。

なお、[x]はリスト形式になっている必要があるようです。ちょっとしたToDoを書いておくのに便利かもですよね・・・。Github、細かいなー。

» Github

【追記】

Facebookページで教えて頂きました(感謝!)。今年の1月の拡張らしいです。

» Task Lists in GFM: Issues/Pulls, Comments

『Hack Design』のスクロールバーがしゃれている


こういう小技が好き。

Web Design is 95 Typography | Hack Design

↑ 普通のサイトですが・・・。

スクリーンショット 2013 02 13 14 30 39

↑ スクロールしていくと「読了まであと何分・・・」と出るようです。

ユーザビリティ的にどうなの?という議論はあるにせよ、おもしろい仕掛けですね。

» Web Design is 95% Typography | Hack Design

試用期限がすぎると出てくるメッセージがひどいw


これはひどいw。Chocolatなるアプリで試用期限がすぎると次のような表示が・・・。

NewImage

↑ 機能制限なんかはしないけど、すべてのフォントが「Comic Sans」になります。

これだと確かに払っちゃうかもですねw。

» Little Big Details

Vimeoがエンジニア/デザイナーを採用するためにとったユニークな手法とは?


ソースコードにメッセージを仕込むのはよくやりますが、最近はconsole.logが流行りなのか・・・。この発想はなかったすね。

Vimeo Staff Picks on Vimeo

↑ consoleを開くとメッセージが。しかもランダムに切り替わるという・・・。

たしかにエンジニアやデザイナーはconsole.logをチェックしたりもするかもですからね。効果の程はわかりませんが、ユニークな手法ではありますね。ドットインストールでもやろうかなー。

» Vimeo, Your Videos Belong Here via 4 Creative Ways to Recruit Web Developers

Mashableのメンテナンスページがしゃれてるw


Nyan Catの10時間バージョンを表示しておいて「これが終わる頃にはメンテナンスおわってるんでー」と来たもんだ。

Mashable  Down for maintenance

↑ なーるほど。

アメブロのメンテ(ryあsdzxcv

» Mashable – Down for maintenance

スマホ用フレームワーク『Ratchet』のサイトナビゲーションが実にスマート


このサイトのナビゲーション、すごく良く出来ていますね。いわゆる・・・なんだ、パララックス?なのかな。

Ratchet

↑ 一見、普通ですが、スクロールしていくと・・・。

Ratchet 1

↑ 左にコード、右にデモが現れます。

Ratchet 2

↑ さらにスクロールしていくと次々に作成可能なコンポーネントがコード&デモのセットで紹介されていきます。

直感的に「このコードでこういうのがデキるんだー」ってのがわかっていいですね。是非体感してみてくださいな。

» Ratchet

スタイリッシュなミュージックサイト『MUSIKKI』がいい感じ


スタイリッシュかつシンプルで結構いいな、と思うのですがいかがでしょ。

Musikki Find and Listen to New Music

↑ アーティスト名の検索は左上から、というのも斬新。

Bruno Mars on Musikki

↑ 例えばBruno Mars。画面上部にはプレイリストが並び・・・。

Bruno Mars on Musikki 1

↑ 下部には関連情報がざっとまとまっています。さらに下にいくとツイッター情報や写真なんかも出てきますね。

Bruno Mars on Musikki 2

↑ あとすごい細かいけどここも好き。

音楽は次々にかけてくれるっぽいので、作業用BGMサイトとしてもおすすめです。

» Musikki, Find and Listen to New Music