Foundation 編碼資源

大量資源助您加快建置速度。我們喜愛我們有創意、足智多謀、積極的 Foundation 社群。全球各地的人們都使用 Foundation 來製作美麗的網站,而社群持續製作一些令人難以置信的附加元件,讓它更上一層樓。看看這些您可以在專案中使用的精采 CMS 範本、外掛程式、佈景主題、圖示字型、工具等等!


工具

FOUNDATION 6

我們收集了一些有價值的 Foundation for Sites 6 工具,認為您會喜歡。

Angular

Pinecone 的優秀團隊為 Foundation 建立了一個 Angular 埠。Angular.js 協助建立單頁式應用程式,只需要在用戶端使用 HTML、CSS 和 JavaScript 的單頁式網頁應用程式。


工具

FOUNDATION 5

大量的 Foundation 5 資源,讓您的專案更上一層樓。

Angular

Pinecone 的優秀團隊為 Foundation 建立了 Angular 埠。Angular.js 協助建立單頁式應用程式,此類應用程式僅需要客戶端的 HTML、CSS 和 JavaScript。

適用於 RapidWeaver 的 Foundation

適用於 RapidWeaver 的 Foundation 使用最新技術,讓您的網站飛速進入現代化時代。更別提它建置的速度有多快!由 Joe Workman(Foundation 認證)為 Foundation 5 建置

Rapid Foundation | RapidWeaver + Stacks + Foundation

適用於 Foundation 的 Pinegrow 編輯器

Pinegrow 網頁編輯器 - 適用於 Foundation 的視覺化網站建置器桌面應用程式

格線

文字編輯器片段

外掛程式

程式碼遊樂場

  • Codeply,提供最新的 Foundation for Sites 和程式碼片段
  • Codepen,提供最新的 Foundation for Sites

其他工具


主題與範本

更快入門:選擇一個已準備好 Foundation 的 Wordpress CMS 或一個簡單的 CSS 主題來進行您的專案。

內容管理主題 (CMS)

Wordpress

Drupal

Ghost

Jekyll

Joomla

Middleman

Contao

其他 CMS 主題

電子商務

Shopify

Magento

Cubecart

後端

Django

Meteor

.NET

其他後端主題

付費主題


原型製作

模型無法說故事。使用這些有用的原型製作資源在短時間內建構原型。

PSD 範本

快速原型製作

Axure 的 Foundation UI Kit

Foundation UI Kit for Axure by Ole Fredrik Lie  F5

其他原型製作資源


安裝資源

想用不同的方式取得 Foundation 嗎?您可以取得像 Cactus 和 CodeKit 等精簡的應用程式。試試 Yeoman 產生器。它們會為您代勞!

CodeKit

一款 Mac 應用程式,讓你可以使用 CodeKit,透過 Foundation 更快速地建置網站。CodeKit 內建零設定和 Bower,能以一次點擊更新的方式編譯任何語言。

Cactus

Cactus 讓你能夠輕鬆且靈活地使用 Foundation 在本地端建置網站。使用 Cactus,你可以將網站元件與本地端伺服器整合,而無需設定 Ruby 等伺服器環境。

Yeoman Generator

Ruby on Rails Sass Gems

工作流程


貢獻

想要參與嗎?提交你製作的作品或分享你最喜歡的資源。 寄信給我們!