<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>DreamersLab &#187; docs</title>
	<atom:link href="http://dreamerslab.com/blog/tag/docs/feed/" rel="self" type="application/rss+xml" />
	<link>http://dreamerslab.com/blog</link>
	<description>No Boundaries No Limitation</description>
	<lastBuildDate>Thu, 18 Sep 2014 04:36:32 +0000</lastBuildDate>
	<language>tw</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>讓你的圖片集像 Google Image Search 般的排版</title>
		<link>http://dreamerslab.com/blog/tw/google-image-search-style-image-alignment-with-jquery-atteeeeention-plugin/</link>
		<comments>http://dreamerslab.com/blog/tw/google-image-search-style-image-alignment-with-jquery-atteeeeention-plugin/#comments</comments>
		<pubDate>Mon, 28 Mar 2011 18:05:12 +0000</pubDate>
		<dc:creator>ben</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[docs]]></category>
		<category><![CDATA[google image search]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery plugin]]></category>

		<guid isPermaLink="false">http://dreamerslab/blog/?p=159</guid>
		<description><![CDATA[讓你的圖片集像 Google Image Search 般的排版的 jQuery 插件 說明 如果你有一個圖片集裡的相片. 每一張的長跟寬都不一樣, 那排版起來很容易顯得雜亂不堪. 使用這個插件讓你的圖片集有如 &#8216;Google Image Search&#8217; 般的排版效果. Demo 按 這裡 檢視這個 demo 原始碼裡也包含了這個 demo 頁面 下載 從 Github 下載原始碼 需求 jQuery 1.2.6+ 支援瀏覽器 Firefox 2.0+ Internet Explorer 6+ Safari 3+ Opera &#8230; <a href="http://dreamerslab.com/blog/tw/google-image-search-style-image-alignment-with-jquery-atteeeeention-plugin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://dreamerslab.com/blog/tw/google-image-search-style-image-alignment-with-jquery-atteeeeention-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery MSG 插件</title>
		<link>http://dreamerslab.com/blog/tw/jquery-blockui-alternative-with-jquery-msg-plugin/</link>
		<comments>http://dreamerslab.com/blog/tw/jquery-blockui-alternative-with-jquery-msg-plugin/#comments</comments>
		<pubDate>Fri, 25 Mar 2011 08:39:37 +0000</pubDate>
		<dc:creator>ben</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[blockUI]]></category>
		<category><![CDATA[docs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery plugin]]></category>
		<category><![CDATA[msg]]></category>

		<guid isPermaLink="false">http://dreamerslab/blog/?p=148</guid>
		<description><![CDATA[一個類似 jQuery BlockUI 的插件 說明 早期網站要向使用者傳遞訊息或是警告標語都是用 &#8216;alert(&#8216;blah blah&#8217;);&#8217; 這樣的方法. 很簡單但是看起來實在是不怎麼好看. 所以後來我用 BlockUI 這個插件來取代這個功能. 而之後我發覺我並不需要這插件裡其他附加的功能而我也希望能更輕鬆的去修改插件的外觀. 所以我便寫了這個簡易版的插件叫做 jQuery MSG. 它支援不同主題, 且只需從 css 便可以修改主題. 另外也有 afterBlock 和 beforeUnblock 事件等等. 還有它很小, 包括註解不壓縮也只有4kb而已. Demo 按 這裡 檢視這個 demo 原始碼裡也包含了這個 demo 頁面 下載 從 Github 下載原始碼 &#8230; <a href="http://dreamerslab.com/blog/tw/jquery-blockui-alternative-with-jquery-msg-plugin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://dreamerslab.com/blog/tw/jquery-blockui-alternative-with-jquery-msg-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用 jQuery Center Plugin 置中指定的 DOM 元素</title>
		<link>http://dreamerslab.com/blog/tw/centralize-html-dom-element-with-jquery-center-plugin/</link>
		<comments>http://dreamerslab.com/blog/tw/centralize-html-dom-element-with-jquery-center-plugin/#comments</comments>
		<pubDate>Sun, 20 Mar 2011 10:27:51 +0000</pubDate>
		<dc:creator>ben</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[centralize]]></category>
		<category><![CDATA[docs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery plugin]]></category>

		<guid isPermaLink="false">http://dreamerslab/blog/?p=125</guid>
		<description><![CDATA[一個讓你置中指定 DOM 元素的 jQuery 插件 說明 這個簡單的插件幫助你在視窗中置中你所指定的 DOM 元素. 你也可以傳入數值來指定 y 軸的值. 或是當圖片大於視窗大小的時指定元素的置中方法. Demo 按 這裡 檢視這個 demo 原始碼裡也包含了這個 demo 頁面 下載 從 Github 下載原始碼 需求 jQuery 1.2.6+ 支援瀏覽器 Firefox 2.0+ Internet Explorer 6+ Safari 3+ Opera 10.6+ Chrome 8+ &#8230; <a href="http://dreamerslab.com/blog/tw/centralize-html-dom-element-with-jquery-center-plugin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://dreamerslab.com/blog/tw/centralize-html-dom-element-with-jquery-center-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用 jQuery Queue 插件讓你的 Javascript 程式碼更容易模組化</title>
		<link>http://dreamerslab.com/blog/tw/javascript-loose-coupling-with-jquery-queue-plugin/</link>
		<comments>http://dreamerslab.com/blog/tw/javascript-loose-coupling-with-jquery-queue-plugin/#comments</comments>
		<pubDate>Tue, 15 Mar 2011 08:06:24 +0000</pubDate>
		<dc:creator>ben</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[docs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery plugin]]></category>
		<category><![CDATA[pubsub]]></category>
		<category><![CDATA[queue]]></category>

		<guid isPermaLink="false">http://dreamerslab/blog/?p=119</guid>
		<description><![CDATA[一個讓你的 Javascript 程式碼更容易模組化的 jQuery 插件 說明 Javascript 是一個事件驅動的程式語言. 因此往往程式碼會呈現巢狀式結構來使用回乎函數. 尤其在大型的前端網頁程式更容易發生. 然而這種程式寫法會讓你整個架構不夠彈性化. jQuery Queue 插件可以讓你在函式範圍外增加此函式需要執行的回乎函數. 因此可以讓你的程式更容易有彈性的切割模組. 在大型的專案上, 這個插件可以說是不可或缺的! Demo 按 這裡 檢視這個 demo 原始碼裡也包含了這個 demo 頁面 下載 從 Github 下載原始碼 需求 jQuery 1.3.0+ 支援瀏覽器 Firefox 2.0+ Internet Explorer 6+ Safari 3+ &#8230; <a href="http://dreamerslab.com/blog/tw/javascript-loose-coupling-with-jquery-queue-plugin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://dreamerslab.com/blog/tw/javascript-loose-coupling-with-jquery-queue-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用 jQuery Secret 插件隱藏全域變數</title>
		<link>http://dreamerslab.com/blog/tw/hide-javascript-global-objects-with-jquery-secret-plugin/</link>
		<comments>http://dreamerslab.com/blog/tw/hide-javascript-global-objects-with-jquery-secret-plugin/#comments</comments>
		<pubDate>Thu, 10 Mar 2011 17:33:30 +0000</pubDate>
		<dc:creator>ben</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[docs]]></category>
		<category><![CDATA[global]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery plugin]]></category>

		<guid isPermaLink="false">http://dreamerslab/blog/?p=10</guid>
		<description><![CDATA[一個幫助你在 Javascript 裡隱藏全域變數的 jQuery 插件 說明 在 Javascript 裡使用全域變數是很不好的習慣. 在同一個頁面裡執行的程式都可以讀寫全域變數. 因此全域變數很容易被覆蓋過去而造成程式碼執行錯誤, 尤其當這個頁面所執行的程式碼不僅僅由一個人所撰寫時更會有這樣的問題. Douglas Crockford&#8217;s 在 Yahoo! User Interface Blog (YUIBlog) 的這篇文章有詳細解說. 通常我們可以給一個命名空間來解決這個問題. 以下面的程式碼為例: 好多了, 但是還是有問題沒有解決. 這些資料還有函式還是可以被同一頁面的其他程式讀取或覆寫. 在小型的專案中或是在撰寫一個插件時, 我們可以像 jQuery 的寫法一樣把程式碼包在一個匿名函式裡. 但是當我們在大型專案中程式碼常常會需要放在不同的模組, 檔案裡. 因此這個技巧就派不上用場了. 這個實用不妨試試這個插件吧 :) Demo 按 這裡 檢視這個 demo &#8230; <a href="http://dreamerslab.com/blog/tw/hide-javascript-global-objects-with-jquery-secret-plugin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://dreamerslab.com/blog/tw/hide-javascript-global-objects-with-jquery-secret-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用 jQuery 取得隱藏元素的真正長寬</title>
		<link>http://dreamerslab.com/blog/tw/get-hidden-elements-width-and-height-with-jquery/</link>
		<comments>http://dreamerslab.com/blog/tw/get-hidden-elements-width-and-height-with-jquery/#comments</comments>
		<pubDate>Sat, 05 Mar 2011 09:38:50 +0000</pubDate>
		<dc:creator>ben</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[docs]]></category>
		<category><![CDATA[隱藏元素]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery plugin]]></category>
		<category><![CDATA[width]]></category>

		<guid isPermaLink="false">http://dreamerslab/blog/?p=78</guid>
		<description><![CDATA[一個讓你取得隱藏元素的實際長寬的 jQuery 插件 說明 舊版的 jQuery 在擷取隱藏的DOM元素的長寬時常常會出問題. 當目標元素或是它的父元素的 css property &#8216;display&#8217; 設成 &#8216;none&#8217; 時. $('#someElement').width(); 傳回的往往是 0 而不是該元素的真正寬度. 這個時候試試看 $('#someElement').actual('width'); 吧! Demo 按 這裡 檢視這個 demo 如果你有使用 css3pie 也許你你會想看看 這個 demo( demo/css3pie.html ) 原始碼裡也包含了這些 demo 頁面 下載 從 Github 下載原始碼 &#8230; <a href="http://dreamerslab.com/blog/tw/get-hidden-elements-width-and-height-with-jquery/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://dreamerslab.com/blog/tw/get-hidden-elements-width-and-height-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用 jQuery Preload 預先載入圖片</title>
		<link>http://dreamerslab.com/blog/tw/preload-images-with-jquery-preload-plugin/</link>
		<comments>http://dreamerslab.com/blog/tw/preload-images-with-jquery-preload-plugin/#comments</comments>
		<pubDate>Tue, 01 Mar 2011 12:54:42 +0000</pubDate>
		<dc:creator>ben</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[docs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery plugin]]></category>
		<category><![CDATA[預先載入圖片]]></category>

		<guid isPermaLink="false">http://dreamerslab/blog/?p=33</guid>
		<description><![CDATA[一個幫助你預先載入圖片的 jQuery 插件 說明 做網站時常常會需要預先載入圖片來帶給使用者更好的體驗, 像是滑鼠滑過去改變背景圖, slideshow 改變圖片等等. 預先載入圖片可以避免滑鼠滑過時背景圖消失了幾秒才出現, 或是使用 slideshow 等待下一張圖切換過久的問題. Demo 按 這裡 檢視這個 demo 原始碼裡也包含了這個 demo 頁面 下載 從 Github 下載原始碼 需求 jQuery 1.2.3+ 支援瀏覽器 Firefox 2.0+ Internet Explorer 6+ Safari 3+ Opera 10.6+ Chrome 8+ 安裝 &#8230; <a href="http://dreamerslab.com/blog/tw/preload-images-with-jquery-preload-plugin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://dreamerslab.com/blog/tw/preload-images-with-jquery-preload-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
