Poy's Blog: Mac

顯示具有 Mac 標籤的文章。顯示所有文章

2013/12/23

筆記：Apple Web App 常用的meta設定

詳細的設定介紹請參考Apple官方網站：
https://developer.apple.com/library/safari/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html

viewport：開發者決定手持裝置的縮放比例設定

<meta name = "viewport" content = "width = device-width, initial-scale = 1.0, user-scalable = no">

l width=device-width 定義手持式裝置網頁寬度。設定成device-width可讓瀏覽器自行判斷手持式裝置寬度，也可以直接設定大小，如width=320。
l initial-scale 畫面是以多少倍的 viewport 來顯示
l minimum-scale 畫面縮小倍率限制。
l maximum-scale 畫面放大倍率限制。（0 < user-scalable < 10.0，預設值0.25）
l user-scalable 是否允許放大或縮小視窗（預設為YES）。

2013/11/23

（Mac）如何讓Sublime Text 2變已註冊

Sublime Text真是個好用的免費Code Editor，小小的遺憾是如果你沒有付費註冊了話，有時儲存時不時就會跳出一個贊助訊息，雖然無傷大雅，但用起來就是有那麼一點小不爽，如果你口袋有多餘很多贊助費（US$70），還是很建議你贊助他一下啦～

不過在此之前，我們可以透過下列方法讓這點小缺憾，消失：）

For Mac User:

首先，先到Sublime Text的網站下載安裝：http://www.sublimetext.com/
開啟終端機
進入Sublime的目錄（cd /Applications/Sublime\ Text\ 2.app/Contents/MacOS/）
用vim編輯檔案（vim Sublime\ Text\ 2）
變更成HEX模式（:$!xxd）
搜尋5BE509C33B020111，並修改5BE509C32B020111即可（:%s/5BE509C33B020111/5BE509C32B020111/g）
完成後重新開啟Sublime Text並輸入下列序號

—–BEGIN LICENSE—–Patrick CareyUnlimited User LicenseEA7E-188484982D83B6313800EBD801600D7E3CC13F2CD59825E2B4C4A18490C5815DF68D6A5EFCC8698CFE589E105EA829C5273C0C5744F0857FAD2169C88620898C3845A1F4521CFC160EEC7A9B382DE605C2E6DDE84CD0160666D30AA8A0C5492D90BB275DEFB9FD0275389F74A59BB0CA2B4EFEA91E646C7F2A688276BCF18E971E372—–END LICENSE—–

打完收工！

2013/8/24

Sublime內建的好用排版功能＋設定快捷鍵

寫Code的時候，常常為了要保持Code的可讀性，總是會花很多時間做排版，今天發現Sublime Text有個不錯的功能，叫做Reindent，可以迅速地將版面排好，當然他不比大多數的排版外掛有很大的彈性可以客制，但對目前只有在寫html的我，十分夠用了。

美中不足的是，這個功能竟然沒有預設快速鍵，這樣了話，我只好自己設定一下囉！

設定的方法很簡單，開啓「Key Bindings - user」，然後加入下列程式碼，儲存後即可。這邊是以Mac系統作設定，裡面的「super」代表「command」鍵，Windows的使用者，可以自行改成「Ctrl」唷。

{ "keys": ["super+shift+r"], "command": "reindent" , "args": {"single_line": false}}

其他相關說明可以參考Sublime Text使用手冊－快速鍵組合設定。

祝大家Happy Codeing:)

2013/8/22

如何在Sublime Text建立開啓瀏覽器預覽快捷鍵

身為一個網頁開發人員，最常做的一件事，除了上網就是寫Code，然而在寫網頁的時候，最常測試自己寫的Code在瀏覽器上顯示得如何，如果這時候在Sublime Text上有個快捷鍵可以快速預覽，那該有多好！

其實在Sublime Text 2的版本，已經有內建「Open in Browser」的功能，只要你在程式碼頁面上點右鍵，在裡面的功能選單就內建這樣的功能。只是經常性的從鍵盤移到滑鼠的周返動作，很容易浪費時間，如果這時在有個快捷鍵那就完美了。

其實我們可以在Sublime Text上面的「Build System」底下建立一個執行程序，建立路徑如下「Tools > Build System > New Build System」，點選後，程式會自動開啓一個新的檔案，此時你只要修改成如下的程式碼：

Mac 使用者

{
    "cmd": ["open", "-a", "Google Chrome", "$file"]
}

Windows 使用者

{
    "cmd": ["PATH_TO_YOUR_CHROME", "$file"]
}

Linux 使用者

{
    "cmd": ["google-chrome", "$file"]
}

然後另存成「Chrome.sublime-build」（你也可以改成你喜歡的名字），之後當你要預覽測試時，Mac使用者只要按下「Cmd + B」，Windows使用者按下「Ctrl + B」或「F7」即可快速啓動瀏覽器預覽，很方便吧！

2013/8/11

Mac的鍵盤沒有一般在Windows常見的Print Screen按鍵，必須透過一些組合鍵來達到效果，下列就是三種不同的截取方式：

1) Command + Shift + 3 截取整個螢幕的畫面
2) Command + Shift + 4 截取自定範圍
3) Command + Shift + 4 and press Space Bar 截取單一視窗畫面

上述三種方法都會直接將截圖，存在桌面成png檔，如果你想要截取至剪貼簿裡，可以再加上Control鍵作控制，組合鍵就會變成下列這樣：

1) Command + Shift + Control + 3 截取整個螢幕的畫面
2) Command + Shift + Control + 4 截取自定範圍
3) Command + Shift + Control + 4 and press Space Bar 截取單一視窗畫面

簡潔的鍵盤要付出一些代價的....

Poy's Blog