跳至主要內容

Design with Code

來用 Sketch 畫你的 UI 吧

WelcometoSketch3_hero

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

超方便的圖片匯出

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

閱讀更多

Cask 讓 OSX 安裝軟體更有效率

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

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

 

閱讀更多

Migrate to Hexo blog 順便作個小模組

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

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

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

閱讀更多

CocoaPods 管理 Objective-C 專案

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

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

n

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

n

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

在Quick Look預覽視窗中選取文字

在Mac裡我覺得超方便的功能之一就是按下空白鍵來啟用Quick Look預覽檔案了!
能支援的檔案超多的!連簡報檔也可以直接往下一頁翻,不用開啟肥肥的軟體,
ai向量檔也照樣看!想當初還在windows荼毒環境時,還要裝額外的軟體才能看,而且常常因為預覽而導致被快取住,而無法刪除檔案!

閱讀更多

使用scss來加速寫css吧!

今天來介紹sass/scss,一個讓我回不去過往寫css的語言

###sass/scss是啥?
Sass (Syntactically Awesome Stylesheets)是寫css樣式表的一個程式語言,語法跟css一樣(但多了些功能),比css來得好寫,且來得更容易閱讀,寫css的Designer不用考慮,可以換了! 但最好是配合compass!
Sass詳細介紹
或見官網

閱讀更多

Mac螢幕字體平滑方式修改

用了dell螢幕好一陣子了,但不管我亮度、對比怎麼調,就是沒辨法像MacBookPro一樣的字體圓滑程度,由於我用的編輯器多半是以黑色為背景,字體圓滑程度不夠,常常造成白色及淺灰或相近色的字沒有清楚分明,實在不易閱讀,googling一下,總於找到答案了! 嚴重的覺得這跟本就是秘技+計謀,Apple就是要你買他們家的啊~

由於Apple只認自家螢幕的subpixel,難怪他牌的螢幕字體圓滑程度看起來不一樣。

閱讀更多