Mac OS X 10.10 Yosemite 上建立 Ruby On Rails 環境

之前 Mac 還沒更新到 Yosemite 時，已經建立過一次 ROR 的環境，但不知怎麼搞的，這陣子要重拾 Ruby On Rails  卻一直無法建立新專案 ，頻頻出現錯誤，brew doctor 也一堆 warring，搞了一整天，好不容易在 http://localhost:3000/ 看見畫面了，寫下來紀錄一下。

起因： 無法建立 ROR 專案：

Rails is not currently installed on this system. To get the latestversion, simply type: 
$ sudo gem install rails 
You can then rerun your "rails" command.

照著指示執行：

$ sudo gem install rails

也是錯誤百出：

ERROR: '/bin' is not writable - it is required for Homebrew, try 'brew doctor' to fix it!

Warning .... 
Warning ....

瘋狂鬼擋牆，一怒之下決定直接砍掉 user/include 整個資料夾，一切重頭開始（淚）

TIP：
user/include 在 mac 裡是隱藏檔，要說密語下指令才能看見： mac 下顯示隱藏檔：

$ defaults write com.apple.finder AppleShowAllFiles TRUE && killall Finder

恢復原狀，mac 下不顯示隱藏檔：

$ defaults write com.apple.finder AppleShowAllFiles FALSE && killall Finder

開始囉！
決定要重頭開始時，先看看自己有的版本是什麼，畢竟電腦被我用得一團亂

$ gcc --version
$ brew -v
$ git --version
$ ruby -v
$ rails -v
$ rvm -v

1. 安裝 Homebrew
目前網路上找到的教學頁面，Homebrew 連結大部分都已經不存在，建議直接到官網去抓：http://brew.sh/

$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安裝完後跑 brew doctor，應該會得到 Your system is ready to brew 的系統回復，就代表成功了。

$ brew doctor

2. 安裝  rbenv
我原本是裝 rvm，這次換到 rbenv，沒有好或不好，很容易被洗腦，跟我一樣情況的，可參考這篇文章：從 rvm 轉換到 rbenv

新的使用者，可以直接安裝 rbenv

$ brew update 
$ brew install rbenv ruby-build 
$ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile 
$ echo 'export PATH="$HOME/.rbenv/shims:$PATH"' >> ~/.bash_profile$ source ~/.bash_profile

3. 用 rbenv 安裝 Ruby

$ rbenv install 2.2.3    # 安裝 Ruby
$ rbenv global 2.2.3     # 預設使用新的 Ruby
$ ruby -v                # 確認目前本版是否正確安裝

4. 安裝 Rails

$ gem install rails -v 4.2.4    
$ rbenv rehash     
$ rails -v       

5. 建立 Rails 專案

$ rails new myapp       # 建立 myapp 專案
$ cd myapp              # 開啟 myapp 專案資料夾 
$ rake db:create        # 建立 database
$ rails server          # 開始跑拉！

好了，可以從 http://localhost:3000/  檢視網頁了。

參考資料：

1.  Gorails  ***** (大推薦，要建立 git 或 mysql 都可以看這篇)
https://gorails.com/setup/osx/10.10-yosemite
2. vinn's  (新手推薦)
https://vinn.tw/blog/install_ruby_on_rails_yosemite.html

Read More

Hiimdesigner 上午8:45  No comment

[ 色彩 ] 不要在你的畫面中使用純黑色 #000000

色彩技巧其中最重要的一項就是避免使用純黑色，第一次聽到是從童年的美術老師，更多次是來自 RISD 學院（羅德島設計學院），不要使用黑色？聽起來很奇怪，但他是一個很好的建議。

想想看，有時候我們看到黑色的東西，有時候並不是純黑色，也就是，我們很難找到純黑色的東西，例如：道路不是純黑色、辦公椅子不是純黑色，網頁不是純黑色⋯⋯

陰影不是黑色

普普藝術畫家 Wayne Thiebaud ，他的畫是陰影不是黑色的完美典範

Wayne Thiebaud 的陰影是一些畫中最飽和的部分，在螢幕上顯示也是一樣，在紙上也非常完美。

你可能會覺得「但這些都是畫，他們不是真的，真實的狀態下陰影就是黑色的」

有個燈泡的例子，一個藍色的燈泡裝在一個白色的燈罩上面，打開燈光時，燈泡亮起了藍色的光，而他的陰影卻是一個橙色的色調，不是黑色。

這實驗令人吃驚。

而現在，我喜歡走在街上尋找最飽合的陰影

該圖片最深的顏色不是＃000000，而是＃130f30。（這是 19％ 的亮度和 69％ 的飽和度）

黑色摧毀了一切

試試看，當你把任何 icon 或圖像放在純黑色的色塊旁邊，純黑色完完全全壓倒性勝利，完全脫穎而出你的畫面，意味著他不自然。

日常生活中，所有你周遭的 “黑色” 日常物品，如果有光線反射，代表他們不是純黑色，他們是深灰色（dark gray），而這道燈光有可能是一個色彩，所以他們甚至不是深灰色（dark gray），而是色暗灰色（colored-dark gray）

而在視覺畫面上，你可以從 Dribbble 搜尋更能明白「純黑色」與「黑色」哪個看起來比較好？

純黑色

黑色

飽和度也很重要

除了遠離 #000000 之外，使用灰色時你還可以給他一點色彩，讓他們看起來不會太沉燜。

以這個網站為例：https://segment.com/

灰底的部分，文字跟背景都添加了少量的黃橙

再來來看看Facebook，

為什麼 Facebook 的 App 感覺這麼協調？

因為所有這些灰色都充滿了Facebook 的藍色。

結論
當你發現 #000000 在你的畫面中時，
你要問問自己，真的需要純黑色嗎？
如果你需要黑色，你必須設法讓他在畫面中看起來更自然。

via 
http://ianstormtaylor.com/design-tip-never-use-black/

Read More

Huzi 清晨5:14  No comment