因為手持裝置的普及，Media Queries在這一年來需求量暴增，
雖然是很方便的工具，但是又大大增加設計師的loading啊，
所以在我們開心滾動網頁的同時，都是設計師和前端工程師的血和淚XD
因為我也不是箇中翹楚，所以只能先將部分資料整理出來，等我很熟了再來寫文吧
-------------------------------------------------------------------------------------------
CSS3 Media Queries 詳細介紹與使用方法，Responsive Web Design 必備技術
http://fundesigner.net/css3-media-queries/
Media Queries 設計瀏覽
http://mediaqueri.es/
模擬各行動裝置解析度的顯示畫面
http://www.minwt.com/html/8497.html
熊熊發現~~Veela一年沒回來這裡啊.....
話說每天8點下班回家煮完飯吃完飯整理家務真的比較沒有時間分神寫文
雖然也一直沒有堅持過XD
就當作紀錄一下和心得分享嚕
---------------------------------------------------------------------------
說真的，去法國度蜜月一直都不是Veela的選項之一
之前本來計畫去紐澳或者是捷奧匈之類的
而且也沒想過蜜月要用自助旅行的方式來達成
雖然Veela很不喜歡跟團，也很少跟團
但總覺得那麼多天要蒐集資料真的是太累了
所以心裡一直在拉鋸中
直到有一天看到巴黎三大跳蚤市場的介紹
突然有一種要去巴黎一趟的念頭
但是去巴黎的團不外乎是吃美食、買精品
蜜月去跳蚤市場?有沒有搞錯XD
於是在去年的此時，Veela訂了法國的來回機票
開始準備這個陌生國家的所有資料
--------------------------------------------------------------------------
第一次離開亞洲，其實心裡是很緊張的，畢竟語言不通，文化也完全不同
只能說，背包客棧根本就是黑暗中的一盞明燈(誤)
為了這19天的旅行，Veela前前後後斷斷續續準備了一年的時間
從訂機票、訂房間、租車、買車票、排行程、訂餐廳、溝通聯絡全部都自己來
說真的壓力很大也很寂寞(又冷)
可是去玩一趟回來，真的覺得一切的努力都是值得的
所以正在為蜜月苦惱的新娘們
如果你也和Veela一樣，孤軍奮戰、被大小鳥事弄得焦頭爛額的話
姐姐在這邊鼓勵你們，忍一時風平浪靜
老公不幫忙你就愛吃、想買什麼就任意排進去，叫老公用荷包抵你的工時
然後出國多跟老公要兩個LV宣洩一下情緒
你絕對不會後悔之前的努力的!!
其實關於法國的旅遊書市面上也不少，但很多事其實是真的準備下去才會知道難度在哪。
書只能幫助你了解一些基本的旅遊資訊，其他還是要從失敗中學習成長啊~~~
在這裡分享一些Veela的辛酸血淚史給大家參考，不過不見得百分之百正確，大家還是要多多查證喔
通常漸層的部分都是設計師直接切圖設background
因為用CSS寫起來好長阿~~
由上到下
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#777777', endColorStr='#FFFFFF', gradientType='0')
由左到右
-ms-filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#550000FF', endColorStr='#55FFFFFF', gradientType='1') /*for ie8*/
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#550000FF', endColorStr='#55FFFFFF', gradientType='1') /*for ie6、7*/
*zoom:1
由內到外
-ms-filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#777777', endColorStr='#FFFFFF', gradientType='2')/*for ie8*/
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#777777', endColorStr='#FFFFFF', gradientType='2')/*for ie6、7*/
*zoom:1
現在CSS3有更方便的寫法了喔
linear gradient( 顏色漸變方向, 色碼1 位置1,色碼 2 位置2,....)
直線漸層
顏色漸變方向:top(由上至下)，left(由左至右)，top left (由左上到右下)....以此類推....
還可以使用角度:45degree (左下到右上)，-45degree (左上到右下).....
還有很複雜的圓形漸層，可以參考下篇文章
http://www.tellustek.com/web-design/130-web-design-048.html
如果這些都還嫌麻煩的話...那就直接用工具吧，選一選就可以直接拿來套了
非常好用的漸層CSS工具 Ultimate CSS Gradient Generator
http://www.css3factory.com/linear-gradients/
下面還有很膩害的圖像漸層背景~~可以參考一下
http://audi.tw/Blog/CSS/css.gradient.asp
-----------------------------2012/8/23更新-----------------------------------
最近發現一個可以把photoshop的漸層圖層直接轉成CSS3的plugin
PS3、4、5、6都可使用，但一定要使用photoshop內建漸層功能
真的很厲害!!
前一陣子為了自適應網頁搞得焦頭爛額
下面兩個網址有非常詳細的解說
超實用五顆星!!!
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
http://www.mrmu.com.tw/2011/04/06/css3-media-queries-liquid-layout/
根據無障要求，所有瀏覽器在使用鍵盤操作時，
連結點需要被看到，須設定:focus的屬性
:focus {
outline:1px dotted #aaa;
}
<fieldset> <legend> 這兩個tag 大家可能比較陌生，
他們都是屬於 form 標籤組，也就是要放在<form>裡面，用來加強form的結構性。
用意是將過長的表單"群組"。
例如一份會員表單，可以用<fieldset>區分成個人資訊、連絡資訊、興趣...等，
再以<legend>註明標題，結構會像這樣。
<FIELDSET>
<LEGEND>個人資訊</LEGEND>
名字: <INPUT name="personal_lastname" type="text">
性別: <INPUT name="personal_firstname" type="text">
地址: <INPUT name="personal_address" type="text" >
...更多個人資訊...
</FIELDSET>
另外，<LABEL>也是屬於 form 標籤組，不應用於form之外的地方。
標籤請於適當時機使用，詳細說明和範例可參考
這一篇，有一種和本blog非常不搭的fu~~
其實我一直想好好整理某些工作上用的東西，於是有把它寫成blog文章的念頭
(因為有現成的搜尋和標籤真的很好找XD)
所以未來，這裡會慢慢出現一些跟CSS和jQurery相關的文章，
一方面我需要的時候可以用，另一方面也提供給"志同道合"的朋友參考
如果有誤請趕快告訴我喔~~感恩
------------------------------------------------------------------
text-align: left / right / center / justify
可被繼承並只對block元素有效
詳細解說如下
http://www.jx828.com/mb/divcssjiaocheng/18106.html
文字左右對齊如果依照參考書上的寫法是text-align:justify;
但是CSS是老外發明的，因此此用法只對英文管用
如果是中文需要左右對齊
則需使用
text-align: justify;
text-justify:inter-ideograph;
此兩行需並存才有效
text-justify : auto / inter-word / newspaper / distribute /
distribute-all-lines / inter-word / inter-cluster / inter-ideograph
其中 newspaper / distribute / distribute-all-lines / inter-ideograph 對中文皆有效
範例與更詳細解說如下
李氏商行 Lee & Daughters
高雄市苓雅區福建街三百二十二號一樓 07-2228836
一~六：8:00-18:00 / 日：8:00-16:00
All-Day Brunch / Sides and sharing dishes / Healthy & Zero Caffeine drinks
goods．新鮮貨 (2)