來用 Sketch 畫你的 UI 吧


在之前就聽說過這個黃黃的鑽石 Sketch 來畫 UI 相當好用,就趁當時 Sketch 3 推出時入手了,再親身體驗過後,我推薦用 Sketch 來畫你的 UI,以下跟大家簡單分享幾個我回不去 Photoshop 的特點:

超方便的圖片匯出

因應 Retina 的螢幕,Sketch 可以很方便的一次輸出多個倍數匯出,傳統用 Photoshop 可能得先輸出 2x 再去縮 1x,另一個好處是 Sketch 是向量的,可以先畫 1x 再輸出 2x 甚至更大 3x,若要支援甫推出的 iPhone 6 Plus 可說是無痛升級 3x!
註: 其實 Photoshop 也是可以向量,只是用起來不那麼方便!

我之前的作法給大家參考一下,由於我是使用 Macbook Retina 螢幕,所以我是先畫 2x,再去縮放 0.5 倍及 1.5 倍:


Read More

Cask 讓 OSX 安裝軟體更有效率

之前因為買了 MacbookPro Retina 而要安裝新舊 2 台電腦,就在想有沒有比較方便的安裝方法,就無意間在 github 搜到,今天來介紹連安裝軟體也這麼潮 (誤)的 caskroom。

caskroom 官網所說「“To install, drag this icon…” no more!」
你不需要在搜尋…然後下載某個軟體的 dmg… 然後掛載… 然後拖拉 app 到 application 資料夾… 要安裝幾十個軟體,這樣的步驟就要一直重復! 少說至少也要花個半天才能搞定!
而 caskroom 解決這樣的問題,一切只要在終端機打上一行指令,軟體就幫你安裝好了,要安裝很多軟體? 把要裝的先 list 起來,一次裝完就搞定,超方便啊!!! 但前提這些軟體都是沒有在 Mac App Store 上架的軟體,當然也不會有 Adobe 的主要的幾個重量級軟體。

Read More

港版 MacBookPro Retina 新體驗

話說我也趕上潮流敗了 MacbookPro 15 Retina!,在這之前我是 2009 年未的 MacbookPro 13”,說真的 換了 ssd 加 Fusion Drive 後其實速度上也算蠻快的,只是現在年紀稍長,電池只能撐 2~3 個小時,不像年輕時可近 4~5 個小時,嚴格來說,是可以繼續用下去,但我實在想幫我老婆換掉我很受不了的 win7,除了偶爾要幫忙修一下之外,有時還要為了要找一個功能開關,找到昏天暗地、找到了又鬼打牆…..(恕刪) 當然最正當的理由就是我也想開發支援 Retina 的 web 或 app。

Read More

Migrate to Hexo blog 順便作個小模組


我換到 Hexo 了,之前是使用 Octopress,當初會使用 Octopress 最大吸引我的就是使用 markdown 來寫 blog 文章,覺得比較快速方便,其次是可以丟到 github page 上還可以自訂網址! 這麼讚!馬上就跳過去了.

使用一段時間之後發現它產生文章真的有點慢…我文章就已經在不多了還很慢,而其中比較困擾我的是我修改了文章內容,本機預覽卻不會馬上出現,而是要重整個幾次才出現,當然後來也知道了解法.

之後是在發佈到 github page 時卻產生了一種不確定感,因為 deploy 失敗,要 fast-forward,後來有網路紅人作了 Logdown,使用 markdown 編輯器,也可自訂網址,超強! 還有很多 feature,使用上也是非常方便啊!!!

但我個人還是比較喜歡自已自訂些東西,所以後來發現 Hexo 使用 node.js 作的 blog framework,真不愧是目前火紅的 JS 從前端走到後端啊! 功能我覺得跟 Octopress 挺相似的,但最大優勢就是速度快啊~
而且覺得 Octopress 的安裝還是有一定的門檻在,相較 Hexo 簡單得多些…

以上碎念,來看怎麼裝 Hexo 吧!

先安裝 node.js

Node.js 可以說是個使用 Javascript 語言的伺服器後端,選作業系統安裝,此安裝會幫系統裝 node 及 npm (Node Packaged Modules node 的套件管理工具)。

Read More

Xcode and sublimetext themes fonts

來分享一下我目前主要編輯器的 theme 跟 font 吧!

theme:

我通常只有一個重點 就是黑灰底跟豐富色彩的 syntax color,沒辨法眼睛很挑剔!

Sublime text:
我是用推出蠻久也支援蠻多 editor 的 Tomorrow Theme 系列,而有其它的配色也很火紅,但就看不慣~ 而其中我是用 Tomorrow Night - Eighties,底色沒選那麼深的原因是因為 mbp 的鏡面螢幕啊! 太深會反射 @@


引用 Tomorrow Theme on github 網站圖片

Tomorrow theme 不管是寫 html、css、js 上我都覺得非常舒適!後來連偶爾用的 vim, textmate, 都換成 tomorrow 系列~

可以到這裡下載 Tomorrow Theme

Xcode :
最一開始用的是 EGO, 中間有換成 Tomorrow 系列,但最後還是覺得 EGO 順眼多了。

Xcode-theme
安裝路徑是在~/Library/Developer/Xcode/UserData/FontAndColorThemes/

EGO v2 在這裡下載:
curl -O http://developers.enormego.com/assets/egotheme/EGOv2.dvtcolortheme

Font:

好的字型對於閱讀與視覺也是很重要的!
原本使用 OS X 預設的 Monaco,但意外發現 Slant 列出最佳寫 code 的字型,後來就改用 Slant 上獲得最高分的 Source Code Pro,果然還不錯! 目前我很多編輯器裡的 font 都改用 Source Code Pro 了!


引用 Slant 網站圖片

Chrome

Chrome 的 DevTools 也有 theme 喔 !!
對於經常要看 source code 的工程師們,應該不想看著白色背景 codeing 吧!
devthemez 有列出很多 developer theme。

目前我 Chrome 用的是 Zero Dark Matrix,作者還有經常性的維護,不會因為 Chrome 升級版本有些畫面就失效! (有的 theme 的確會造成這樣問題),大推!


引用 Zero Dark Matrix on github 圖片

Plex on Apple TV 3

在要買 AppleTV 3 時就一直期待著,那天可以像 ATV 2 代一樣裝著 Plex player 觀看我電腦裡的影片,只是這天等了好久,一直沒實現,反到是新家買了三星的 TV ,裡面的 Samsung TV App store 居然有 Plex 可以裝! 讓我看影片很爽快! (大概只有這套 app 想裝,其它的都非常g肋,應該沒人想用 remote 選字上 youtube 吧!)

AppleTV 3 躺了好久,今天終於出頭天了! 有高手弄出了 PlexConnect,讓電腦當 server 透過 ATV3 改 dns 來連到電腦,看電腦上的影片,還免 jb 耶!! AWESOME!

重點不用1分鐘就搞定!! 真是無痛!

(那像之前連大陸地區的方法,麻煩又 lag 看得到吃不到 #$%^&* )

Read More

CocoaPods 管理 Objective-C 專案

伴著 App 大賣,至今已進入 500億大關, Objective-C 開發也越來火紅,相關的 library 也越來越多!


話說當我們要造一台車,有些東西真不用自已在重新開發輪子,我覺得像 Ruby 一樣! gem 非常多~

好一段時間沒研究了! 剛好最近需要開發 iOS,在找工具時發現了 CocoaPods 真是個管理輪子及相依性的好工具!

一方面也知道用了那些輪子,有些輪子是擴充某個版本輪子的 category,沒注意一更新可能會造成相依性問題出錯,此外也可在官網搜尋有那些好用的輪子,網海中輪子爆多,有這方便了不少!

Read More

Alfred Workflows

寫了一個可以方便查詢目前台幣即時兌換的匯率,因為每次都要開台灣銀行來看,所以就乾脆寫了一個快速查詢,原理是直接取得台灣銀行的查匯率頁面,再把 csv 資料抓來整理列出。

可額外在輸入幣別後查歷史匯率,點了之後會跳到台灣銀行的單一幣別歷史匯率查詢頁,當然這頁還是得由自已按下送出才能查詢!

那個上下箭頭呢 是跟前一日來作比對的,非週期來比對,僅供參考

下載 v1.1.1

Changelog

  • v 1.1.1 fixed download link miss
  • v 1.1 修正讀取銀行資料錯誤

註:

  • 本工具只列台灣銀行的資料。
  • 歷史匯率會列出往前推算9天的只有”營業日”的匯率,也就是實際列出會去掉週六日。
  • 所有匯率以台灣銀行實際交易價格為主,本工具只抓其網頁作為參考。

thanks:

  • Flag icons made by www.IconDrawer.com
  • workflows Library by David Ferguson (@jdfwarrior)