rails rails turbolinks 實務小記 承接上篇文章，若對於 rails turoblinks 還不知道是什麼，可以參考此文：Rails Turbolinks & PJAX。這篇條列幾點在實作 rails turbolinks 時要注意的事項： 只有 <body> 的內容會被更動 Rails Turbolinks 目前版本只有 <body> 與 <title> 的內容會被更動，為什麼說「目前這個版本」？因為今年底前 turbolinks 第 3 版應就會隨著 rails 5 一起被 release，屆時將會有非常非常大的變動...可參考 turbolinks
javascript facebook authorization with popup window (經由彈出視窗進行facebook認證) using PHP and javascript 一般使用facebook PHP SDK做登入都是採用getLoginUrl函式取得連結（如官方此範例），認證完後會轉址回來並帶些facebook認證確認的state、code等get參數，在使用者體驗上非常的不好，甚至有可能在已帶有get參數的頁面上再轉址回來後會導致異常。 在此使用Facebook PHP SDK 3.0搭配javascript的方式，用popup window做認證。今年年初Facebook PHP SDK 3.0的更新中已有搭配javascript的範例，但有認證成功後無窮reload迴圈的問題，網路上普遍是IE發生問題，筆者本身是在Mac的chrome有此問題（問題出在下方的程式碼）。 FB.Event.subscribe('auth.login', function(response) { // do something with response login(); }); 故我們得自己創建popup authorization window，流程如下： 使用者按下Facebook登入/認證按鈕 javascript產生一個window並且將其導向facebook登入/認證的網址
javascript [整理]Javascript 打亂(obfuscation) / 編碼(encoding)器 在此整理出幾類常見的javascript打亂/編碼器： ＊推薦 （註：這兩個都是實務上常見的。不只會替代原帶有含意的變數名稱為單個英文字母，也會一併壓縮檔案大小） http://dean.edwards.name/packer/ http://javascriptcompressor.com/ Javascript Compiler （註：單純把js檔案大小壓縮） http://closure-compiler.appspot.com/home（Google提供，線上版） http://developer.yahoo.com/yui/compressor/（Yahoo所提供，但需下載額外的jar檔跑。也可替代名稱，但須額外下載jar檔略顯麻煩） For fun （註：這些都使用特殊的方式加密與編碼，雖可一眼看不出是什麼程式碼，但卻導致所需檔案大小成長N倍。在速度競爭的網路時代中勢必不被愛載） http:
javascript Audio Player on HTML (Advanced) There are some different approaches to make easy on playing audio by third-part tools on your website. Yahoo Media Player Using the Yahoo player is free. To use it you insert this piece of JavaScript at the bottom of your web page: <script
javascript How to implement a plurk-like timeline Timeline is a popular issue in last 2011(because facebook). So how to implement a stunning timeline as your website core like plurk does ?? Now I organize some resources how to implement a plurk-like timeline (also called riverway) The first step is to create
javascript 透過修改原始碼解除網頁鎖右鍵限制 (Chrome Dev) 很多網站為了保護自己網站內容都會將該網站的右鍵、選取等功能鎖住，此篇文章主要是介紹用Chrome Dev的Inspector透過修改網頁原始碼將限制移除，其他方法就不再多述。 圖片來源 Chrome Inspector 相信擅長網路開發或是略有而聞的讀者一定都知道FireBug這套出自於Firefox的Plugin（chrome也有，不過是Lite版），便是可以透過修改網頁原始碼即時在網頁上看到變化，而Inspector也可以說是chrome原生的FireBug，對於網頁開發員來說可說是必備工具！！ 如何破解 開啟Inspector的方式有兩種，一種是透過右鍵->Inspect Element（如果鎖右鍵就沒用啦），另一種則是在功能表列上View -> Developer -> Developer Tools。 出現Inspector後就是找尋鎖功能的程式碼啦，絕大部分都會放在body這個Attribute中（從最上面開始找起）。舉此網站來說，在body中他擺了三個javascript的event handler來做右鍵、拖曳、選取的鎖定。 <body id="article-main" class=