第一個響應式的開源框架。第一個語意化的框架。第一個以行動裝置為優先的框架。第一個使用 Sass 建構的框架。第一個內建無障礙功能的框架。Foundation 專注於未來，因此贏得全球數千家最大公司的尊重和信賴，他們選擇在 Foundation 上建立品牌，以及全球數百萬每天使用它的設計師和開發人員。沒有其他框架比它更能推動網路進步，而且它已成長為史上最受歡迎的開源專案之一。我們為過去五年的成就感到自豪，我們的目標堅定地朝著未來邁進，邁向新的可能性和持續的創舉。

Foundation 愛好者

全球數百萬人每天都使用 Foundation 來創作令人驚豔的事物，這讓它成為現存最活躍且最鼓舞人心的開放原始碼專案之一！從雜誌到部落格、設計師到執行長，以及世界各地，人們都喜愛使用 Foundation。

Doug Macklin

金州勇士隊

「Foundation 讓我們可以輕鬆建構我們的網頁；使用所有可用的工具。在你的網頁上加入 CSS 或 Sass 非常容易，而且會如你預期的那樣顯示。只要我有機會，我都會使用 Foundation 來建構。」

Steven Wu

Creative Bloq

「ZURB 的 Foundation 架構易於使用、功能強大，而且提供彈性，可以為任何裝置建構原型和建置可供生產的網站。」

Chris Moore

Gaslight Creative 執行長

Foundation 幾乎持續不斷地開發中。它會頻繁更新。這對我來說很令人興奮。他們建構出很棒的東西，而且會隨著每個版本不斷進步。有一個龐大且活躍的社群也參與開發。在撰寫本文時，foundation 儲存庫有 20,621 個星號。這相當令人印象深刻。

Nick Pettit

Team Treehouse

「當我設計新的網路專案時，我總是會先思考行動裝置體驗，然後再轉到較大的螢幕尺寸，而我個人覺得 Foundation 在區塊格線和可收合列方面略勝一籌。」

Envato 的 Adi Purdila

金州勇士隊的 Doug Macklin

BeachFleischman 的 Daniel Bishop

Fluid Junction 的 Alex Smith

查看更多見證 →

建立在 Foundation 上的品牌

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

The
Foundation
宣言

我們相信設計正在推動世界前進。

設計是一個過程，是一個成為，而不是一個孤立存在的東西。我們相信設計與媒介緊密相連，從為什麼開始，深入探討如何，最後到是什麼。

基礎將媒介帶入設計。

它將設計帶入媒介，使其具有回應性，賦予形狀、維度和互動性。基礎來自於媒介，不斷演進、不斷變化，吸收全球從業人員的精華。

基礎採用尖端技術並加以傳遞。

這使其易於存取、易於使用、易於完成。基礎審視設計與實作之間的人為藩籬，並將其打破，重新使用其組成元件，為創意奠定基礎。

基礎不僅僅是一個架構。

它是設計與實作之間的共同語言。基礎在意見和自由之間取得平衡，提供結構以加速您的開發速度，達到想像力的速度，同時絕不剝奪您獨特的自由。在基礎上，您可以自由地思考為什麼和如何，讓基礎處理是什麼。

您創造您。

您創造您的品牌，您創造您的視覺識別，而基礎將其帶到您的網站、您的應用程式、您的電子郵件，您希望它出現在任何地方。

基礎的開端

2008

樣式指南的建立是為了幫助我們加速工作。它是一個便利的 HTML、CSS 和 Javascript 集合，我們在每個客戶專案中都會使用。ZURB 樣式指南的理念在多年來不斷演進，並形成一個新的架構基礎。

2010

樣式指南被固化並命名為基礎。它在所有客戶專案和 ZURB 網站及應用程式中內部使用。

2011

基礎 2.0 以開源專案的形式發布給大眾！基礎是第一個回應式前端架構，並協助領導整個網路的 RWD 風潮。

2012

基礎 3.0 發布！此版本附帶 Sass，並且是第一個使用 mixin 和 Sass 部分的架構。

2013 - 二月

今年不僅發布一次，而是三次基礎版本！版本 4 採用行動優先，新增許多新的組成元件，並附帶視覺更新。我們稱為Interchange 的回應式影像外掛程式已新增至基礎，以使使用它建立的網站載入速度更快。

2013 - 十一月

基礎 5 的重點在於速度。它使學習、使用和開發架構比以往任何時候都更快！更多新的組成元件，例如Equalizer、Off-canvas 和 Icon-bar，使套件更為完整。我們的回應式內容外掛程式Interchange 現在可以根據螢幕大小交換 HTML 內容和影像。

2013 - 十一月

基礎電子郵件（前身為 Ink），我們的回應式電子郵件架構在年底發布，並協助設計師輕鬆建立美觀、回應式的電子郵件。

2014 - 十一月

我們推出了 Foundation for Apps，這是第一個用於開發完全響應式網路應用程式的前端架構。

2015

Foundation for Sites 6 發布。比以往更快、更輕盈、更多功能、更靈活且更強大，讓您的專案從原型到製作。

2016

Foundation for Emails 2 推出，透過使用最新網路技術的工作流程，徹底改變電子郵件開發。

Foundation 的未來

回顧過去五年 Foundation 所完成的一切令人印象深刻，但我們始終堅定地展望未來和新的可能性。

Foundation for Sites

前端網路開發從未像現在這樣令人興奮。瀏覽器技術正在快速發展，進階的 JavaScript 架構能支援越來越複雜的應用程式，而設計最終成為新產品開發的驅動力。所有這些都創造了一個令人難以置信的環境，讓 Foundation 比以往任何時候都更重要。我們正在清理現有的架構，以更好地適用於所有使用案例，並提前規劃，讓 Foundation 保持在網路的最前沿。

在不久的將來，我們將在 10 月 20 日發布一個修補程式版本 (6.2.4)，它修復了大量未解決的問題，並持續改善彈性格線和傳統浮動格線之間的一致性。隨後，下一個預計在 12 月 2 日發布的版本將改善標籤和手風琴的可用性和選項，特別是在行動裝置和鍵盤裝置上。還將有一個長期以來要求的新元件 - 卡片 - 和許多其他功能。展望未來，我們計畫進行許多改進，讓 Foundation 保持在網路技術的最前沿，讓未來的五年比過去的五年更令人興奮。

查看路線圖

Foundation for Emails

開發 HTML 電子郵件終於趕上了現代網路設計。電子郵件設計社群收到了一項又一項令人興奮的更新。隨著 Gmail 現在支援 <style> 標籤，而 Outlook 的開發人員專注於改善 Outlook 的 HTML 電子郵件體驗，一切都在好轉！我們對 Foundation for Emails 的發展方向感到無比興奮。

那麼 Foundation for Emails 的下一步是什麼？在短期內，我們將推出一些錯誤修正，以收緊整個架構，讓新改進的 Gmail 開心如蛤。隨著我們進入 11 月，我們將著眼於整合一個基於樹狀結構的剖析器，讓那些仍然想要內嵌的人有更大的彈性。我們也熱衷於包含支援任何語言的客製化 Inky 標籤。Foundation for Emails 的這幾年令人興奮，我們迫不及待地想進一步改善和簡化 HTML 電子郵件開發的世界。

查看路線圖