前端好朋友之一些好用的網站蒐集

從我的Bookmark裡面壓榨萃取出來的精華，請慢用

•  Html Color Codes
• 一個不錯用的Web調色盤
• http://html-color-codes.info/
• Closure Compiler
• Closure Compiler是一套由Google所開發的JavaScript壓縮工具，這是線上版
• http://closure-compiler.appspot.com/home
• JavaScript Beautifier
• 重新格式化JavaScript和HTML（是的，他也吃HTML）
• http://jsbeautifier.org/
• CSS optimizer
• 壓縮CSS的好幫手，需要注意的地方是，如果CSS有誤他會傲嬌...（看看Console）
• http://css.github.io/csso/csso.html
• CSS Beautifier
• 重新格式化CS的工具
• http://html.fwpolice.com/css/
• Ultimate CSS Gradient Generator
• 產生CSS漸層語法，通殺所有瀏覽器
• http://www.colorzilla.com/gradient-editor/
• DevDocs
• 各式各樣的Library、Web Specification...的線上手冊，以HTML5 APP的形式製作，可離線使用
• http://devdocs.io/
• MoreText.js
• 中文假文產生器（中文版的Lorem ipsum），排版預覽很空洞？用這個就對了
• http://more.handlino.com/
• aaencode
• 惡搞意味十足的JavaScript obfuscator，把JS轉成表情符號
• http://utf-8.jp/public/aaencode.html

瀏覽器革命統一天下之什麼是Reset.CSS？

Reset CSS就對了！

同一份CSS，換個瀏覽器突然獵奇了？IE傲嬌不聽話欠調教？
個瀏覽器間會產生差異是因為，各家瀏覽器的CSS預設值並不相同
Ex：

瀏覽器A裡面，div的padding預設是6px
瀏覽器B裡面，div的padding預設是4px

這時候如果你寫的CSS對齊的很精準...換個瀏覽器就哭哭了！
所以我們透過重新定義所有元素的預設值，不使用瀏覽器的預設值，就可以讓他們乖乖聽話了！

要注意的地方！

•  因為margin和padding會被設定成0，所以原本的留白會不見，要自己設定才有美美的網頁喔
• 當然你也可以自己挑一個預設值，不一定要用0

說好的載點呢？

• Reset CSS
• http://meyerweb.com/eric/tools/css/reset/
• normalize.css
• https://github.com/necolas/normalize.css
• 這裡有好多野生的Reset CSS來著
• http://www.cssreset.com/