いまみているウェブページを阿部寛のサイトっぽくするChrome拡張を作った - Qiita

日本を代表するすばらしい俳優であり, ブルータルウェブレイアウトの先駆者である阿部寛氏と彼のウェブサイト制作者への敬意をこめて. 成果物 左が通常のWikipedia、右がこの拡張機能でAbehiroshize（アベヒロシャイズ）したページ. Githubレポジトリ 技術仕様 DOM操作 基本的にjQueryでDOM操作しまくっているだけである. 左ナビゲーション判定 ナビゲーションの判定について、 $('nav') や $('#menu') などをもとに判定して左側に表示しようと思っていたが、意外と世の中のサイトはマークアップが適当なものが多く、うまくいかなかったので <ul>だったらナビゲーションにする という強硬手段に出た. ただし、<main>タグ内にあるそれは除く. $('ul').each(function() { if ($(this).closest('main').len

[starmiss]

なんちゅうもんを

[suzuki86]

便利

[mas-higa]

全てのサイトがAMP対応してくれれば Abehiroshize しなくて済むんだけどね

[teckl]

Abehiroshize（アベヒロシャイズ）ｗｗｗ

[primedesignworks]

「ブルータルウェブレイアウト」

[igrep]

楽しい

[otihateten3510]

デザインも選ぶ時代が来たな

[maruhoi1]

草

[Soraneko]

Abehiroshizeｗｗ

[akabekobeko]

「君の車をフェラーリみたいにしてあげる！」と言われて赤ペンキぶっかけられた的な

[nakayuki805]

ネタ抜きでシンプルなページに変換してくれるのは嬉しい(一部ブラウザにはリーダーモード的なのがあるか) サーバーサイドで変換してくれたら低速モバイル回線でも快適そう

[koogawa]

Abehiroshize（アベヒロシャイズ）していきたい

[uraway]

阿部寛タグで笑った

[marisatokinoko]

スタイル削除が豪快で素晴らしい

[show_motto]

最高ww

[ysk-ur]

「Abehiroshize」wwww

[KeithYokoma]

“Abehiroshize”

[suika3417]

早くする方法だと思ったら違ったｗ

[programmablekinoko]

入れてみたけど結構いろんなサイトがさっぱりと表示されるので実用性が高い

[tespple]

“アベヒロシャイズ”

[elzup]

“右がこの拡張機能でAbehiroshize（アベヒロシャイズ）したページ.” でクソ笑ってる

[winterfall]

“Abehiroshize（アベヒロシャイズ）”

[kitaj]

アベヒロシャイズw

[letsspeak]

アベヒロシャイズ

[rryu]

アベヒロシャイズw

[mori_morix]

アベヒロシャイズは草

[bnmountain]

アベヒロシャイズ

[akulog]

ｸｯｿﾜﾛﾀ