Domainsbot，2014年搜尋域名的最佳方案
常常搜尋網域嗎？
我從1998年開始搜尋和購買域名，以往搜尋域名都要經過實時whois搜尋才能知道結果，直到有人仿效Google15年前把全球網站都複製一份來當內部搜尋資料後，搜索域名變得即時回應，真好的創意。
我們曾經在這裡介紹過Psychic Whois這個超紅超方便的域名搜尋工具網站，不過沒多久前Psychic Whois把工具收起來了，並且網址直接導向到domaintools.com這家公司。
網路上的好用工具一定會有人繼續做的，經過幾次搜尋後我又找到了可以取代Psychic Whois的替代工具網站:D，而且可能更優秀。
連結：Domainsbot
不但如此，Domainsbot還提供iPhone版，讓您隨時想到就能搜尋網域。
我從1998年開始搜尋和購買域名，以往搜尋域名都要經過實時whois搜尋才能知道結果，直到有人仿效Google15年前把全球網站都複製一份來當內部搜尋資料後，搜索域名變得即時回應，真好的創意。
我們曾經在這裡介紹過Psychic Whois這個超紅超方便的域名搜尋工具網站，不過沒多久前Psychic Whois把工具收起來了，並且網址直接導向到domaintools.com這家公司。
網路上的好用工具一定會有人繼續做的，經過幾次搜尋後我又找到了可以取代Psychic Whois的替代工具網站:D，而且可能更優秀。
連結：Domainsbot
不但如此，Domainsbot還提供iPhone版，讓您隨時想到就能搜尋網域。
Psychic Whois，搜索有效域名的最強工具
註冊域名之前必須要確定該域名是否已被註冊，以往在域名申請公司的網站註冊時得先經過查詢再從尚未被註冊的域名中連結進入申請程序。Psychic Whois提供了更直接的方式，這家公司把已註冊域名盡可能的收納到資料庫裡，再提供一個輸入格讓你打上想要的域名，然後立即顯示該域名是否已被註冊，連enter都省了。如果域名被註冊，可以立即backspace修改想要的域名，然後依然以所見即所得的方式比對有效域名。
網址：psychicwhois.com
目前Psychic Whois收錄了.com, .net, .org, .biz, .info, .us等域名，若要申請前列域名，試試看到Psychic Whois輸入，一定會令你體驗到檢測域名的一級服務。
當然你也可以透過來申請域名。
QRHacker，最強大的免費QR code生成器
今天要介紹的QRHacker是目前看到最強大的生成器，別人選QR code生成器隨便來沒關係，但是設計師的你可就得有點不一樣的標準了。QRHacker可以製作網址、電話、vCard、文字、Wifi access的QR code(似乎少了sms訊息)，並且可以針對每一個格子單獨著色，放照片在背景或放在QR上，這些都是免費功能並且能輸出足夠大的尺寸(算算印刷四公分沒問題，而且基本上這種顆粒圖片印大點也不會影響什麼)。
網站：QRHacker
付費功能更完整了，甚至可以生成一個搭配你analytics統計的code，讓你的行銷計畫能更撲天蓋地的檢視成果！
Noise Generator，比Photoshop的濾鏡更強的雜訊製造器
Photoshop的雜訊(noise)濾鏡現在普遍被用來做其他材質的基本素材，透過雜訊可以做出隨機不規則的雜點，再用其他特效功能把他轉化成其他有機素材，例如做斑剝效果就多半會先做雜訊。
不過Photoshop生成雜訊的功能從2.5版至今也沒加強過了。今天要介紹的是更強的雜訊工具，而且是在網頁上直接生成的。Noise Generator透過不透明度和密度來控制雜訊的表現，尤其是密度這個屬性使得他跟Photoshop所能生成的雜訊有絕對的不同。Noise Generator還能輸出透明背景的雜訊圖片，這在Photoshop上目前還不能完全搞出來。
網站：Noise Generator
不過話說回來Noise Generator目前也只接受製作最大300px*300px的尺寸。
Google web designer，800K的前端設計軟體
自從開始用Google Chrome輔助前端設計後，再也找不到最佳輔助工具。Google這次直接釋放網頁設計軟體Google web designer，整套軟體才800K。
Google web designer是一套給設計師用的開發環境，標榜只要專心設計，語言部份交給軟體！並且特別提醒一次設計，可以支援各種瀏覽環境。
網站：https://www.google.com/webdesigner/
JPEGmini，幾乎不失真幫你降低JPEG檔
每次幫客戶做Adword的圖片廣告都被Google限制的檔案大小搞得很頭痛，明明就只差那5K，為了要讓檔案符合Google的要求而再降一個壓縮品質，最後搞出來的圖片都很難看，但自從我發現JPEGmini後，一切都變了。
網站：JPEGmini.com
可以透過重新壓縮降低到最多約1/3的工具網站，免費的！使用的技術是更精確計算的JPEG壓縮，但不會嘗試降低你的壓縮比，你的來源檔案假設壓縮品質是9，那麼他也會以9來進行重新壓縮，只是檔案會再降低一些。
實際降低的比數還是得看你圖片使用到的顏色分佈為準。
如果你要製作的是Flash的banner，當然裡面的圖片也能在這壓縮，結果也是會降低swf的檔案大小。
Guideguide，幫你計算並生成導線的Photoshop模組
在製作響應式網頁設計時，經常要在Photoshop先畫好導線，以確認每一個欄位的寬度或每個section的高度，雖說計算寬度一定要先自己算好誰也幫不上忙，但計算間隙這件事更煩人了，且實際精準地去拉導線定位時也是一個痛苦的事。Guideguide就是幫你做這兩件事的，立刻畫出來。
網站：Guideguide.me
不只是絕對位置的導線佈局
除了先行計算好自己要的整體結構佈局再用Guideguide拉導線以外，有時候我們也會從固定需要的區塊來開始延伸計算相對間隔與位置，Guideguide也能這樣畫！這樣的模組竟然是免費的！
Fake image please，請立刻給我一張假圖！
有時候我們寫網頁會臨時需要一些圖片來預覽結果，雖說是隨便要一張就好的東西，卻不得不開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，來跟幾個朋友一起收集與分享有趣的檔案吧
記得Bittorrent嗎？
七八年前BT技術火紅時很出名的一套BT，在頻寬與流量不再昂貴的今天，他們走對出路了。
網站：Bittorrent sync
他們做了一套個人/社群資料同步軟體，這可以做什麼呢？若A和B共同開發一個專案，勢必有些檔案需要同時共有，於是雲端概念出來了，可是雲端概念有一個問題是存儲空間有限，而且很不便於針對一群共同愛好的人"收集"或者分享，而且雲端上只要其中一方對資安沒有概念就還有被盜用的可能。
七八年前BT技術火紅時很出名的一套BT，在頻寬與流量不再昂貴的今天，他們走對出路了。
網站：Bittorrent sync
他們做了一套個人/社群資料同步軟體，這可以做什麼呢？若A和B共同開發一個專案，勢必有些檔案需要同時共有，於是雲端概念出來了，可是雲端概念有一個問題是存儲空間有限，而且很不便於針對一群共同愛好的人"收集"或者分享，而且雲端上只要其中一方對資安沒有概念就還有被盜用的可能。
如何改變Blogspot的靜態頁面網址
答案是不能改。
但是你可以在創造一個新的靜態時，替她先取好名字，然後再把原本的頁面內容複製到新的頁面去。方法如下： |
| 開新頁面 |
 |
| 先在標題起好名字，直接發佈 |
 |
| 這時視窗回到設定的頁面，在新建立的頁面把滑鼠移到檢視這，就可以看到是你定的網址了。 |
再去把原本頁面的內容複製過來，就大功告成。
UI Cloud，這個荒唐的搜尋引擎讓你搜免費UI
有人做了一個搜尋器讓你針對全世界主要在分享免費UI設計下載的網站搜尋，想要什麼元素，就搜什麼元素，例如需要表單，那麼搜尋Form，接著就會列出一堆漂亮的表單設計讓你下載使用！
網站：UI-cloud.com
這真是荒唐！
CSS Arrow Please，無痛製作附有箭頭的CSS對話框
阿！竟然有這種東西。過去用CSS去做一個有三角指標的容器常常要我的命，三角形部份用圖解決就要在改變顏色時開Photoshop再改一次顏色，要是再加上邊框我更頭痛去了。
有個傢伙好像看到我的難處了，做了這個製作器。這真他X的了得，他完全看到我這種用CSS去畫圖有障礙的人到底需要什麼！
網站：CSS Arrow Please
不過可惜他似乎給的設定不夠多，例如我若不要圓角就得自己去改CSS了(雖然這裡簡單到一個不行)。
BuiltWith，告訴你這個網站到底用了哪些技術
有時候我們就是找不出某網站使用的技術，這件複雜工作讓BuiltWith告訴你。只要簡單的把網址輸入，BuiltWith就會在兩秒後盡可能的列出全部該網站所使用到的所有技術。例如看看我們這個部落格用到的技術。
網站：BuiltWith.com
不只如此，還可以看看這些技術的全球使用度，只要簡單的在該技術名稱上點一下左鍵，就會進入到一個分析畫面，可以透過一些圖表知道該技術的全球使用度。不過有些數據可能還收集不夠多，但是這些資訊是一直累積中。
Subtle patterns, 免費、世界最精緻的專業背景圖+PS外掛
你自己作過無縫連接的背景圖嗎？
我猜不少人都沒有自己做過吧？我也是，最多只改過或者做一些簡單的圖騰式的。挪威有個愛做高級精緻背景圖的設計師開了Subtlepatterns.com這個網站，提供高精緻的背景圖免費下載，不但免費還特別分類並細心的打包成.zip檔案提供下載，所有檔案並且分類成10種類別以方便瀏覽取用。網站：Subtlepatterns.com
網頁每一頁的最下面有一個Top Tags把圖片分類好，點選任何一個都會過濾呈現的背景圖庫。瀏覽時亦可使用圖庫最上方的工具選擇預覽方式，好讓選擇時進入到最佳的視野。
不但如此，現在還提供Photoshop外掛
看到首頁上綠色的按鈕嗎？點過去就會進到外掛介紹頁面，不過這個方便的外掛是要11.99美金的。
Subtlepatterns.com的背景圖是目前免費原創背景圖裡最精緻的，在Themeforest的許多Top設計師都特別愛用他的背景圖來增加設計水平。如果你細細瀏覽一次全部的背景，一定會替你的設計工作永遠的、強強的加上不少分數。
Screenqueri.es，一定要用的全響應網頁設計測試網站
最強的全響應網頁設計測試網站
我曾經介紹過RWD 是響應式網站設計一定要有的書籤工具，今天要介紹我使用過最棒的全響應設計最棒的線上測試環境Screenqueri.es。直接在瀏覽器上測試超過60個行動裝置
支援超過60個行動裝置解析度，只需要從下拉式清單簡單的選一個裝置名稱即可進入測試狀態，當然你也可以隨時改變解析度看看預覽結果。不單可以測試http網站，就連本地端的連結也是可以直接測試的，厲害吧？不過你必須花一點時間註冊帳號才能使用。網站連結：Screenqueri.es
不只是iPhone, iPad, 主流品牌android…連Kindle或各大廠的平板電腦都可以一併測試了。而且是完全免費的。
