http://www.gtwang.org/2014/11/online-image-optimization-tools.html
名稱:Kraken.io 網址:https://kraken.io/
名稱:TinyPNG 網址:https://tinypng.com/
名稱:JPEGmini 網址:http://www.jpegmini.com/
名稱:RIOT 網址:http://luci.criosweb.ro/riot/
名稱:PNG Gauntlet 網址:http://pnggauntlet.com/
名稱:CompressNow 網址:http://compressnow.com/
名稱:Trimage 網址:http://trimage.org/
名稱:ImageOptim 網址:https://imageoptim.com/
http://mashable.com/2013/10/29/image-compressors/
http://des13.pixnet.net/blog/post/57498609
ColorCombos
配色是Web 設計的首要大事,Color Combos 幫你預備了數千種配色方案,可以根據色調瀏覽選取。
LIpsum
Lipsum.com是 Lorem Ipsum Text 縮寫的自創詞,字典中不存在的單詞,是在演示頁面結構的時候,需要加文字的地方使用Lorem Ipsum Text 填充可以避免用戶因關注文字的意思而分神。Lipsum.com 可以幫你生成製定數目的Lorem Ipsum 單詞。
What the font?
有時候你對某個Logo 感興趣,想知道是圖片的LOGO是什麼字體做的,可以將Logo 圖片上傳到這個網站,結果之準確會讓你難以置信。
ConvertIcon
Favicon 越來越受歡迎,尤其隨著Firefox 的流行,Firefox 會將你站點的Favicon 標誌顯示在標籤上,也會顯示於書籤,Favicon 支持多種圖形格式,比如png,但IE 並不支持png,該站點可以幫助你將png 等圖片格式的Favicon 轉換成IE 支持的ico 格式。
BgPatterns
背景線上產生器。現代Web設計的趨勢之一包括使用背景圖案,BgPatterns.com可以幫你設計背景圖案,他們有大量可選的圖案,可以按不同方式接合,還可以設置透明度。
HTML Encoder
如果你要在網站中顯示Web代碼,那將是非常煩人的事,你必須將諸如<一類的符號用編碼表示,這個網站可以幫你做這些事情,只需將你的代碼複製進去,他們會幫你生成可以直接使用的代碼。還有HTML Decoder 幫你做相反的事。
Xenocode Browsers
該網站非常有用,可以直接模擬預覽你的網站在IE6, IE7, IE8,Firefox 2, Firefox 3, Google Chrome 以及Opera 中的樣子。唯一的不足是,不支持Mac 和Linux 環境下的瀏覽器。
Test Everything
測試任何你想得到的東西。
這個網站包含了超過100 中工具幫你測試幾乎所有東西,如跨瀏覽器兼容,查PR 值,甚至幫你驗證代碼。
Sprite Generator
CSS Sprites在顯著降低HTTP請求方面功不可沒,但CSS sprite可不是個簡單的技術,Sprite generator 可以幫你做這些繁複的工作,將你的圖片打包成zip上傳上去,他們會把你的圖片組合成sprite,還幫你生成CSS代碼。
https://developers.google.com/speed/pagespeed/insights/
http://tutorialforlinux.com/2014/06/26/how-to-save-images-for-the-web-on-ubuntu-linux-by-the-gimp-easy-visual-guide/
sudo su -c “apt-get install gimp-plugin-registry”
https://computing.artsci.wustl.edu/finding-great-images-your-website
Unsplash truly beautiful photos that are completely free to do anything you want with. 10 new photos every 10 days.
LittleVisuals is similar to Unsplash, but they aim to publish new photos every 7 days. These guys also allow you to download their photos in handy .zip packs!
Function. 100% free to do whatever you want with.
GratisPhotography is a project run by Ryan McGuire, which features new photos added each week.
http://simonguest.com/2013/04/08/jquery-mobile-and-angularjs-working-together/
http://0not.net/index.php/using-angularjs-and-jquery-mobile/
At the bottom of body, load AngularJS and then jQM Use jQM for routing (which is the default, as long as you don’t include ngRoute)