念念不忘,必有迴響。有一口氣,點一盞燈,有燈就有人。

如何設定 Anchor 顏色 ?

如何設定 Anchor 顏色 ?

<a> 為最常用的 HTML 之一,可透過 peudo-class 設定在不同狀態下的視覺效果。

Ramda Cookbook 之 pickIndexes()

Ramda Cookbook 之 pickIndexes()

Ramda Cookbook 是學習 Ramda 很好的地方,除了都是很實用的 Function 外,還可以學到更進階的 Ramda 技巧。

若我們想從 Array 得到幾個特定 Index 的 Element 時,該如何實現呢 ?

如何將 Finder 放到 Touch Bar ?

如何將 Finder 放到 Touch Bar ?

Touch Bar 為 Macbook Pro 非常有創意的設計,可根據自己的 Workflow 加以客製化。

如天天都要使用上百次的 Finder,能否將 Finder 直接釘在 Touch Bar,要用時隨時取用,不必再依賴 Dock 或 Alfred 呼叫 Finder。

Ramda 自行組合 objSize()

Ramda 自行組合 objSize()

對於 Array,ECMAScript 提供了 length() 讓我們獲得 Array 的大小;但對於 Object 的 Size,ECMAScript 並沒有提供直接的方法,必須使用較 Tricky 方式。

CSS 初體驗

CSS 初體驗

縱使前端技術日新月異,但其實脫離不開三個最基本技術:HTML / CSS / ECMAScript,其中視覺部分就是由 CSS 負責。

如何使用 VS Code 客製化 Emmet ?

如何使用 VS Code 客製化 Emmet ?

VS Code 已經內建支援 Emmet,可當原生功能使用,但有時候 Emmet 產生的 HTML 或 CSS,並不符合需求,或者我們想擴充 Emmet 功能,這在 VS Code 有可能實現嗎 ?

如何在 VS Code 設定自己的 HTML Snippet ?

如何在 VS Code 設定自己的 HTML Snippet ?

關於 HTML 部分,VS Code 已經內建一些 Snippet,也支援 Emmet,我們是否還能建立自己的 HTML Snippet 呢 ?

如何在 VS Code 即時顯示 HTML 與 CSS ?

如何在 VS Code 即時顯示 HTML 與 CSS ?

雖然目前前端 CLI 都內建 Webpack-dev-server,可即時反應 HTML / CSS / ECMAScript 的改變,但有時只想測試或示範 HTML / CSS,並不牽涉 ECMAScript,此時可搭配 VS Code 的 Extension: Live Server,就可滿足我們的需求。

如何將 Hexo 發佈到 GitHub ?

如何將 Hexo 發佈到 GitHub ?

當使用 Hexo 快速建立 Blog 後,最後一哩路就是發佈到 GitHub。

NVM Cheat Sheet

NVM Cheat Sheet

NVM 是 Node 版本管理程式,可用來安裝/移除不同版本的 Node,還可以切換 Node 版本,若你大量依賴 Node 生態系,NVM 一定要安裝。