CSS技巧 : 旋轉網頁中的圖片或文字 – transform: rotate

作者 : Fred Wang@F.W.知識瑣紀，日期 : 2013/10/22

一些設計的最大問題就是必須使用圖片的方法展現文字的旋轉等效果，文字無法選取而且增加了網頁中的圖片，減低網頁顯示效能。若使用CSS的transform屬性來控制文字，元素內的文字就可選取，而且不需載入圖片，網頁的效能較好。

CSS的transform屬性達成了一些與SVG相同的展現功能。可用於inline元素和block元素。只需一行CSS程式碼就可以做到網頁元素如文字與圖片的旋轉、縮放和移動。

下面是利用CSS transform: rotate旋轉文字的案例。

範例 :



在上面範例的CSS程式中，transform使用-webkit-和-moz-前綴然後將#content元素反時鐘方向旋轉90度。(更改旋轉值就可以讓它旋轉多少度，要逆時針旋轉就加入一個負號“ - ”)

IE支援CSS標準較不完整，而且通常有自己獨特的寫法，常需要為IE做特別的設計與測試。IE6~8提供了圖形旋轉filter，它可以有4個旋轉值：0, 1,2,和3。雖然這個filter只支持4個值，不像Webkit和Gecko一樣可以精密地設定旋轉值，至少在一定程度上保持一致。注意在IE8中要寫成“-ms-filter”。但是到了IE10的"-ms-transform"就比較接近其他的標準了，支援較為精密的旋轉值設定。

N倍數時代知識工作者的時間管理

作者: Fred Wang (FW知識瑣記) 日期:2013/10/2

在那個機車還只是用來騎，粉絲也只是用來吃的年代，收集資料的困難度比現在困難N倍，筆者只是為了一個研究主體曾跑幾個大學圖書館，科技圖書館，中央圖書館。來到現在這個N倍於當年的時代，搜尋引擎讓我們輕輕鬆鬆完成這些工作，節省下大量奔波，翻閱的時間。

看來活在這個年代的知識工作者，比以前好過太多了。但是省下大量的時間，真正用來讓生活更美好嗎? 可以從幾個角度來看看您時間的利用。

第一，專注嗎?
       資訊難以傳播與尋找的年代，除了較少的垃圾資訊外，能找到的文章也少，當然，我們會用較多的時間好好地讀完，而這個資訊容易獲取的年代，取得的資訊可能由深到淺，有價值與無價值，相關與不相關，反而造成干擾，如果無法專注，反而更容易花掉大量的時間來過濾文章，甚至偏離到其他令您感到興趣的主題。N倍數時代良好的搜尋的技巧與專注才能真正讓您省下大量的時間。

第二，消費知識，吸收知識還是產生知識?
       當您讀取過量的資訊時，如果缺乏組織與整理的工夫，往往造成吸收上的困難，有害無益，因此，搜尋引擎為您省下來的時間，應該用來組織與整理資訊，進而思考與轉化或創造有用的知識。

第三，懂得拒絕嗎?  
       除了搜尋引擎外，N倍數時代讓您分心的媒體太多了，即時訊息，社交網路，電子郵件等等，各種主動式與被動式的資訊，大量的灌給您。要讓生活更美好，我學會的就是"拒絕"， 拒絕被動式的資訊，主導並選擇自己要的，減量後讓自己更輕鬆地思考，陪伴家人，走出戶外看看真實的世界，享受音樂，運動，休閒的快樂等等，為自己賺取優質的生活。

Fred 2013/10/2 08:00隨筆

福氣公式

作者: Fred Wang (FW知識瑣記) 日期: 2013/10/1

羨慕別人擁有的福氣嗎? 努力半輩子卻沒甚麼成就嗎? 

看看這個福氣公式 
您擁有的福氣 = 這輩子賺來的 - 這輩子用掉的 + 上輩子剩下的 - 上輩子欠下但是沒還完的

附加條件 :
 1. 福氣不等於財富，當您給得越多，可以賺到的福氣越多。
 2. 算計/計較得越多，福氣用掉得越快
 3. 福氣是別人無法代為享受，也無法代為償還的。
 4. 上半輩子沒還的，下半輩子還是要還，這輩子沒還的，下輩子還是要還。

如果您擁有用不完的福氣，可以多分一些給苦難的人，那麼，您下輩子還會擁有用不完的福氣。

-- Fred 2013/10/1 8:00隨筆