歡迎使用 Foundation 6

安裝 Foundation

有許多方法可以安裝 Foundation for Sites。我們的安裝頁面將協助您找到最適合您的選項。

安裝 Foundation for Sites

Foundation for Sites 新手

透過容易理解的語法和一致的結構，您將在短時間內學會使用 Foundation！

• 入門
  

  Foundation Starter Projects - CSS 下載

  此影片將帶您下載並開始使用 Foundation CSS 專案。

  觀看影片

  

  Foundation Starter Projects

  此影片將帶您下載並開始使用 Foundation 堆疊。

  觀看影片
• 為何選擇 Foundation
  

  世界上最先進的前端框架

  來自其他框架？現在是轉換並學習 Foundation 的最佳時機。下載我們的免費電子書，它將幫助您說服您的團隊，Foundation 比其他任何東西都更好、更容易學習且更靈活。

  了解更多

  

  在穩固的基礎上建立您的職業生涯

  網路技術正在快速變化，但時間和資源是有限的。找出為什麼學習 Foundation 會讓您處於網站開發的最前沿。

  了解更多
• 範本和程式碼片段
  

  Foundation 範本

  取得八個回應式範本，以啟動您的專案，這些範本採用我們在 Foundation 6 課程簡介中教授的相同技術來建立您的業務。

  檢視範本

  

  Foundation 構建模組

  構建模組是編碼的 UI 元件，您可以將其放入任何標準的 Foundation 專案中。構建模組將幫助您快速加速您的開發時間。

  了解更多

  

  Foundation 套件

  Foundation 套件是針對特定類型的網站和應用程式設計的構建模組精選組合。從 7 個強大的套件下載，以啟動您的下一個專案。

  檢視套件
• 其他資源
  

  從零開始建立網站指南

  第一次學習框架可能會讓人不知所措，因此我們編寫了「從零開始建立網站」，這是一本 60 頁的指南，將一步步引導您使用 Foundation 從頭開始編寫一個真實、動態、有回應的網站。

  取得指南

有使用過 Foundation for Sites 嗎？

透過容易理解的語法和一致的結構，您將在短時間內學會使用 Foundation！

• Foundation 最新更新
  

  Foundation 6.3.1 更新：Sass mixins 和錯誤修正

  Foundation 6.3.1 包含許多錯誤修正，並針對舊功能進行了底層改造。除了錯誤修正之外，Foundation 還新增了一些 Sass mixins 和最佳化，讓它可以在更多情境中使用，而且文件也獲得了許多改善。盡情享受吧！

  了解更多
• 建構區塊
  

  如何使用 Foundation 的建構區塊

  Foundation 團隊使用 Foundation Building Blocks 再次將您的開發時間減半。在本教學課程中，我們將向您展示如何找到合適的建構區塊，以及最適合您的安裝方式。

  了解更多
• Foundation 整合
  

  Angular Foundation 6

  The awesome folks at Pinecone created an Angular port for Foundation. Angular.js assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side.

  Learn More

  

  React + Foundation 6

  React is a JavaScript library for building user interfaces. Now you can use Foundation for Sites 6 components implemented in React with CSS Modules!

  Learn More

  

  JointsWP: Foundation 6 meets WordPress

  JointsWP is a blank WordPress theme built with Foundation 6, giving you all the power and flexibility you need to build complex, mobile friendly websites without starting from scratch.

  Learn More

  

  Setting up Vue 2 and Foundation 6

  This is a demo integration of Foundation for Sites 6.3 in a VueJS 2.1 single-page application.

  Learn More
• Foundation 展示
  

  塑造網路的 5 年

  今年 Foundation 滿五歲了。它是第一個有回應的、第一個語意化的、第一個以行動裝置為優先的、第一個使用 Sass 建立的，以及第一個內建無障礙功能的。進一步了解此框架以及它的未來發展。

  了解更多

  

  Foundation 品牌

  大型品牌越來越依賴全球最先進、有回應的前端框架。他們的網站現在都建置得讓客戶可以在任何裝置上與他們建立聯繫。

  了解更多

  

  Foundation 案例研究

  Foundation 在真實世界中的應用。看看人們如何使用 Foundation 建立有回應、符合未來需求的網站。我們了解他們設計、決策的過程，以及 Foundation 如何幫助他們達成目標。