Latest Tweets:

May 29 2011

scss, compass 入門方法

由於每次參加 RGBA 都有人問「傳說中的 compass 一般的網頁設計師也可以用嗎？要如何開始用？」

答案當然是很清楚絕對沒問題，但是口頭上往往說的不是很清楚，於是每次都很耐心的現場 demo。

但實在太多次重複了一個一個重講也很累，RGBA 這次特別開設其中一桌，特別給網頁設計師的 Live Demo，現場即時接受各種提問、非演講形式。

要聽的懂，你必須會有下列經驗：

  • 懂 CSS 語法
  • 懂 HTML 語法
  • 有使用純文字編輯器來設計網頁的經驗
    （Dreamweaver 也可以，但你必須是用寫的）

有興趣知道 compass 入門該如何開始操作，請務必把握這次 6/1 的 RGBA

報名網址是 http://registrano.com/events/rgba-2011-06-01

compass 簡介

compass 是一套抽象層環境，讓你在撰寫 css 網頁排版的時候，減少以往必須靠各種撇步整理 css 語法邏輯，以及內含許多 ie 問題的解決方案，使用 compass 做 css 排版會讓你事半功倍！

  • compass.app 到底是什麼？
  • 理解 compass.app 建立出來的環境
  • 理解巢狀寫法
  • 將檔案分開管理：使用 import
  • 使用 compass 預設內建的 mixin

學會理解這些初級 compass 應用後，可自行摸索中階的 compass 應用，讓你可使用變數，以及撰寫自己的 mixin；更高階的 compass 應用則是寫出一套 compass extension，可以讓你在每次建立專案時，就有預設的 html 以及 css 可免除一堆重複的專案建立動作。