foundation

Foundationは、世界で最も進んだレスポンシブフロントエンドフレームワークの一つです。ウェブサイトやアプリのデザインのために、柔軟で使いやすいHTML、CSS、JavaScriptコンポーネントを提供します。

Latest Ver 6.9.0

Homepage

Github

29,754

📢 Foundationは、レスポンシブデザインを簡単に実装するためのフロントエンドフレームワークです。

CDNダウンロード

License: MIT

Asset Type :

すべてのバージョンを見る

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/foundation.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/foundation.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.abide.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.abide.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordion.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordion.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordionMenu.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordionMenu.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.core.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.core.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.drilldown.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.drilldown.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdown.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdown.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdownMenu.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdownMenu.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.equalizer.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.equalizer.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.interchange.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.interchange.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.magellan.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.magellan.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.offcanvas.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.offcanvas.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.orbit.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.orbit.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveAccordionTabs.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveAccordionTabs.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveMenu.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveMenu.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveToggle.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveToggle.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.reveal.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.reveal.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.slider.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.slider.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.smoothScroll.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.smoothScroll.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.sticky.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.sticky.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tabs.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tabs.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.toggler.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.toggler.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tooltip.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tooltip.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.box.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.box.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.imageLoader.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.imageLoader.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.keyboard.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.keyboard.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.mediaQuery.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.mediaQuery.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.motion.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.motion.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.nest.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.nest.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.timer.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.timer.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.touch.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.touch.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.triggers.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.triggers.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-float.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-float.min.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-prototype.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-prototype.min.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-rtl.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-rtl.min.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation.min.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-float.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-float.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-prototype.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-prototype.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-rtl.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-rtl.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/foundation.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/foundation.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.abide.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.abide.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordion.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordion.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordionMenu.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordionMenu.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.core.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.core.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.drilldown.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.drilldown.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdown.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdown.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdownMenu.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdownMenu.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.equalizer.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.equalizer.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.interchange.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.interchange.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.magellan.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.magellan.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.offcanvas.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.offcanvas.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.orbit.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.orbit.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveAccordionTabs.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveAccordionTabs.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveMenu.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveMenu.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveToggle.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveToggle.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.reveal.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.reveal.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.slider.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.slider.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.smoothScroll.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.smoothScroll.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.sticky.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.sticky.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tabs.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tabs.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.toggler.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.toggler.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tooltip.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tooltip.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.box.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.box.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.imageLoader.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.imageLoader.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.keyboard.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.keyboard.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.mediaQuery.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.mediaQuery.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.motion.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.motion.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.nest.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.nest.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.timer.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.timer.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.touch.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.touch.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.triggers.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.triggers.min.js.map

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。

📄 HTML
<div class="grid-container">
<div class="grid-x grid-margin-x">
<div class="cell small-6">Half Width</div>
<div class="cell small-6">Half Width</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/Foundation/6.5.1/js/foundation.min.js"></script>
<script>
    $(document).foundation();
  </script>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/Foundation/6.5.1/css/foundation.min.css" rel="stylesheet">

🧩 External JS
<script src="https://cdnjs.cloudflare.com/Foundation/6.5.1/js/foundation.min.js"></script>

⚙️ JavaScript
$(document).foundation();