Category: Bookmarks

Pointer Pointer by @StudioMoniker

Posted by – November 11, 2014

Pointer Pointer 這個網站還蠻有意思的,把滑鼠游標停在畫面的黑框中,系統就會找出一張有人指著游標的照片。

不曉得這背後處理的機制是怎麼做到的。

Screen Shot 2014-11-11 at 9.25.54 AM

Sublime Text: Slugify Plugin

Posted by – November 8, 2014

之前曾經寫過將文字轉換成 slug 形式的方法和用途。最近在要將一些程式碼中的文字改成 slug,但是要一段一段 copy 出來改也太麻煩了,身為一個懶墮的工程師,想當然會找一下有沒有 Sublime Text 用的轉換工具。

果不其然,已經有人寫出來了,這個名為 Slugify 的套件。

Slugify readme.md

這個名字有點可愛的套件,用法也很簡單,用 Sublime Text 的 Package Control 安裝即可。

sublime_text_2_install_slugify

使用方式是將要轉換成 slug 的文字選取起來,按下 shift + command + p,輸入 slugify,Enter。接下方會出現輸入框,詢問要使用的連字符號,預設是橫線 (-),有需要也可以換成底線 (_)。

sublime_text_2_using_slugify

很方便哦。要注意的是如果轉換的文字中包含中文與符號,轉換後可能會出現符號沒有刪除乾淨的小 bug。

Bookmark: PNotify, JavaScript notifications

Posted by – November 4, 2014

對 programmer 來說,Bootstrap 真的是一套非常便利前端框架,使用簡便、功能完整。但是一直覺得 Bootstrap 缺少了關於 notification 的解決方案。雖然有內建 alert 的效果,但這個 alert 是會佔據畫面空間的,我之前是透過擴充 CSS 的方式來實現 alert 浮空的效果。

最近用 Laravel + Bootstrap 的組合來修改個人網站,就順便找找有沒有現成的 notification 套件,結果不費吹灰之力就找到這個看起來功能超完整的 solution.... PNotify

PNotify website語法與設定都相當簡單,支援的效果和情境也夠豐富,就決定用它了。

PA-DSS 3.0 對密碼儲存方式的說明

Posted by – August 26, 2014

PA-DSS 3.0 對密碼儲存方式的說明 | Gea-Suan Lin's BLOG

Trait for validating Eloquent models on save in Laravel 4.2+

Posted by – August 26, 2014

https://github.com/dwightwatson/validating

這個 Laravel 外掛是在同事的程式碼中看到的,花了一點點時間了解,原來是個把 validation 綁定在 model 上的外掛,如此一來就可以在資料寫入資料庫之前自動進行一次 validation,不需要自己手動呼叫驗證程序,只要記得接 Exception 就可以。

安裝方式很簡單,現在 PHP 有 composer 這項神器加持。

開啟 Laravel 專案下的 composer.json,在 require 區段中加入宣告

"watson/validating": "0.10.*

接著執行 composer update 更新套件。

使用方式參考官網的範例。

https://github.com/dwightwatson/validating/blob/0.10/README.md

What is the best format for a customer number, order number?

Posted by – August 26, 2014

http://stackoverflow.com/questions/178572/what-is-the-best-format-for-a-customer-number-order-number

 

筆記一下

REST Easy: A simple REST client for Firefox

Posted by – August 5, 2014

同事介紹的 REST api 測試工具,先筆記起來

https://github.com/nathan-osman/Rest-Easy

REST Easy

Bookmark: highlight.js, Syntax highlighting for the Web

Posted by – July 17, 2014

最近在寫專案的技術文件,很不愛用 Word 的我理所當然地選用 HTML 格式來寫,對我來說這樣比較容易調整格式。再強調一次,用 Word 撰寫的技術文件超級難以閱讀,請大家唾棄這種作法。

雖然 Markdown 也不錯,但處理 <table> 或是 <iframe> 總是沒那麼順手,所以我還是慣用 HTML 編寫。

文件中包含了幾段程式碼範例,雖然不是必要,但總覺得沒弄個語法上色的效果,一點都不好閱讀... 所以搜尋了一下有沒有輕量級的 syntax highlight 套件。

我之前都是用 SyntaxHighlighter 套件,但總覺得語法和速度都太笨重了些,想換別的套件試試。結果找到這款 highlight.js

highlightjs_web

功能比 SyntaxHighligter 要少,例如.... 沒有行號 (line number) 的功能。不過有多種 theme 可以選,支援的語言種類也非常豐富。就決定採用了 !

Pure CSS One Div Weather Animated Icons

Posted by – July 17, 2014

用純 CSS 做出來的天氣動畫圖示,真厲害

See the Pen Pure CSS One Div Weather Animated Icons by Fabrizio Bianchi (@fbrz) on CodePen.

Bookmark: amCharts, an advanced javascript charting library

Posted by – June 27, 2014

朋友提供的 JavaScript 圖表套件,還沒試過,先筆記一下。

我之前都是用 HighCharts 製作動態圖表。

http://www.amcharts.com/

Screen Shot 2014-06-27 at 2.16.57 PM