蟑螂窩

Filepicker.io Security in Ruby

| Comments

螢幕快照 2013-09-04 下午7.46.01.png

Filepicker 是一個非常好用的 File upload service,它可以讓你用簡單的 Javascript,就能做出超好用的圖片上傳,Backend 完全不用寫 Code,就可以讓使用者把圖片傳到 S3 上,詳細的介紹可以參考官網,這篇主要介紹 Filepicker 安全性問題。

搬家到 Logdown

| Comments

logo-full.jpg

最近把 Blog 搬家到 Logdown,Logdown 是公司的產品,所以把 Blog 搬到這邊,實際體驗,才能即時發現一些使用者體驗的問題(其實是不想維護 Octopress..XDD)。也因為有 Custom Theme 的關係,所以 Blog 的外觀看起來跟原本的 Octopress一模一樣。

使用 Roadie 減輕 Email 排版的痛

| Comments

Roadie Repo : https://github.com/Mange/roadie

在排版 Email 時最痛苦的就是要寫 Inline Style,跟平常在排版的時候習慣大不相同, 而且 Inline Style 非常難維護,一封信同樣的 Style 就要複製一次,不同信的同樣 Style 也要複製一次, 哪天單純只是要改一個小樣式,所有的 Email 都要拿出來改,光用想的就很恐怖,這就是每次要排版 Email 都很痛苦的其中一個原因。

Roadie 就是用來解決這個問題的,你可以像平常一樣用 <style type="text/css"></style>,或是直接包 Assets 裡面的 CSS 進來,甚至是 SCSS 也可以, 它會自動幫你把 CSS 轉成 Inline Style,還會幫你把 HTML 裡的圖片改成 absolute URL。

Localtunnel - 分享 Localhost Web Server

| Comments

localtunnel

localtunnel Official Site : http://progrium.com/localtunnel/

在接案公司裡,常常需要把做好的產品拿給客戶看,這時候如果沒有獨立 IP, 或是 Router 那邊沒有設定 Port Forwarding,客戶就無法從遠端看到內網的 Web。

localtunnel 可以建立一個通道,並產生一個網址, 客戶就可以用這個網址,連到內網的 Web Server。

jQuerify : jQuery Bookmarklets

| Comments

在開發不需要使用到 jQuery 的專案時,有時候需要在 console 下一些指令,來進行測試,這時如果沒有 jQuery selector 是很不方便的。這裡寫了一個 Bookmarklets,可以按一下就把 jQuery 包進來:

jQuerify – Drag this link to bookmarks bar.

將上面連結拖放到書籤列,在沒有支援 jQuery 的網站中按一下按鈕,就可以使用 jQuery。

不支援 JavaScript 時的 CSS

| Comments

最近面試時,被問到一個不錯的問題,如何確保在不能執行 JavaScript 的環境下,網頁依然能正常運作?

因為以前做的專案幾乎都是功能性為主,很少會去考慮到這個問題,但是如果網站是內容導向網站,這個問題就非常重要了。