dev.hinaloe.net

Googleのロゴとか一覧出力してみた

Google logo

先日よりGoogleのトップページがリニューアルされ各ページのレイアウトも変わり、そしてGoogleのロゴもフラット化されました!

ということで何を思ったか検索結果とかに使われてるGoogleのロゴパックを一覧出力(?)してみた話。

スクリーンショット

 

とりあえず部分的にはこんな感じ。

フラットロゴが少しだけあります…

ちなみになにもない□が並んでいるのはエラー(404)連番でもいくつも飛んでいる部分がある模様

 

今回はabout:blankに羅列。
ブラウザはChromeの場合で書いてますが、FireFoxでもいけるかも。
Webkit系およびBlink系ならまあ基本的にChromeと同じ。

Ctrl+Shift+JでJavasriptコンソールを起動

まずはjQueryをロード
document.body.appendChild( function(){ src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"; sc = document.createElement("script"); sc.type="text/javascript"; sc.src=src; sc.onload = function() { window.jQuery.noConflict(); }; return sc; }() );

そして画像をforで一気に読み込む

for(i=1 ;i<=166;i++){ url="https://www.google.co.jp/images/nav_logo"+i+"_hr.png" jQuery("body").append("<img src='"+url+"'>") }

これでまあ全部並ぶ筈。

エラー処理はしてないからするなら適当に。

よこに並べてギャラリーとかするなら適当にプラグインかなんか読み込んで((

とまあ糞コードのお話でした。

こちらもオススメ

便利なChrome Apps Developer ToolでChromeアプリ/extension開発を快適に
→ 続きを読む
Codeanywhereを使ってみた
→ 続きを読む
MondayInstaller v0.1 β版リリース
→ 続きを読む