あらゆるWebサイトをフラット化するブックマークレット

最近のフラットUIの勢いは凄いモノがありますが、ついにあらゆるWebサイトをフラット化するブックマークレットが公開されました(Flatten the Web With This Bookmarklet)。

使ってみよう

使い方は簡単でサイトのリンク「Drag This To Your Bookmarks Bar」をブックマークバーにドラッグし、フラット化したいサイトでクリックするだけ。例えばこのブログだとこのようになります。

CSSを少し変更するブックマークレットなので完全なフラット化は無理ですがそれっぽくなるサイトもあるかもしれません。

var d = document.createElement('div');
d.innerHTML = '\
    <style>\
        *:not(.icon):not(i), *:not(.icon):not(i):after, *:not(.icon):not(i):before {\
            box-shadow: none !important;\
            text-shadow: none !important;\
            background-image: none !important;\
        }\
        *:not(.icon):not(i) {\
            border-color: transparent !important;\
        }\
    </style>\
';
document.body.appendChild(d);

ソースはたったこれだけです。