BootstrapでFoundation Interchangeのような実装がしたい。

BootstrapでFoundation Interchangeのような実装がしたい。



Foundationフレームワークには、Interchangeという画面サイズによって、読み込む画像を切り替えてくれる機能があります。

Interchange | Foundation Docs
参考
Interchange | Foundation Docs

Documentation and reference library for ZURB Foundation. JavaScript, CSS, components, grid and more.

Interchange | Foundation Docs

これが大変便利なのだけど、FoundationからBootstrapに切り替えてしまったので、使えないでおります。

ひとまず見つけたのがこちらのPicturefill.js。

しかしFoundationのInterchange.jsが10kbに対して圧縮状態でも54kbと重め。

Interchange.jsだけ単体で読み込むことも出来るのだろうか?
Foundationも5になってからjQueryベースに切り替わったはずだから、行けそうな気もするのだけど。

試してみよう。

今日はここまで
BootstrapでFoundation Interchangeのような実装がしたい。

BootstrapでFoundation Interchangeのような実装がしたい。


開発

Foundationフレームワークには、Interchangeという画面サイズによって、読み込む画像を切り替えてくれる機能があります。 http://foundation.zurb.com/docs/components…


関連する記事



こちらはいかが?


Bootstrapの変数を自分のSCSS(SASS)で使う方法
Bootstrapの変数を自分のSCSS(SASS)で使う方法

bootstrapのソースファイルを一括ダウンロードすると、その中には複数のscssファイルが格納されています。 通常、bootstrapの色や幅などの数値を変更するにはその中にある _variables.scss の中…

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*(必須)

*(必須・表示されません)