respontent

JavaScript

様々なコンテンツをレスポンシブにしてくれるjQueryプラグイン「respontent」

respontentというjQueryプラグインを使えば、画像・YouTube動画・テーブル・Googleマップといった様々なコンテンツをレスポンシブにすることができます。部分的に指定した要素をレスポンシブにしたいといった時に活用できますね。

[ads_center]

respontent

実際のデモは以下になります。

respontent

デモ

各コンテンツが左右に分けられており、左側がレスポンシブ付きで右側がレスポンシブなしのバージョンになっています。

真ん中から左右にサイズ変更することができるので、試しに左側を縮小させてみると、このようにレスポンシブ対応になっていることが確認できます。

respontent

応用次第でコンテンツの利便性も高まりそうですね。

例えば、Googleマップなんかは1つを詳細地図で固定化しておき、もう1つをレスポンシブ化させて広域表示させておくといったこともできそうです。

respontent

テキストエディットで標準サイズに戻すやり方Macのテキストエディットで文字サイズを標準に戻すショートカットキーのやり方前のページ

JSのアラートやダイアログを美しいデザインにできるjQueryプラグイン「SweetAlert」次のページSweetAlert

最近の記事

  1. SILENT HILL 2
  2. FUNLOGY スピーカー
  3. 聖剣伝説 VISIONS of MANA
  4. エルデの追憶
  5. コーヒー豆
PAGE TOP