赫謙小便籤

用jQuery的toggleClass來動態切換背景圖片

公司的某個開發中網站要實作一個登入按鈕會閃爍的功能，這個按鈕有兩張圖片(我知道CSS Sprite，但即便我有Compass我也懶得弄 …)來做相互切換。

原本的作法我是用一個index去當counter用，然後用setInterval的方式每秒用$(obj).css({background: 'url()'})的方式，但是這樣有一個問題就是會每次切換的時候都跟Server要圖片，這很麻煩真的 … 所以我就改成用指定class切換Background就好了。

繼續閱讀 →
background, jQuery, notes, toggleClass

HTML5 Video 標籤初探

可以在這邊看到範例：http://hechien.host22.com/html5video.html

css3, html5, notes, transform, video

Rails 3 與 Subdomain 的初次邂逅

終於成功解決掉這個問題了 … 在進行這個操作之前請先到 /etc/hosts 內手動新增對應：

127.0.0.1 site1.product.local site3.product.local

請務必寫上這樣，我一開始寫成 site1.local 時會一直發生找不到根目錄的問題，所以必須這樣寫。

繼續閱讀 →
Rails 3, Subdomain, notes

為什麼我用Mac？

這是很有趣的問題，不是嗎？

我是一名軟體工程師、網站開發人員、網頁設計師、學生、兒子 … etc (但其中並沒有包含男朋友這個身分…)，總之，我有著很多的身分，但我為什麼不選擇大多數人用的PC，裡面裝著Windows或Linux？

繼續閱讀 →
mac, murmur, notes

2012年的目標

希望自己在2012年可以做好這些事情

討論內容在：https://www.facebook.com/hechien/posts/431153790229954

一定要做的事

  1. 每天固定抄寫幾檔的最高、最低、開盤、收盤、昨收、交易量
  2. 三年級下學期搞定專題 (不含 UI/UE)
  3. 暑假把專題的UI/UE調好
  4. 耶誕節前解決專題並且正式開始測試
  5. 想好除資訊業外其他可以發展的領域
  6. 撰寫好一本網頁設計的書
  7. 撰寫好一本Ruby on Rails的書
  8. 把CoffeeScript、SCSS、Compass、Middleman與CSS Frameworks練熟
  9. 六月開始至少每個月三部Mac教學影片、一部Mac Podcast教學、一篇Mac教學文章
  10. 至少今年辦兩場Mac聚會 (大小不拘)

逼自己去嘗試

  1. 每天誦三次心經
  2. 每天讀ㄧ篇道德經
  3. 每天一篇Rework的內容
  4. 每個禮拜一篇以上與工作或技術無關的文章
  5. 重新學好奇門遁甲與易經

希望自己能夠好好的實踐這些事情。 今天是2012/05/12，加油。

notes, 目標

Image Magick Resize 語法

因為現在透過Paperclip這邊有一點小問題，所以先做一下小記錄

繼續閱讀 →
Image Magick, Resize, notes

OmniAuth + Devise + OpenID

最近內部討論結果覺得有可能需要Support Open ID的登入機制，因此就去survey了一下Devise擴展Open ID的方式。因為Devise本身支援OmniAuth，所以就直接以Devise OmniAuth OpenID的方式搜尋了一下，便找到這篇：http://blog.xdite.net/posts/2011/12/05/omniauth-clean-auth-provider-4/

其實這篇照做就可以了，只不過因為原始碼是從http://ruby-taiwan.org那邊來的，所以有一些code是不能用的 … 需要自己稍微做調整一下

這個實作版本是Rails 3.2.3、Devise 2.0.4、OmniAuth 1.0.3

裡面的Code在omniauth_callbacks.rb中第9行左右有個問題，User必須要用includes把authorizations給引入進來，不然會噴 … XD

可能是因為原本的Code用MongoID當做Data source的關係，所以原本的Code內並沒有寫includes這一塊吧 …

然後要記得在user.rb實作bind_service，不然原本的code去bind使用者的部份會有問題 …

要把omniauth_callbacks.rb放在app/models/user底下、把omniauth_callbacks_controller.rb放在app/controllers/users底下，總之在model的資料夾是user而controller的資料夾是users就對了。

大致上就這樣。

喔對，很重要的一點就是 … 現在網路上很多範例都會叫你去config/initializers/omniauth.rb內設定provider，這樣做的話一定會噴掉 … 我在這邊花很多時間才搞定囧，請記住，不必寫在這個地方！

Open ID, devise, notes, omniauth, rails

MySQL啟動、執行出現errno 13的問題

剛剛朋友的MySQL Server忽然掛掉，沒辦法正常匯入 … 查了log後看到以下訊息：

1
2
3
4
5
6
7
8
9
10

120505 12:08:27 mysqld_safe Starting mysqld daemon with databases from /var/lib/mysql
120505 12:08:27  InnoDB: Initializing buffer pool, size = 8.0M
120505 12:08:27  InnoDB: Completed initialization of buffer pool
120505 12:08:27  InnoDB: Operating system error number 13 in a file operation.
InnoDB: The error means mysqld does not have the access rights to
InnoDB: the directory.
InnoDB: File name ./ibdata1
InnoDB: File operation call: 'open'.
InnoDB: Cannot continue operation.
120505 12:08:27 mysqld_safe mysqld from pid file /var/run/mysqld/mysqld.pid ended

科科，炸了=_=

上網找了一下看到這篇Mysql won’t start - ibdata1 corrupt? - operating system error number 13 - permissions issue

讚，頭彩 … 馬上讀一下發現到這個指令： perror 13，輸入之後告訴我 Error code 13代表的是Permission denied，就覺得很奇怪 …

跳到 /var/lib/mysql (MySQL根目錄，資料檔都放在這底下) 後，下 ls -l發現某些檔案的權限亂掉 … 所以用 chown -R mysql *來修復權限，至少把owner改為mysql就可以了。

結束之後重新啟動，果然正常 … 開開心心匯入資料去

errno13, mysql, notes

我沒有天份，只有努力

我對於規劃這種事情實在是不太在行

我也很會去評估自身能力，決定到底該不該做一些事情

但往往都會因為低估而退卻、高估而失敗

所以我對於估計這種事情也是不太在行

但我只知道一件事，那就是「現在不行，努力過後，以後可以」

我今天早上看到Mr. Jamie寫的文章，標題很有趣，就叫做「天份是什麼，能吃嗎？」

我非常認同這篇文章，因為我自己就是過來人，但也有些許不認同這些文章 … 因為我也看過一句話：「成功是九十九分的努力，加上一分的天份；大家都在闡述那九十九分的努力有多重要，但卻忘記那一分的天份才是關鍵」。

每個人都有天份，但天份不能拿來當做任何事情的藉口 …

我曾經被某人嗆過，我有天份，但不要太囂張

何其無辜，我花了十年的時間學會的東西，被人家認為是有天份，真是可笑 …

記住，每個人都有天份，但關鍵點是在於努力

不是說每個人努力就能成功，但努力過後，你可以更接近機會，而只有機會才會帶領你邁向成功。

murmur, notes

SCSS小技巧：更結構化的寫margin、padding、font..etc

之前忘記在哪邊看到一篇文章，裡面寫了一個SCSS(SASS)的小技巧，可是我當時沒有辦法把文章给加到閱讀列表中，只好憑印象來測，最後終於測出來了。

我們常常可能寫以下的CSS code

1
2
3
4
5
6

margin-top: 30px;
margin-right: 10px;
font-size: 24pt;
font-family: Arial;
padding-top: 20px;
padding-right: 15px;

但其實這樣寫挺雜亂的，有了SCSS我們就應該要放下屠刀立地成佛啊！(誤

請改成以下寫法(與上面做比對)：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

margin:{
  top: 30px;
  right: 10px;
}

font:{
  size: 24pt;
  family: Arial;
}

padding:{
  top: 20px;
  right: 15px;
}

怎麼樣？是不是很簡潔整齊呢？

notes, scss, tricks