CSS

[SASS note.] CSS 逆向工程 part 1

工欲善其事,必先利其器!如果你對 CSS 的基礎還不甚了解,請先把基礎打好再來(認真(無誤)。關於什麼叫做 SASS 的,請上網 Google 或是參考我之前 寫的文章 [https://blog.hinablue.me/entry/css-note-sass-strike-say-a-sexy-styling-strike],或是參考我的 投影片 [http://sass.hinablue.me](請用 Chrome 開啟)。 首先,對於已經開發的 CSS

[CSS note.] 強大的 Compass 來產出 CSS

Compass 他的全名就叫做 Compass(揍飛)!是一個基於 SASS 上面的開發工具。功能就是幫你兜好一些既定的 CSS,當然,是以 SASS 的方式來作。既然是基於 SASS 的工具,也是一樣,請先準備好 Ruby 的環境,並且確認你已經把 SASS 給安裝好了。至於 Compass 的安裝方法,官方也有教 [http://compass-style.org/install/]。 $ gem install

[CSS note.] SASS - Say a sexy styling(刪除線)

SASS 全名是 Syntactically Awesome Stylesheets,當然不是我說得那個(媽媽有說,認真就輸了(揍飛),也許有人會說,踏碼的有一個 CSS 就已經很難搞了,現在來搞一個 SASS 來自作孽幹麼?或者是,這一切一定都是你們這些 programmer 在自 HIGH 用的啦,一切都是阿共啊A陰謀啦 ~之類的。BUT! 人生最厲害的就是這個 BUT!(這梗你要用幾次啦! 俗話說得好,好的老師帶你上天堂,不好的老師讓你住套房,好的工具帶你上天堂,沒有工具讓你住病房!

[CSS tech] 在 CSS/XHTML 關於輸出的心得

其實我是農夫(喂),所以工程師的事情我不太會也是很合理的!當完兵之後,懵懂不經事就學人家出社會,結果現在出來跑該還得都還沒還,不過這不是重點(疑)!在這個行業待了幾個年頭,不難會發現台灣的中小企業都跟農會一樣(喂喂),只給你一種肥料,就覺得稻米會長的很好,然後等到收成的時候,又因為他是老大,所以可以 隨便喊價 以量制價,產的比較好,單價就壓低,產的爛,就稍微提高一點點。 還好我小時候都吃自家的米,沒吃到農會的爛米(喂喂喂),不過當兵那陣子吃了一年半載的爛米,難怪會那麼癡肥(疑)。反正,吃米不知道米價這件事情,其實大家都習以為常了。然後就開始惡性循環,一開始的時候,

[CSS tech.] CSS 3 2D Transforms, Transition 動態效果筆記

IE 退散!往後面站,往後面站,往後面站... 在 CSS3 的規範裡面,新增了對於動態效果的設定。關於這方面的資訊,可以參考 W3C 的文件 [http://www.w3.org/TR/css3-2d-transforms/],相信比看我在這邊廢話要來的好很多(肯定的)。在基於 Webkit 的瀏覽器核心底下(我是使用 Chrome) ,這些效果都能夠正常的顯示,不過,總覺得用太多並不是件好事,似乎很吃系統資源的樣子,在我測試幾次之後,還差點讓 Chrome