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

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

NewImage

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

使ってみよう

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

ソフトアンテナブログ 1
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);

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次