Home > 布団調査 > Webデザイン > FBIのWebサイトが遊び心満載で最高にクール

FBIのWebサイトが遊び心満載で最高にクール

1545943_208495999348261_927369837_n
 
FBI(アメリカ合衆国司法省連邦捜査局(れんぽうそうさきょく、Federal Bureau of Investigation:FBI)のWebサイトを徹底解説するよ。FBIは超悪い人たちを捕まえる組織だよ。
fbi2014617
2014年6月17日付
Facebookよりはるかにかっこいい。まず、jQeryでスライダーを実装しているし、メタタグでmeta property=”og:title“とかをしっかり記述してFacebook対策までしている。
 
ゲームのコンテンツまである
ユーモアを忘れないサイト作り
http://www.fbi.gov/fun-games
ちょっとやってみたけどシュールすぎて挫折
よってこれはパス
 
公式動画も充実

Inside the FBI Reference Firearms Collection
youtube公式チャンネルより
やっぱりホンモノの銃は質感がリアルだね

もちろんTwtterやFacabookページもあるよ!

次はFBIクイズの時間だよ
あなたは何問答えられるかな
http://www.fbi.gov/news/stories/2005/june/quiz061505/
ひとつだけ引用

1: Which gangster reportedly said, “Don’t shoot, G-Men, don’t shoot!” as he surrendered to FBI agents, creating a nickname that became synonymous with our investigators and a fixture of the nation’s popular imagination?
a) John Dillinger
b) George “Machine Gun” Kelly
c) “Baby Face” Nelson
d) “Pretty Boy” Floyd

言語の選択で日本語でも表示できるけど、どう見ても機械翻訳なのでワケわかんないよ^^;
回答方法はボタンをクリックするとかそんなハイカラな機能は実装されていないなくて、画面をスクロールすることで答え合わせが可能だよ。
わかるわけないじゃんって言いたいところだけどアメリカ犯罪史に詳しい人ならわかるっぽいよ?
上の問いの答えは書かないほうがいいか・・・でもほとんど作り話だよって解説に書いてある。
 
極めつけは、これ
クールなウィジェット
http://www.fbi.gov/news/Widgets
あなたのブログにも設置可能なオシャレ系ウィジェットです。
ムービー付きのリッチコンテンツ

<iframe src="http://www2.fbi.gov/widgets/widget_video.htm" width="580" height="430" frameborder="0"></iframe>

コードをそのまま貼り付けてね
 
10 MOST WANTED

<iframe src="http://www2.fbi.gov/widgets/widget_topten.htm" width="660" height="410" frameborder="0"></iframe>

このコードを貼り付ければOK
赤色の使い方がクールだよ。日本の警察庁とかにはぜったい無理。
比較用の具体例
警察庁 http://www.npa.go.jp/
埼玉県警 http://www.police.pref.saitama.lg.jp/kenkei/index.html
青森県警 https://www.police.pref.aomori.jp/
 

小さいウィジェット

<iframe src="http://www2.fbi.gov/widgets/widget_wanted.htm" width="220" height="220" frameborder="0"></iframe>

220px×220pxはちょうどよい大きさでブログに設置しやすい
色違いもたくさんあるからお気に入りのウィジェットを見つけてね
 
その他
・Favicon有り
・古いIEハック済み
・安心のテーブルレイアウトを一部採用
・Feedも飛ばす
・リンク先にyoutubeのみならずiTunesも(しかもURLがアフィリエイトっぽい)

[Sponsored link]

 

コメントを残す

メールアドレスが公開されることはありません。