解決 Textmate 中文顯示問題

步驟:

  1. 下載 TextamteJ2 這個字型
  2. 把下載好的字體放進 /System/Library/Fonts/ ,然後雙擊放進去的檔案(雙擊字體會自動安裝)
  3. 打開 Textmate ,打開 Preference -> Fonts and Colors ,把字型改成 TextMateJ2
  4. Done! 應該可以顯示中文,雖然看起來很窄很擠,但至少比較讀的懂,不會像原本重疊在一起再怎麼看也看沒有了 🙂

TextMate 中文正常顯示的樣子。

Start/Stop/Restart Apache in Terminal (Mac OSX Lion)

想要開啟 Mac OSX Lion 內建的 Apache 的話,首先請打開「系統偏好設定」->「共享」->「網頁共享」,之後就可以透過 Terminal 開、關、重開 Apache 了,開啟或是關閉之後在「網路共享」要看到最新狀態的話,點到其他的項目再點回來就會看到到底 Apache 有沒有打開。

在 Terminal 底下啟動 Apache 的指令:(以下指令輸入之後都需要再接著輸入 root 密碼)

sudo apachectl start

關閉 Apache:

sudo apachectl stop

重開 Apache:

sudo apachectl restart

PS. 如果沒有開啟網頁共享就直接在 Terminal 底下開啟 Apache 的話,會發現放在 /Users/[使用者名稱]/Sites 跟 /Library/WebServer/Documents 底下的檔案瀏覽器都抓不到…網頁共享一定要開著才抓的到…聽說是因為 Mac 的 Apache 跟正常的 Apache 不一樣關係…Apple good job…Orz

CSS And SEO Small Tips

CSS

  • 只出現一次的就要用 ID。
  • double class 是指同一個 DOM element 下了兩個 class,應該改用 sass mixin。
  • 會有 id 恐懼症表示對目前的網頁結構沒有概念,應該是實作不夠,什麼東西該出現一次應該是在寫 html 時就想好的。寫網頁,應該是在腦中已經有了個概念,一次將 html 架構出來再用 css 來調版面。
  • 記得所有用文字的 img 一定要再加文字上去,舉例來說,地址可以用 img,但是其實他是文字說明公司地址,所以應該是用 p+內文 然後隱藏。 最後用背景圖片顯示比較漂亮的字型。

SEO

  • 不要忘了 html 只是文件結構而不是讓你好排版的架構。 想想你這份文件想表達的是什麼東西。 最簡單的方法就是當你 css 拿掉時這份文件對人們來說是否還有意義。
  • 基本上在前端命名統一都用 dash。其實 dash, underscore, camel case 都是合法的使用方式。 有一說法是老舊的瀏覽器不支援 underscore as css selector。 不過現在市面上常見的瀏覽器都有支援了。 但你看看各大 library 的命名方法。 都是用 dash(hyphen),這背後一定有他的設計理念。至於 url、img、css、js 等等的檔案命名用 dash 對 seo 有幫助。this-is-an-img 對搜尋引擎來說是 this is an image,this_is_an_image –> thisisanimage。