ふろしき Blog

コンテンツサービスを科学する株式会社ブートストラップ代表のブログ

1300の優良サイトが選んだ「CSSのポリフィル・シム」ライブラリ集

1300の優良サイトが選んだシリース、第5回は「CSSのポリフィル・シム」です。

レガシーIEは、CSSに不具合や新標準への未対応という問題があります。日々追加されるCSS3プロパティや新しいセレクタへの対応を必要とする場合、「ポリフィル」または「シム」と呼ばれる機構を持つライブラリにて対応します。

今回、1300のサイトを調査し、利用頻度の高いCSSポリフィル・シムライブラリについて調査しました。

この領域でベストプラクティスと呼べるものはありませんが、網羅的な調査の結果得られた本サイトのライブラリ一覧は、制作の中で生じた課題に対する解決策の殆どカバーしているはずです。また、利用実績も可視化しているため、実用性判断の材料として活用してみてはいかがでしょうか。

IE7-js (35件 - シェア:2.69%)

f:id:furoshiki0223:20131020091304p:plain

公式サイトはIE7-jsという名前ですが、現在はIE7、IE8、IE9と3つのラインナップがあるようです。擬似クラス、属性セレクタ、透過PNG、position:fixed、margin:0 auto、max-height/width、min-height/width、その他IE5/6のバグ修正に対応します。

jQuery exFixed (37件 - シェア:2.84%)

f:id:furoshiki0223:20131020091314p:plain

レガシーIEで、CSS2標準のposition:fixedを動作できるようにするjQueryプラグインです。

css3-mediaqueries.js (19件 - シェア:1.46%)

f:id:furoshiki0223:20131020091324p:plain

レガシーIEで、CSS3標準のMediaQueriesを動作できるようにするライブラリです。

fixed.js (16件 - シェア:1.23%)

f:id:furoshiki0223:20131020091334p:plain

レガシーIEで、CSS2標準のposition:fixedを動作できるようにするライブラリです。

selectivizr (13件 - シェア:1.00%)

f:id:furoshiki0223:20131020091344p:plain

レガシーIEで、Web標準のSelectors Level 3を動作できるようにするライブラリです。かつては「ie-css3.js」という名称でした。

  • 公式サイト:http://selectivizr.com/
  • ライセンス:MIT License
  • 開発:KeithClark project.
  • 内訳:selectivizr(8件)、ie-css3.js(5件)

respond.js (13件 - シェア:1.00%)

f:id:furoshiki0223:20131020091359p:plain

レガシーIEで、max-height/width、min-height/width、MediaQueriesといった、レスポンシブWebデザインに必要なCSS機能を動作できるようにするライブラリです。

jQuery corner (9件 - シェア:0.69%)

f:id:furoshiki0223:20131020091409p:plain

レガシーIEで、border-radiusを実現するjQueryプラグインです。

minmax.js (8件 - シェア:0.61%)

f:id:furoshiki0223:20131020091419p:plain

レガシーIEで、max-height/width、min-height/widthが動作できるようにするライブラリです。

最後に

統合的に多くのCSSをポリフィルしてくれるもの、最小のポリフィルをしてくれるもの、jQueryを使ったシム、様々な提供方法がありますが、共通してW3CのCSS3を参考にしています。主として、レスポンシブWebデザインやリキッドレイアウトを実現するためのライブラリに偏っているようです。

同じ目的のものでさえ、これだけ豊富な種類が公開されているのです。CSS3の中でも新しいものは使えない環境がまだまだ多く存在しますが、諦めないでライブラリを調査してみるというのも手ではないでしょうか。

このブログの筆者について

川田 寛

コンテンツサービスの開発や運営代行を専門とする集団「株式会社ブートストラップ」の社長です。ネットではふろしきと呼ばれています。

2009年にNTTグループへ新卒入社し、ITエンジニアとしてクラウド技術・Web技術の研究開発と技術コンサルティングに従事。2015年よりピクシブに入社し、エンジニアリングマネージャー・事業責任者・執行役員CCOなど、様々な立場からコンテンツサービスの事業づくりに関わりました。2021年にメディアドゥへVPoEとしてジョインし出版関係の事業に関わったのち、2023年に独立しています。

関わってきたインターネット事業としては、ECサービスのBOOTH、UGCプラットフォームのpixiv(主に海外展開)、制作ツールのpixiv Sketch、VR・VTuber関連ではVRoid、Wikiサービスのピクシブ百科事典など、10を超える多様なCtoCコンテンツサービス。また、NTTドコモのすご得コンテンツ、メディアドゥのWeb3サービスであるFanTopなど、いくつかのBtoCコンテンツサービスにも関わってきました。

幸運なことに、私はコンテンツに関係する幅広いインターネットサービスのテクノロジー&ビジネスの知識を得ることができました。これを日本のコンテンツ発展に役立てたいと思い、株式会社ブートストラップを創業しました。

このブログでは現在、出版社やIPホルダー、ライセンサーといったコンテンツに関わる人々に向けて、インターネット事業に関するTipsや業界内のトレンドなどの情報を発信しています。私と話をしてみたいという方は、以下のフォームより気軽にご連絡ください。

お問い合わせフォーム