2015年8月17日

完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201508/select-text.html

摘要:
最近在工作上需要一個功能,就是點選一個按鈕可以全選某個區域內的文字,由於,找了一些解法大多都是針對文 input 的 text 或 textarea 所設計,,後來總算是在 Stack Overflow 發現了完美的解法,( 參考連結:http://goo.gl/uAHGuS ) 根據這個解法我就做出來了可以選取特定區域文字的範例,程式碼的長相如下: ( 範例:select-text-demo01.html )

2015年8月8日

完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201508/figlet-ascii-decorator.html

摘要:
早在十幾年前玩 BBS 的時候 ( 暴露年紀了 ),就已經開始玩許多利用文字與線條組成的圖形,當時甚也用 ASCII 色碼來表現顏色,真是令人不勝懷念,然而到了今時今日,因為 SublimeText 的緣故,竟然又接觸到了類似的技術,因此找了一些相關的資訊,用這篇文章做個紀錄的分享。 首先談到這種字體的由來,它其實有幾個固定名稱,幾種比較主要的稱呼分別是:「ASCII TEXT」、「ASCII TEXT Banner」、「ASCII Art」、「ASCII Decorator」和「FIGlet」,「FIGlet」這個詞應該是最標準的用法,因為這個詞可是在維基百科上頭有介紹的 ( https://en.wikipedia.org/wiki/FIGlet ),而「FIGlet」源自於 Frank、Ian 和 Glen 的信,應該就是他們當初在寫信的時候加上去的一些字體藝術 ( 參考:http://www.figlet.org/faq.html )

2015年8月5日

完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201508/edit-blog-by-gulp.html

摘要:
oxxostudio 開張一年多以來,我都是用 Fire.app 在撰寫我的 blog,撰寫的方式不外乎就是利用樣板語法,達成每一頁都會有固定的 layout,然後還可以根據不同頁面套用不同的 CSS 與 Javascript,雖然當初用幾百塊錢買的 Fire.app 還滿方便的,但坦白說它的速度真是慢到有點受不了,或許是背後要用到 Java 的緣故 ( 且在 Java 7 和 Java 8 之間還造成不少問題 ),加上工作上同事都是 node.js 的高手,所以就毅然決然的告別 Fire.app,投入了 Gulp 的懷抱。 雖然用說的很簡單,但一個 blog 要完全轉換為用另外一種編輯模式,實在也沒那麼容易,雖然當初我都使用 markdown 來做編輯與手動轉換,但若要將其全自動,就是一個大挑戰了,因為當初在寫的時候有時候偷懶,有時候隔了幾天或幾週才寫,造成了格式上些許的疏漏和差異,而這些差異又得一篇篇文章查找才明白,也導致我的轉換過程整整耗費了兩個月才完成 ( 也是因為最近太忙了 )。