2016年10月20日

[資源] 適合打 code 時清楚簡潔的字體選擇---Fira Code

認識 PJ 的人應該都知道,PJ 在寫 code 的時候,很重視編輯器撰寫時視覺上舒適的感受,總覺的畫面好看的編輯器打起 code 來就是比較舒服,用起來就是比較開心。 最近在網路上發現了一個免費字體 Fira Code ,一開始使用的時候,還覺得有些字體變得好像有襯線的感覺而不太習慣,但嘗試一下子之後,發現這個字體非常的清晰易讀,對於每天在碼海中的工程師們非常合適,可以來嘗試用用看! 下載網址:https://github.com/tonsky/FiraCode 目前大多數的編輯器(Atom, Brackets, VSCode)都有支援這款編輯器的連字功能(ligatures),...

2016年10月10日

[資源] 假圖產生器 Fake Image Placeholder

再製作網頁的過程中,常常會有一些版面的位置可能是已經知道圖片的大小,但是設計師還沒有把圖切好給你,這時候空一個位置在那不僅不方便我們看整體版面的配置,在美觀上也常常給人一種未完成品的感覺。 這時候,你可以用簡單方便的假圖產生器快速生成一個圖,先把圖放在版面上,之後等實際的圖片切好之後,再把完成的圖置換上來就可以了。 假圖產生器網址:http://fakeimg.pl/ 使用方式 使用方法非常的簡單,只需要在 http://fakeimg.pl/300x250/ 標住顏色的位置更改為想要的尺寸就可以了。 更改顏色 如果你覺得灰色太過單調,你可以在網址後方多帶一些參數,就可以達到換色的效果,例如:...