你經常需要使用CSS編程嗎？
http://cubic-bezier.com 這個工具網站可以協助你編譯最適合的動態預覽，直接輸出成CSS語法。
立刻看看這是什麼請直接按GO。
使用方式：
- 直接在網頁上編輯，首先拉動曲線，其次調整一個做動時間，例如設定動態時間為0.5表示0.5秒，然後按下GO就可以預覽。
- 按IMPORT輸入你自己的語法，再依樣進行編輯調整。
然後按EXPORT就可以得到語法了。
cubic-bezier，CSS動態編輯器
你經常需要使用CSS編程嗎？
http://cubic-bezier.com 這個工具網站可以協助你編譯最適合的動態預覽，直接輸出成CSS語法。
立刻看看這是什麼請直接按GO。
使用方式：
網頁設計必備，測試全響應網站的小工具
響應式網站很不好設計，尤其是測試很麻煩，現在這個網站讓你的瀏覽器立刻變成一個測試環境。
網址：http://responsive.victorcoulon.fr/
哈哈，我明白一下子是看不懂的，因為這工具實在是太專業了，所以一定要往下看使用方式。
使用方式：
畫面中央RWD Bookmarklet是個工具，直接把他拖到你的書籤上，如圖(我是使用Chrome)：
 |
| 以Chrome為例的範例，讓RWD變成你的瀏覽器工具 |
如何測試呢？
畫面上方那一排就是測試工具了，畫面中間顯示的是你想要測試的網站，直接按下畫面中間上方的那一排任何一個按鈕，都可以看見全響應網站的預覽結果。
Fontfriend，不必重寫網頁就可以直接預覽各種字型的書籤工具
想隨時檢視網頁上最適合的字型預覽嗎？有Fontfriend 不必換字型也可以即時在任何網站上檢視了。(包含Google Font！)
使用方式：
- 到網址http://somadesign.ca/projects/fontfriend/，把畫面上FontFriend紅底色看似按鈕的連結拖拉到書籤列上，就可以開使用了。
- 在任何網頁上按這個書籤即會開啟一個面板，你可以透過面板上的所有設定來預覽該網站上的文字換成Google font後的結果。
- 開啟面板後，首先從Selector選擇想要改變字型的標籤，預設有body, 標題文字(h1h2h3h4..), p, 或者自訂標籤。
- 再來是開始改變文字字型了，可以看到當前網頁使用的文字字型，也可以改變成系統預設的字型，或者使用最右邊的Google Font！當然也可以改變文字的行間和其他css中對文字的屬性控制。
不過這對於我們中文使用者來說似乎幫助並不大，如果你經常承接一些外文語系的網站，這可能會是一個好工具。
網站完成了嗎？讓DOM monster告訴你。
網站完成了嗎？讓DOM monster告訴你。
在瀏覽器上裝上這個"書籤工具"，隨時檢測目前網頁的完成度。
有時候我們以為網站已經完成了，雖然看起來都很正常，但可能藏有很多問題在，透過使用DOM monster可以隨時檢測一個網頁的潛在問題，檢測範圍包含Js,java,css,html和許多我們甚至不曾注意到的問題，讓DOM monster為你的工作立下一個全新的標準吧！(汗…)
 |
| 這是DOM monster 檢測的結果，就連某個元件的語法字數太多都會有專業建議！ |
網址：http://mir.aculo.us/dom-monster/
使用方式：
- 首先到http://mir.aculo.us/dom-monster/，在畫面中間看到DOM Monster!的咖啡色底字樣，用滑鼠拖動他到你的書籤列，放開後就完成了(僅僅只是把一個js連結變成你的書籤而已)。
- 接著在瀏覽任意網頁時，按下這個書籤就會看到DOM monster給你的檢測報告囉，簡單吧。
