Home > ナビゲーション Archive

ナビゲーション Archive

クリックすると固定リンクをコピーしてくれるインターフェース

よくブログやサイトで見る「固定リンク」。コピーしてどこかに貼り付けるためにクリックすることも多いですよね(じゃない?)。

そこでgridplaneでは、クリックするだけでその固定リンクがコピーされるというインターフェースを実装したようです。

copied

↑ GIFアニメでわかりやすくつくってみた。

なかなか使いやすそうと思うのは僕だけですかね。「固定リンクをコピー」というリンクがあってもいいかも?!わかりずらいかなぁ。

» Data Visialization

さりげないレイアウト調整パネル

昨日と同じサイトから。右下にある「レイアウト調整パネル」がさりげなくていい感じです。最初は付箋のはしっこだけが見えていて、クリックするとメニューが現れます。

moji

↑ 最近GIFアニメばっかだなw。

文字の大きさとか一行の最大文字数が決められますよ。アクセシビリティ的に良いですね。このスクリプト、どこかで配布されているのかな・・・。

実際に動作している様子は以下からどうぞ。画面右下です。

» FirefoxまとめサイトのPukiwikiスキン “White flow” – Liner Note

コメント、ブックマーク、トラックバックを並列に見せる

このサイトのコメント類の見せ方、素敵ですね。ずらずらと並んでいるよりわかりやすいです。

comments

↑ GIFアニメでどうぞ。

これらは縦に並べるよりもこうして並列に横に並べたほうがいいかもですね。実際に動作している様子はこちらからどうぞ。

» FirefoxまとめサイトのPukiwikiスキン “White flow” – Liner Note

スクロールすると変化しながらついてくる画像

CSSでこんなこともできるのですねぇ。すごい。

css_trick

↑ アニメーションでどうぞ(クリックすると実際のデモ画面へ)。

応用すると次のような効果も実現できますね。これもおもしろい。

css_trick2

↑ シュレッダーちっくに(クリックで動作する画面へ)。

アイデア次第でいろいろ使えそうですね。

実際のマークアップの仕方は以下に詳しいですよ。

» Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy)

コメントしてくれた人の最新ブログ記事タイトルを表示

WordPressの「CommentLuv」なるプラグインを使えばコメントしてくれた人のブログの最新記事タイトルもあわせて表示してくれます。今まで知りませんでしたがこれはいいですね。見ている人もそのタイトルが気に入ればその人のブログに行くことができて、うまいぐあいにトラフィックを流し合えますね。

luv

↑ こんな感じ。普通にURLがあるより全然いいですな。

ちょっと重くなりそうな気がしないでもないですが、なかなかうまい仕組みだと思います。

» WordPress › CommentLuv « WordPress Plugins

検索結果のチラ見せで会員登録を促すインターフェース

ちょっともどかしいですが、quantcastのインタフェースがユニークです。このサイトではサイトの訪問者に関する分析結果を教えてくれるのですが、会員登録をしていないと、大事なところで次のような感じに。

biz.gif

↑ 微妙にめくれないw。

結果がちょっと透けて見えるのがなんとも。会員登録をさせたいときに参考にしたいインターフェース・・・かな?

» Quantcast

デフォルトパスワードを考えてくれるインターフェース

シンプルなメモツールのZettlsですが、登録するときにパスワードを自動生成してくれます。

大きなお世話かもしれませんが、「パスワード何にしようかなー」と悩まなくてもいいですし、強固なパスワードを使いたいという思っている人にはいいかも。

genpwd.gif

↑ こんな感じ。

» Personal Organizer

Dropboxの404ページがちょっとかわいい

Dropboxのメッセージページってどれもかわいいですね。404はこんな感じ。

box.gif

↑ こんがらがっちゃった感が良く出ていますねw。

こういう「隠れたところにこそ遊び心を」というコンセプトは素敵ですな。

» Dropbox – Home – Secure backup, sync and sharing made easy.

Twitterでフォローするだけで会員登録が終わるインターフェース

これは実にスマート。

Mr. TweetではTwitterでフォローするだけで会員登録が完了します。

mrtwit.gif

↑ ここをクリックしてTwitterでフォローすれば完了。

このサービス、Twitterで誰をフォローすべきかを教えてくれるものですが、ここで登録すればあとは解析結果をダイレクトメッセージを待つだけです。

Twitter関連でしか使えない手ですが、「フォローして登録完了、あとはメッセージで通知」というのはスマートですね。

» Mr. Tweet -> Your Personal Networking Assistant!

メンテナンス画面にスクリーンキャストでサイトの説明を

お手軽チャットサービス、Stintoのメンテナンス画面がちょっと親切です。「サイトが落ちててごめん、その間はこちらのスクリーンキャストをどうぞ」といった具合に、どんなサービスなのかを映像で見せてくれます。

down.gif

↑ こんな感じ。

せっかく見に行ったのに、サイトが落ちていたら逆にどんなサイトなのか気になりますよね。そう考えるとこうしたメンテナンス画面にこそ、サービスやサイトの説明があるべきなのでは、とちょっと思いました。

なお、stintoはシンプルでいいサービスですが、前に試したら日本語が通りませんでした・・・今回のメンテナンスで直ると良いのですが。

» Sorry

Home > ナビゲーション Archive

最新の記事
カテゴリー別
過去記事

Return to page top