:::

試做Electron桌面應用程式:webapp-wrapper / Try Electron: webapp-wrapper

試做Electron桌面應用程式:webapp-wrapper / Try Electron: webapp-wrapper

image

繼前一篇在講怎麼使用Chrome命令列選項app來製作網頁應用程式之後,我還是覺得app模式有很多限制。後來索性摸摸看最近很流行的跨平臺桌面作業系統應用程式的開發框架Electron,然後作出一個用Electron開啟網頁的應用程式:webapp-wrapper

(more...)

Google分析的行為事件追蹤:使用jQuery加入事件 / Add Google Analytics Event Tracking by jQuery

Google分析的行為事件追蹤:使用jQuery加入事件 / Add Google Analytics Event Tracking by jQuery

image

繼前一篇介紹如何在Google分析中加入使用者ID之後,這篇要講的則是Google分析的基本用法之一:事件記錄(Event Tracking)。網路上已經有許多關於事件記錄的做法,不過大多都是寫在標籤的onclick屬性中。這就篇簡單介紹使用jQuery來加入事件記錄的做法吧。

(more...)

自製網頁應用程式!使用Chrome的命令列選項app來製作網頁應用程式捷徑 / Run a Standalone Web APP in Google Chrome’s App Mode

布丁布丁吃布丁

自製網頁應用程式!使用Chrome的命令列選項app來製作網頁應用程式捷徑 / Run a Standalone Web APP in Google Chrome’s App Mode

image

你常常使用InboxWunderlist等網頁應用程式(Web APP),但又不想讓它們跟其他分頁混在一起、而希望能夠獨立成為一個視窗嗎?本篇教你利用Google Chrome命令列選項app將常用網頁製作成應用程式捷徑,不僅讓它以獨立無選單應用程式模式開啟,還能將捷徑直接加入Windows的開始 > 所有程式當中!

(more...)

立刻取得檔案路徑!傳送到「filepath-to-clipboard」 / Copy Filepath in “Send to”: filepath-to-clipboard

布丁布丁吃布丁

立刻取得檔案路徑!傳送到「filepath-to-clipboard」 / Copy Filepath in “Send to”: filepath-to-clipboard

image

我很喜歡Q-Dir的「複製路徑」功能,它可以讓我快速取得檔案的路徑。後來想想,其實我也能用AutoIt做一個類似的功能出來,還能加在Windows的「傳送到」選單裡面,這樣可以讓每個程式都能用「複製路徑」了。以下就是介紹我做的filepath-to-clipboard.exe

(more...)

以捷徑指令直接用記事本開啟檔案 / Open a File with Notepad.exe in Shortcut Command

布丁布丁吃布丁

以捷徑指令直接用記事本開啟檔案 / Open a File with Notepad.exe in Shortcut Command

image

編輯純文字檔案時,我通常推薦大家使用如Notepad++之類的編輯器。但如果一些特定的檔案我就是想要用Windows內建的記事本來開啟的話,那就得用命令列搭配捷徑的做法了。因為筆記本(Notepad.exe)的指令列用法比較少人提及,所以我想順便在這裡記錄一下,未來可能其他人也會用到。

(more...)

單機版簡易網頁標註外掛:Rangy Highlighter Cookie / Standalone Web Annotation Pluing: Rangy Highlighter Cookie

單機版簡易網頁標註外掛:Rangy Highlighter Cookie / Standalone Web Annotation Pluing: Rangy Highlighter Cookie

image

很多人會希望在閱讀網頁的時候也能像是紙本一樣畫重點。雖然我以前做過閱讀知識合作標註學習系統KALS可以做到這功能,但它太過龐大、老舊,而且畫重點前還需要註冊,使用上諸多不便。我後來發現AnnotateIt之類的新形態網頁標註工具開始採用了Rangy選取函式庫,它使用現代瀏覽器支援的選擇功能,能夠從根本上改善KALS的問題。所以我就用Rangy做了一個簡易的單機版網頁標註外掛:Rangy Highlighter Cookie。網站架設者只要在HTML程式碼中嵌入JavaScript就能夠使用。標註的資料直接儲存在使用者個人的Cookie中,不需要登入或仰賴其他伺服器。雖然功能簡單,但這可以解決大多人在網頁上畫重點的需求,也是為了未來發展複雜功能所做的一個基石。

(more...)

多臺電腦使用相同的書目!Zotero的書目與附加檔案同步功能 / Sync Your Zotero Library and Attachments

布丁布丁吃布丁

多臺電腦使用相同的書目!Zotero的書目與附加檔案同步功能 / Sync Your Zotero Library and Attachments

image

Zotero管理論文的文獻書目很方便,但是如果換一臺不同電腦編輯文件,我們就沒有之前電腦上的Zotero資料了。在這多螢時代中,Zotero其實內建了同步的功能,可以使用免費申請的帳號來同步書目資料。除了書目之外,我們還可以申請免費的Yandex雲端硬碟來同步Zotero的附件。以下我們就來看看怎麼讓Zotero雲端化吧。

(more...)