[情報] css救星 RGBA續上週介紹compass進階功能

[evenwu (EvenWu)]

本週RGBA又來了
報名網址 http://registrano.com/events/rgba-2011-06-08

這一次我們還是想要繼續上週的compass簡介

compass 是啥？

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

compass.app 是啥？

compass.app 是一套GUI介面的compass工具軟體，由和多開發
設計師透過compass.app可以降低門檻，無痛進入compass美好世界
但是這是付費軟體，要USD7（大概是...NTD200出頭）
http://compass.handlino.com
推廣這個東西只是我的熱血... 賣幾套跟我無關XD

附帶一提這官網拍的screencast真的很爛，要搞懂還是來RGBA比較快

 = = =

上週的RGBA來了非常多對compass有興趣的網頁設計師
非常感謝大家的支持...

回顧一下上週介紹的compass內容

- compass.app 環境

- 編譯css的各種設定方式

- scss的巢狀寫法

- import partial, scss 管理
        @import "mobile"; -> _mobile.scss
        _mobile.scss 不會產生 mobile.css

- import compass 引入 compass 內建功能
        @import "compass/reset";
        @import "compass";

- 使用 compass 內建功能
        @include link-colors(red,black);
        @include hover-link;
        @include border-radius(5px);
        @include box-shadow(3px 3px 5px rgba(0,0,0,.3));

- 定義變數
        $brand-color: #a00;
- 顏色計算函式
        color: darken($brand-color, 10%);
        color: lighten($brand-color, 10%);

 = = =

回顧後才發現好像有些重量級的使用
並沒有講到
因此本週一定要繼續把更棒的功能講一講

例如

        @mixin 使用與建立

        @extend 用法介紹

        @mixing & @extend 與設計方法論

        compass extension 簡介

這些工具搭配起來，你的案子即可能在5分鐘內結束
而且完全不用擔心有任何的ie bug

（上次我全程是使用Live Demo的方式示範，大家應該有體會到XD）


報名網址 http://registrano.com/events/rgba-2011-06-08
RGBA的慣例都是週日晚上12:00整開始報名
請有興趣的人把握機會啦

--
RGBA網頁設計師聚會 — 一群網頁設計師發起的交流聚會，隨意聊天問問題的好地方
                      http://rgba.tumblr.com/post/356284580/about
EvenDesign意門設計 — 專門提供網站開發者跨平台、能安心整合的標準規格網頁設計
                      http://evendesign.tw

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.34.100.58
→ oj113068:有點冒昧的問題，但是本週介紹的這些上週沒聽會不會聽不
→ oj113068:懂?(先去爬官網)
→ evenwu:可以提前摘要
→ evenwu:上週沒聽應該會有點吃力...但你可以私下問一些會的人
→ evenwu:問我也可以
推 oj113068:安裝以後馬上卡關Orz
推 aceone:oj你可以看這篇 http://www.i-design.tw/archives/170
推 oj113068:其實我正在看RGBA上次的參與者的Blog 心得XD
→ oj113068:不過我不是用.app，只是先裝那個...我不知道怎麼稱呼XD
→ aceone:我也報了RGBA 應該很快就滿了 有興趣就先報吧 XD
推 oj113068:我報囉XDDD 因為怕像上次一樣哈哈哈所以12點就報了
→ evenwu:歡迎
推 jazzjas:好像很有趣~也來研究一下compass好了 > <"
推 aceone:學到很多耶! 還有正妹跟我搭訕 不過正妹說下次不會再去了XD
→ evenwu:咦，aceone也是有用git的嗎？
推 aceone:git正在學習中，用tower只會做簡單的pull/push而已，
→ aceone:這次去RGBA有好心人做了git教學 (不過正妹說是欺負人 XD)
→ evenwu:明明aceone就是正妹
→ aceone:其實最正的是evenwu(誤) 我忘了問那個女生的名字啦...
→ aceone:總之她是說想去問手機app的問題 但不知道要問誰 感覺有點可
→ aceone:惜(人太多不知道問誰 XD)