8px Grid System 介紹

本文參考至 Intro to the 8-Point Grid System 目前大多網站已使用類似 Bootstrap , Foundation 這類行 CSS framework 開發網站,甚至嘗試自己構建一些類似的系統。 但是當設置成更大的元素和內容時,會降低整體設計。也很難讓所有人都成為設計師,在頁面 layout 的時候會難以一眼看出架構差異。 如果統一使用 8px 作為最小元素,將任何元件的 margin, »

ghost 加入 disqus comment 2017

Ghost 及 disqus 官方資料不知道為什麼,完全不可考,安裝方式如下, 修改檔案位置, content/themes/casper/post.hbs 將下面的程式碼安插在,<section class="share"></section> 中間 直接選擇安裝 disqus Universal Code »

node.js 模組安裝失敗, Refusing to install

最近嘗試安裝 nodejibia 遇到安裝 npm install fail 的狀況,一開始以為自己設定錯誤,或者是 node 版本的問題,結果發現事實與自己想像不同。 解法 發現主要是因為 package.json 裡面名稱設定的問題,根據不知道哪一個版本開始,package name 不可以與 depedency 名稱相同,否則會造成 npm install »

2016 快速回顧

很快的剩下不到 1 小時,2016 即將結束,迎接來 2017,今年身份的變化很快,從老七,變成老公,到老爸的身份轉換。 這些事情的確都在不預期,但也在預期內, 經過 2015 年的洗禮,2016 的專案比較能夠掌握專案脈動。 這一年也參與了不少公司的外包,顧問,以及技術合作,過程中也有蠻多有趣的體驗。 這其中有些尚未完成的合作,希望能夠跟無法配合或者當中沒有妥善溝通的各位致歉。 2016 即將過去, »

Ethereum notes

Ethereum usage Ethereum - official website https://www.ethereum.org/ Mac cli power by golang, and there is cli usage. https://github.com/ethereum/go-ethereum/wiki/ »

SuperAgent 新版支援 await / async

http://visionmedia.github.io/superagent/ 有在使用 request 的朋友一定也會知道另外一套 superAgent, 可以透過後端進行 request 發送,現在 superAgent 2.0 版本已經全面改為 promise 架構。 也意味著,我們可以採用 await, async 使用在 SuperAgent 上面. »

facebook icon css analytic

facebook icon css analytic 今天大家有沒有發現 faceook 的 icon 變的不太一樣。 根據時節來調整動畫或者 logo, 顏色等都是各大網站很會推出的招數,包含愚人節,或者萬聖節,聖誕節總是會有許多惡搞或者隱藏的樂趣味在頁面中呈現。 今年 facebook 悄悄的將萬聖節 icon 放到表情符號上,不知道大家有沒有注意到呢? 身為一位前端開發者,前端熱愛者,這次到底 facebook 使用什麼黑魔法, »