Designer.app | 華文設計師外掛

Google web designer，800K的前端設計軟體

in 前端設計, animation, Google - on 星期三, 12月 04, 2013 - No comments

自從開始用Google Chrome輔助前端設計後，再也找不到最佳輔助工具。Google這次直接釋放網頁設計軟體Google web designer，整套軟體才800K。

Google web designer是一套給設計師用的開發環境，標榜只要專心設計，語言部份交給軟體！並且特別提醒一次設計，可以支援各種瀏覽環境。

網站：https://www.google.com/webdesigner/

JPEGmini，幾乎不失真幫你降低JPEG檔

in 平面設計, 廣告, Photoshop - on 星期二, 12月 03, 2013 - No comments

每次幫客戶做Adword的圖片廣告都被Google限制的檔案大小搞得很頭痛，明明就只差那5K，為了要讓檔案符合Google的要求而再降一個壓縮品質，最後搞出來的圖片都很難看，但自從我發現JPEGmini後，一切都變了。

網站：JPEGmini.com

可以透過重新壓縮降低到最多約1/3的工具網站，免費的！使用的技術是更精確計算的JPEG壓縮，但不會嘗試降低你的壓縮比，你的來源檔案假設壓縮品質是9，那麼他也會以9來進行重新壓縮，只是檔案會再降低一些。

實際降低的比數還是得看你圖片使用到的顏色分佈為準。

如果你要製作的是Flash的banner，當然裡面的圖片也能在這壓縮，結果也是會降低swf的檔案大小。

Guideguide，幫你計算並生成導線的Photoshop模組

in 前端設計, 網頁設計, 響應式, fluid, html, Photoshop, responsive - on 星期三, 11月 27, 2013 - No comments

在製作響應式網頁設計時，經常要在Photoshop先畫好導線，以確認每一個欄位的寬度或每個section的高度，雖說計算寬度一定要先自己算好誰也幫不上忙，但計算間隙這件事更煩人了，且實際精準地去拉導線定位時也是一個痛苦的事。Guideguide就是幫你做這兩件事的，立刻畫出來。

網站：Guideguide.me

不只是絕對位置的導線佈局

除了先行計算好自己要的整體結構佈局再用Guideguide拉導線以外，有時候我們也會從固定需要的區塊來開始延伸計算相對間隔與位置，Guideguide也能這樣畫！

這樣的模組竟然是免費的！

Fake image please，請立刻給我一張假圖！

in 前端設計, 網頁設計, html, responsive - on 星期二, 11月 26, 2013 - No comments

有時候我們寫網頁會臨時需要一些圖片來預覽結果，雖說是隨便要一張就好的東西，卻不得不開Photoshop來做需要的尺寸，這時候如果有Fake image please幫助的話就方便了，所有圖片的尺寸都可以在瞬間"寫"出來。

網站：Fake image please

只要簡單的打上一段規則的網址，加上尺寸，就成為一張圖，多麼直覺的解決方案呀。這對前端作業來說根本是神一樣的工具。以下是官方的範例語法：

img src="http://fakeimg.pl/300/"
img src="http://fakeimg.pl/250x100/"
img src="http://fakeimg.pl/250x100/ff0000/"
img src="http://fakeimg.pl/350x200/ff0000/000"
img src="http://fakeimg.pl/350x200/?text=Hello"
img src="http://fakeimg.pl/350x200/?text=World&font=lobster"

網址就是參數，可以在參數上訂製圖片尺寸、圖片背景色、文字顏色、文字、字型(似乎不支援中文字)。相信大家看看就知道語法怎麼用了…，不過因為參數很程式化，所以也可能寫出比範例更複雜的圖片，例如本篇的範例就是寫這樣的：
http://fakeimg.pl/650x300/0088b2/fff/?text=designerapps.blogspot.com
大家可以多嘗試一下。

這應該是Java生成的圖片。

Bittorrent sync，來跟幾個朋友一起收集與分享有趣的檔案吧

in 軟體 - on 星期六, 11月 23, 2013 - No comments

記得Bittorrent嗎？
七八年前BT技術火紅時很出名的一套BT，在頻寬與流量不再昂貴的今天，他們走對出路了。

網站：Bittorrent sync

他們做了一套個人/社群資料同步軟體，這可以做什麼呢？若A和B共同開發一個專案，勢必有些檔案需要同時共有，於是雲端概念出來了，可是雲端概念有一個問題是存儲空間有限，而且很不便於針對一群共同愛好的人"收集"或者分享，而且雲端上只要其中一方對資安沒有概念就還有被盜用的可能。