2009年11月29日 星期日

fbml in iframe canvas by serverfbml

Fb:serverfbml

Resizable IFrame

Resizable IFrame
JavaScript Client Library
Note: You must include the <[script]> tag that loads the FeatureLoader in the <[body]> element, not in the <[head]> element, because the FeatureLoader writes body elements directly to the document, and some browsers report an error if this happens when FeatureLoader is in the <[head]> tag.
http://wiki.developers.facebook.com/index.php/Cross_Domain_Communication_Channel

2009年11月22日 星期日

rjs page call

RJS Page.call
Passing objects from Rails RJS to a javascript function call without quoting the values?
http://api.rubyonrails.org/classes/ActionView/Helpers/PrototypeHelper/JavaScriptGenerator/GeneratorMethods.html

 
#有些時候page.call paramter work 不是很正常
page.call "get_details", "info-id", "message","{phone:5487895, mobile:9888565875}"
page.call("buildYUITreeView", "project_tree", @current_project.get_directory_contents(@current_project.local_path, 0))
#可以用這樣的方式去取代
page << "get_details('info-id','message','{phone:5487895, mobile:9888565875}')"
page << "buildUYITreeView('project_tree', #{@current_project.get_directory_contents(@current_project.local_path, 0))})"


respond_to do |format|
format.js {render(:update) { |page| page << 'alert("Wrong Nick");'}}
end


update_page do |page|
page.insert_html :bottom, 'list', "
  • #{@item.name}
  • "
    page.visual_effect :highlight, 'list'
    page.hide 'status-indicator', 'cancel-link'
    end

    2009年11月17日 星期二

    Problem updating to Rubygems 1.3.5

    更新又失敗了

    直接用source 裝吧

    http://railsforum.com/viewtopic.php?id=34044 <= Problem
    http://docs.rubygems.org/read/chapter/3 <= install rubygem

    2009年11月16日 星期一

    facebook iframe use fbml

    http://wiki.developers.facebook.com/index.php/Fb_force_mode

    除了用xfbml之外, 還有這招可以用

    For example, if you were using an iframe application, and wanted one page to be rendered as FBML, you could append ?fb_force_mode=fbml to the address, which will cause it to render as FBML. This can be particularly useful when using fb:request-form with iframe applications.

    If your application is an iframe application and you wish to use FBML, you will need to specify the full address, including http://apps.facebook.com.

    2009年11月15日 星期日

    include vs joins

    http://railscasts.com/episodes/181-include-vs-joins

    2009年11月13日 星期五

    dynamic asset_host

    google seo memo

    Google SEO Starter Guide
    github meta tag plugin

    1. title
    <[title]> 標記應該放在 HTML 文件的 <[head]> 標記區段中。
    理想情況下,您應該為網站的每一個網頁建立獨特的網頁標題

    您的文件出現在搜尋結果網頁中,標題標記的內容通常會出現在搜尋結果的第一行



    2. meta desc
    Google 網站管理員工具」提供了好用的內容分析工具,可以指出太短、太長或過分重複的描述中繼標記使用簡短但描述明確的標題

    improve-snippets-with-meta-description


    3. 有意義的url
    http://www.google.com/support/webmasters/bin/answer.py?answer=76329
    在網址中使用文字
    建立簡單的目錄架構
    為同一文件提供同一版本的網址

    如果您確實發現有使用者透過不同的網址來瀏覽同樣的內容,您可以設定 301 重新導向,將不喜歡的網址重新導向到您所期望使用的網址

    請避免:
    無論從子域還是根目錄 (例如「domain.com/page.htm」和「sub.domain.com/page.htm」) 都可以瀏覽到相同的內容
    在您的內部連結架構中混合使用 www. 和非 www. 版本的網址
    在網址中使用奇怪的大寫字母 (大部分使用者喜歡小寫的網址,並且小寫也便於使用者記憶)

    4. 讓您的網站更易於瀏覽

    您也可以使用 Google 的「網站管理員工具」提交 XML Sitemap (字母大寫),讓 Google 更容易發現您網站上的網頁。使用 Sitemap 還有一個好處 (雖然我們無法做出保證),就是您可以使用它來告知Google 哪個版本的網址是您偏好的標準網址 (例如:http://brandonsbaseballcards.com/ 或http://www.brandonsbaseballcards.com/;請瀏覽更多關於什麼是偏好網域的詳情)。Google 協助建立了開放原始碼的 Sitemap 產生器指令碼,以幫助您為自己的網站建立 Sitemap 檔案。如需有關Sitemap 的進一步資訊,請前往網站管理員說明中心,瀏覽實用的 Sitemap 檔案指南。

    5. 網站導覽實作典範

    建立自然流暢的層級架構
    請避免:
    建立複雜的導覽連結網。例如,將網站上都每個網頁都連結至所有其他網頁
    過度細分內容 (使用者必須要按二十次才能找到位於深層的內容)

    導覽中盡量使用文字連結
    請避免:
    完全依靠下拉功能表、圖片或動畫來建立導覽 (雖然大多數搜尋引擎能夠發現
    網站的此類連結,但如果讓使用者能透過正常文字連結到達網站上的所有網頁,
    將可以提高網站的可用性;請瀏覽更多關於 Google 如何處理非文字檔案的
    詳情)

    使用「麵包屑」導覽 — 麵包屑導覽是指在網頁頂端或底部放置一排內部連結,讓訪客可以
    快速回到上一個網頁或根網頁。大多數的麵包屑導覽通常會將最具概括性的網頁 (通常是根網
    頁) 放在最左邊的第一位,越靠近右邊,列出的網頁包含的內容更越具體。

    在您的網站上放置 HTML Sitemap 網頁,並使用 XML Sitemap 檔案 — 一個包含您網站
    上所有網頁或最重要網頁 (如果您有成百上千個網頁) 的簡單 Sitemap 網頁,將會非常有用。

    請避免:
    在 HTML Sitemap 網頁中放置無效連結,使得網頁沒什麼用處
    建立的 HTML Sitemap 僅簡單列出網頁,而沒有進行整理,例如依主題整理

    請避免:
    讓搜尋引擎建立 404 網頁的索引 (請務必將網站伺服器設定為當使用者要求的
    網頁不存在時,能傳回 404 HTTP 狀態碼)
    只提供類似於「Not found」、「404」等模糊的訊息,或者甚至連 404 網頁都沒有
    404 網頁的設計與您網站的其他網頁不一致

    6. 撰寫更佳的錨定文字
    這個錨定文字有時會告知使用者和 Google 有關您要連結之網頁的部分內容。您網頁上的連結可能是
    內部連結 (即指向您網站上其他網頁的連結),也可能是外部連結 (即指向其他網站之內容的連結)。
    無論是哪種情況,您的錨定文字寫得越詳細,使用者就越容易瀏覽,Google 也越容易瞭解您所連結的
    網頁內容。

    請避免:
    撰寫一般的錨定文字,比如「網頁」、「文章」或「按一下此處」
    使用偏離主題或與要連結之網頁內容無關的文字
    在多數情況下,使用網頁網址作為錨定文字 (即使某些情況可以這麼做,例如

    7. 適當使用標題標記
    標題標記 (請不要將其和 <[head]> HTML 標記或 HTTP 標頭混淆) 用於為使用者呈現網頁的結構。標
    題標記有六種不同大小,從 <[h1]> 到 <[h6]>,其重要性依次降低。

    請避免:
    在標題標記中放置對定義網頁結構沒有任何幫助的文字
    在適合使用其他標記 (例如 <[em]> 和 <[strong]>) 的地方,不要使用標題標記
    隨意調整標題標記的大小

    8. 最佳化圖片的使用
    圖片似乎是比較簡單的網站元件,但您可以對圖片的使用進行最佳化。所有圖片都有不同的檔案名稱和
    「alt」屬性,您可善加利用這兩個特點。

    請避免:
    儘可能使用像「image1.jpg」、「pic.gif」、「1.jpg」這樣的通用檔案名稱 (有
    些網站的圖片超過數千張,因此可能會為圖片自動命名)
    撰寫過長的檔案名稱
    在替代文字中堆砌關鍵字,或者複製並貼上完整的句子

    將圖片儲存在專用的目錄中 — 考慮將您的圖片合併到一個單獨的目錄中 (例如
    brandonsbaseballcards.com/images/),而不是將圖片散佈在整個網域的很多目錄和子目錄下。
    這樣可以簡化圖片的連結路徑。

    9. 利用 robots.txt
    「robots.txt」檔案可告知搜尋引擎是否可以存取您網站的某些部分,進而對這些部分進行檢索。此檔案
    必須要命名為「robots.txt」,並放置在您網站的根目錄中。

    http://baseball.com/robots.txt

    user-agent: *
    Disallow: /images/
    Disallow: /search
    所有符合條件的搜尋引擎漫遊器 (標有萬用字元符號 *) 都不會存取和檢索 /images/ 下的內容,
    或者任何以 /search 作為路徑開頭的網址

    「Google 網站管理員工具」中有一個很好用的
    robots.txt 產生器,可協助您建立此檔案。請注意,如果您的網站使用了子網域,且您不希望搜尋引擎檢索特定子網域中的某些網頁,則您必須為該子網域建立一個單獨的 robots.txt 檔案。如需更多有關
    robots.txt 詳情,我們建議您參閱有關使用 robots.txt 檔案的網站管理員說明中心指南。


    對敏感的內容使用更為安全的方法 — 您或許對使用 robots.txt 來封鎖敏感或保密的材料感
    覺不是特別放心。其中一個原因是,如果網際網路上碰巧存在連至您封鎖的網址的連結 (如參照記錄),則搜尋引擎仍然可以參照該網址 (只是顯示網址,而不顯示標題或片段內容)。此外,不遵守漫遊器排除標準的一些非符合條件的或惡意搜尋引擎可能會違背您的 robots.txt 指示。
    最後,好奇的使用者可能會查看您 robots.txt 檔案中的目錄或子目錄,並猜中您不願被看到
    的內容的網址。對內容加密或使用 .htaccess 對內容進行密碼保護是更安全的選擇。

    10. 瞭解連結的 rel="nofollow"

    將某個連結的「rel」屬性值設定為「nofollow」便會告知 Google 不應隨著您網站上的某些連結連至
    他處,也不應將您網頁的信譽情況傳給連至的網頁。不隨著某個連結連至他處的方法是,在連結的錨定
    標記中新增 rel="nofollow"。

    <[a href='http://www.shadyseo.com/' rel='nofollow'>Comment spammer<[/a]>


    最後,如果您有意不隨著網頁中的任何連結連至他處,則可以在您的 robots 中繼標記中使用
    「nofollow」,將這個 robots 中繼標記放入該網頁 HTML 的 <[head]> 標記中。網站管理員中心網誌
    提供了一篇有關使用 robots 中繼標記的很有益的文章。這種方法的寫法是 <[meta name="robots"
    content="nofollow"]>。



    建立並提交 Sitemap