<?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>Hien Nguyen's Blog [Hagin] &#187; Collection</title>
	<atom:link href="http://hagin.info/blog/category/collection/feed/" rel="self" type="application/rss+xml" />
	<link>http://hagin.info/blog</link>
	<description>Looking for dream</description>
	<lastBuildDate>Tue, 06 Jul 2010 08:21:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>30 Best CSS Gallery sites</title>
		<link>http://hagin.info/blog/2009/05/26/best-css-gallery-sites/</link>
		<comments>http://hagin.info/blog/2009/05/26/best-css-gallery-sites/#comments</comments>
		<pubDate>Tue, 26 May 2009 09:52:28 +0000</pubDate>
		<dc:creator>hagin</dc:creator>
				<category><![CDATA[Collection]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[cool]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[gallery]]></category>

		<guid isPermaLink="false">http://hagin.info/blog/?p=763</guid>
		<description><![CDATA[My collection: some gallery sites about cool CSS base sites. CSS Elite http://www.csselite.com CSS Fury http://cssfury.com CSS Drive http://www.cssdrive.com CSS Heroes http://www.cssheroes.com CSS Showcase http://www.cssshowcase.co.uk CSS Loggia http://www.cssloggia.com CSS Ecssited http://www.ecssited.com CSS Creme http://csscreme.com CSS Design http://www.css-design.fr CSS Mania http://cssmania.com CSS Impress http://www.cssimpress.com CSS Brigit http://cssbrigit.com CSS Based http://cssbased.com CSS Perk http://www.cssperk.com CSS Daddy http://www.cssdaddy.com [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://fc09.deviantart.com/fs41/f/2009/044/4/a/CSS_fairy___sparkles_by_Synfull.gif" alt="" width="50" height="50" /></p>
<p>My collection: some gallery sites about cool CSS base sites.</p>
<ol>
<li><strong>CSS Elite</strong><a href="http://www.csselite.com" target="_blank"> http://www.csselite.com<br />
</a></li>
<li><strong>CSS Fury </strong><a href="http://cssfury.com" target="_blank">http://cssfury.com</a></li>
<li><strong>CSS Drive </strong><a href="http://www.cssdrive.com" target="_blank">http://www.cssdrive.com</a></li>
<li><strong>CSS Heroes</strong> <a href="http://www.cssheroes.com" target="_blank">http://www.cssheroes.com</a></li>
<li><strong>CSS Showcase</strong> <a href="http://www.cssshowcase.co.uk" target="_blank">http://www.cssshowcase.co.uk</a></li>
<li><strong>CSS Loggia </strong><a href="http://www.cssloggia.com" target="_blank">http://www.cssloggia.com</a></li>
<li><strong>CSS Ecssited</strong> <a href="http://www.ecssited.com" target="_blank">http://www.ecssited.com</a></li>
<li><strong>CSS Creme </strong><a href="http://csscreme.com" target="_blank">http://csscreme.com</a></li>
<li><strong>CSS Design </strong><a href="http://www.css-design.fr" target="_blank">http://www.css-design.fr</a></li>
<li><strong>CSS Mania </strong><a href="http://cssmania.com" target="_blank">http://cssmania.com</a></li>
<p><span id="more-763"></span></p>
<li><strong>CSS Impress</strong> <a href="http://www.cssimpress.com" target="_blank">http://www.cssimpress.com</a></li>
<li><strong>CSS Brigit </strong><a href="http://cssbrigit.com" target="_blank">http://cssbrigit.com</a></li>
<li><strong>CSS Based</strong> <a href="http://cssbased.com" target="_blank">http://cssbased.com</a></li>
<li><strong>CSS Perk</strong> <a href="http://www.cssperk.com" target="_blank">http://www.cssperk.com</a></li>
<li><strong>CSS Daddy</strong> <a href="http://www.cssdaddy.com" target="_blank">http://www.cssdaddy.com</a></li>
<li><strong>CSS Galeria </strong><a href="http://www.galeriacss.com.ar" target="_blank">http://www.galeriacss.com.ar</a></li>
<li><strong>CSS Blaze</strong> <a href="http://www.cssblaze.com" target="_blank">http://www.cssblaze.com</a></li>
<li><strong>CSS Chick</strong> <a href="http://www.csschick.com" target="_blank">http://www.csschick.com</a></li>
<li><strong>CSS Star</strong> <a href="http://www.cssstar.com" target="_blank">http://www.cssstar.com</a></li>
<li><strong>CSS Amigo</strong> <a href="http://cssamigo.com" target="_blank">http://cssamigo.com</a></li>
<li><strong>CSS Count</strong> <a href="http://www.csscount.com" target="_blank">http://www.csscount.com</a></li>
<li><strong>CSS Cookie</strong> <a href="http://www.csscookie.com" target="_blank">http://www.csscookie.com</a></li>
<li><strong>CSS Vault</strong> <a href="http://www.bestcssvault.com" target="_blank">http://www.bestcssvault.com</a></li>
<li><strong>CSS Design yorkshire</strong> <a href="http://www.css-design-yorkshire.com" target="_blank">http://www.css-design-yorkshire.com</a></li>
<li><strong>W3C Sites</strong> <a href="http://w3csites.com" target="_blank">http://w3csites.com</a></li>
<li><strong>W3 CSS Website </strong> <a href="http://www.my3w.org" target="_blank">http://www.my3w.org</a></li>
<li><strong>Foliostars</strong> <a href="http://www.foliostars.net/" target="_blank">http://www.foliostars.net</a></li>
<li><strong>Ad DesignLink</strong> <a href="http://www.addesignlink.com" target="_blank">http://www.addesignlink.com</a></li>
<li><strong>Creative Acclaim</strong> <a href="http://creativeacclaim.com" target="_blank">http://creativeacclaim.com</a></li>
<li><strong>Design Reciped database</strong> <a href="http://gallery.designrecipedatabase.net" target="_blank">http://gallery.designrecipedatabase.net</a></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://hagin.info/blog/2009/05/26/best-css-gallery-sites/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Suy ngẫm về quan điểm &#8220;ăn cùng diệt tận&#8221;</title>
		<link>http://hagin.info/blog/2009/05/07/suy-ng%e1%ba%abm-chuy%e1%bb%87n-th%e1%bb%a9c-an-th%e1%bb%aba/</link>
		<comments>http://hagin.info/blog/2009/05/07/suy-ng%e1%ba%abm-chuy%e1%bb%87n-th%e1%bb%a9c-an-th%e1%bb%aba/#comments</comments>
		<pubDate>Thu, 07 May 2009 02:06:35 +0000</pubDate>
		<dc:creator>hagin</dc:creator>
				<category><![CDATA[Collection]]></category>
		<category><![CDATA[Daily life]]></category>
		<category><![CDATA[tietkiem]]></category>

		<guid isPermaLink="false">http://hagin.info/blog/?p=742</guid>
		<description><![CDATA[1 đoạn clip có lẽ là bên Thái, chủ đề chắc ai cũng đã từng nghe, nhưng có mai ai chứng kiến, có những người kiếm kg ra, có người tiêu không hết. Mà xem xong đoạn clip này mình rút ra 1 kết luận, để giúp cho những người khác, ta phải hạn chế [...]]]></description>
			<content:encoded><![CDATA[<p><object width="450" height="357" data="http://static.timnhanh.com/yumevideo/flash_player/simplePlayer.swf" type="application/x-shockwave-flash"><param name="flashvars" value="width=430&amp;height=357&amp;xmlPath=http://video.timnhanh.com/playlist/OTkzNzM3LTQ2OTg5Mw==.xml" /><param name="src" value="http://static.timnhanh.com/yumevideo/flash_player/simplePlayer.swf" /><param name="allowfullscreen" value="true" /></object></p>
<p>1 đoạn clip có lẽ là bên Thái, chủ đề chắc ai cũng đã từng nghe, nhưng có mai ai chứng kiến, có những người kiếm kg ra, có người tiêu không hết.</p>
<p>Mà xem xong đoạn clip này mình rút ra 1 kết luận, để giúp cho những người khác, ta phải hạn chế việc &#8220;ăn sạch diệt tận&#8221;, một điều mà trước giờ theo quan niệm của mình là một sự tiêu dùng đúng mực không lãng phí <img src='http://hagin.info/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Nhìn quanh thì vẫn có rất nhiều người hay để thức ăn thừa, vì no quá? .. chẳng rõ có bao nhiêu nguyên nhân, nhưng quan điểm của mình đó là sự lãng phí, lãng phí công người thực hiện, lãng phí tiền bạc mình mình bỏ ra có thể nhận được. Chẳng cần clip trên làm gì, hàng ngày vẫn có vô số người đi xin ăn, nhìn xuống mà đánh giá sự lãng phí của mình.</p>
<p>Nhìn chung cái quan điểm &#8220;ăn sạch diệt tận&#8221; này làm mình ngày càng mập <img src='http://hagin.info/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  có khi bị đau dạ dày quá chẳng ăn gì nỗi, mà ngán quá có khi lại &#8230; để thừa, không biết có ai khó chịu, hay tận dụng phê bình quan điểm này của mình không nhỉ ^^ hix coi xong clip lại thèm KFC</p>
]]></content:encoded>
			<wfw:commentRss>http://hagin.info/blog/2009/05/07/suy-ng%e1%ba%abm-chuy%e1%bb%87n-th%e1%bb%a9c-an-th%e1%bb%aba/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ăn Mày Cũng Phải Học Kinh Tế</title>
		<link>http://hagin.info/blog/2009/04/20/an-may-cung-ph%e1%ba%a3i-h%e1%bb%8dc-kinh-t%e1%ba%bf/</link>
		<comments>http://hagin.info/blog/2009/04/20/an-may-cung-ph%e1%ba%a3i-h%e1%bb%8dc-kinh-t%e1%ba%bf/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 15:02:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Collection]]></category>

		<guid isPermaLink="false">http://hagin.info/blog/?p=711</guid>
		<description><![CDATA[Tôi xách túi đồ nhãn hiệu Levi’s ra khỏi Plaza rồi đứng lại ở cửa chờ bạn. Một tay ăn mày chuyên nghiệp phát hiện ra tôi, sán tới đứng trước mặt. Câu chuyện của tôi chỉ có thế thôi. Thế nhưng tay ăn mày đã dạy tôi một bài học kinh tế còn sâu [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Tôi xách túi đồ nhãn hiệu Levi’s ra khỏi Plaza rồi đứng lại ở cửa chờ bạn. Một tay ăn mày chuyên nghiệp phát hiện ra tôi, sán tới đứng trước mặt. Câu chuyện của tôi chỉ có thế thôi. Thế nhưng tay ăn mày đã dạy tôi một bài học kinh tế còn sâu sắc hơn một khoá học tại chức kinh tế ở trường. Tôi kể câu chuyện này chính bởi ý nguyện của tay ăn mày đó.</strong></p>
<p><img class="alignright" src="http://photos-h.ak.fbcdn.net/hphotos-ak-snc1/hs023.snc1/3089_1053888229849_1305107871_30138455_775035_a.jpg" alt="" width="180" height="311" />- Xin anh… cho tôi ít tiền đi! &#8211; Tôi đứng đó chả có việc gì nên tiện tay vứt cho hắn đồng tiền xu, rồi bắt chuyện cùng nhau.</p>
<p>Ăn mày rất thích kể lể.</p>
<p>- Tôi chỉ ăn mày quanh khu mua sắm này thôi, anh biết không? Tôi chỉ liếc một phát là thấy anh ngay. Đi mua Levi’s ở Plaza chắc chắn nhiều tiền…</p>
<p>- Hả? Ông cũng hiểu đời phết nhỉ! &#8211; Tôi ngạc nhiên.</p>
<p>- Làm ăn mày, cũng phải ăn mày cho nó có khoa học. &#8211; Ông ta bắt đầu mở máy.</p>
<p>Tôi ngẫm nghĩ một lát, thấy thú vị bèn hỏi:</p>
<p>- Thế nào là ăn mày một cách khoa học?</p>
<p>Tôi nhìn kỹ ông ta, đầu tóc rối bù, quần áo rách nát, tay gầy giơ xương, nhưng lại sạch sẽ.</p>
<p>Ông ta giảng giải:</p>
<p><span id="more-711"></span></p>
<p>- Ai chẳng sợ và ghét ăn mày, nhưng tôi tin anh không ghét tôi, tôi đoan chắc điều đó. Đấy là điểm tôi khác biệt với những thằng ăn mày khác.</p>
<p>Tôi gật đầu đồng ý, đúng là tôi không ghét ông ta, nên tôi đang nói chuyện với ông ta đấy thôi.</p>
<p>- Tôi biết phân tích SWOT, những ưu thế, bất lợi, những cơ hội và nguy cơ. Đối mặt với những thằng ăn mày là đối thủ cạnh tranh của tôi, ưu thế (Strengths) của tôi là tôi không làm người ta phản cảm, lánh sợ. Cơ hội (Opportunities) và nguy cơ (Threats) thì chỉ là những yếu tố điều kiện bên ngoài thuộc về hoàn cảnh, có thể là dân số ở đây đông hay vắng, thành phố có quyết định chỉnh trang đô thị, dẹp hè phố chăng…</p>
<p>- …???</p>
<p>- Tôi đã từng tính toán rất cụ tỉ (cụ thể và tỉ mỉ) rằng, khu vực thương mại này người qua lại đông, mỗi ngày khoảng mười nghìn người, nghèo thì nhiều lắm, nhưng người giàu còn nhiều hơn. Trên phương diện lý luận thì giả như mỗi ngày tôi xin được mỗi người một đồng xu một nghìn đồng, thì mỗi tháng thu nhập của tôi đã được ba trăm triệu đồng. Nhưng thực tế thì đâu phải ai cũng cho ăn mày tiền, mà một ngày làm sao tôi đi xin được mười nghìn lượt người. Vì thế, tôi phải phân tích, ai là khách hàng mục tiêu của tôi, đâu là khách hàng tiềm năng của tôi.</p>
<p>Ông ta lấy giọng nói tiếp:</p>
<p>- Ở khu Plaza này thì khách hàng mục tiêu của tôi chiếm khoảng 30% số lượng người mua sắm, tỉ lệ thành công khoảng 70%. Lượng khách hàng tiềm năng chiếm khoảng 20%, tỉ lệ thành công trên đối tượng này khoảng 50%. Còn lại 50% số người, tôi chọn cách là bỏ qua họ, bởi tôi không có đủ thời gian để tìm vận may của mình với họ, tức là xin tiền họ.</p>
<p>- Thế ông định nghĩa thế nào về khách hàng của ông? &#8211; Tôi căn vặn.</p>
<p>- Trước tiên, khách hàng mục tiêu nhé. Thì những nam thanh niên trẻ như anh đấy, có thu nhập, nên tiêu tiền không lưỡng lự. Ngoài ra các đôi tình nhân cũng nằm trong đối tượng khách hàng mục tiêu của tôi, họ không thể mất mặt trước bạn khác phái, vì thế đành phải ra tay hào phóng. Rồi tôi chọn các cô gái xinh đẹp đi một mình là khách hàng tiềm năng, bởi họ rất sợ bị lẽo đẽo theo, chắc chắn họ chọn cách bỏ tiền ra cho rảnh nợ. Hai đối tượng này đều thuộc tầm tuổi 20-30. Nếu tuổi khách hàng nhỏ quá, họ không có thu nhập, mà tuổi già hơn, thì họ có thể đã có gia đình, tiền bạc bị vợ cầm hết rồi. Những ông chồng đó biết đâu có khi đang âm thầm tiếc hận rằng không thể ngửa tay ra xin tiền của tôi ấy chứ!</p>
<p>- Thế thì mỗi ngày ông xin được bao nhiêu tiền?</p>
<p>- Thứ hai đến thứ sáu, sẽ kém một chút, khoảng hai trăm nghìn. Cuối tuần thậm chí có thể 4-500 nghìn.</p>
<p>- Hả? Nhiều vậy sao?</p>
<p>Thấy tôi nghi ngờ, ông ta tính cho tôi thấy:</p>
<p>- Tôi cũng khác gì anh, tôi cũng làm việc tám giờ vàng ngọc. Buổi sáng từ 11h đến tối 7h, cuối tuần vẫn đi làm như thường. Mỗi lần ăn mày một người tôi mất khoảng 5 giây, trừ đi thời gian tôi đi lại, di chuyển giữa các mục tiêu, thường một phút tôi xin được một lần được một đồng xu 1 nghìn, 8 tiếng tôi xin được 480 đồng một nghìn, rồi tính với tỉ lệ thành công 60% [(70%+50%)÷2] thì tôi được khoảng 300 nghìn.</p>
<p>Chiến lược ăn mày của tôi là dứt khoát không đeo bám khách chạy dọc phố. Nếu xin mà họ không cho, tôi dứt khoát không bám theo họ. Bởi nếu họ cho tiền thì đã cho ngay rồi, nếu họ cho vì bị đeo bám lâu, thì tỉ lệ thành công cũng nhỏ. Tôi không thể mang thời gian ăn mày có giới hạn của tôi để đi lãng phí trên những người khách này, trong khi tôi có thể xoay ngay sang mục tiêu bên cạnh.</p>
<p>Trời, tay ăn mày này có đầu óc quá đi, phân tích như thể giám đốc kinh doanh hoặc giám đốc tiếp thị vậy.</p>
<p>- Ông nói tiếp đi! &#8211; Tôi hào hứng.</p>
<p>- Có người bảo ăn mày có số may hay xui, tôi không nghĩ thế. Lấy ví dụ cho anh nhé, nếu có một thanh niên đẹp trai và một phụ nữ xinh đẹp đứng trước cửa shop đồ lót mỹ phẩm, thì anh sẽ chọn ai để ăn mày?</p>
<p>Tôi ngẫm nghĩ rồi bảo, tôi không biết.</p>
<p>- Anh nên đi đến xin tiền anh thanh niên kia. Vì đứng bên anh ta là một phụ nữ đẹp, anh ta chẳng lẽ lại không cho ăn mày tiền. Nhưng nếu anh đi xin cô gái đẹp, cô ta sẽ giả vờ là ghê sợ anh rồi lánh xa anh.</p>
<p>Thôi cho anh một ví dụ nữa: Hôm nọ đứng ở cửa siêu thị BigC có một cô gái trẻ tay cầm túi đồ vừa mua từ siêu thị, một đôi nam nữ yêu nhau đang đứng ăn kem, và một anh chàng đóng bộ công chức chỉnh tề, tay xách túi đựng máy tính xách tay. Tôi chỉ nhìn họ ba giây, sẽ không ngần ngừ bước thẳng tới mặt cô gái trẻ xin tiền, cô gái cho tôi hẳn hai đồng xu, nhưng ngạc nhiên hỏi tôi tại sao chỉ xin tiền có mỗi cô ta. Tôi trả lời rằng, cái đôi tình nhân kia đang ăn, họ không tiện rút ví ra cho tiền, anh kia trông có vẻ lắm tiền, trông như sếp nhưng vì thế trên người họ thường không có sẵn tiền lẻ. Còn cô vừa mua sắm ở siêu thị ra, cô tất còn ít tiền thừa, tiền lẻ.</p>
<p>Chí lý, tôi càng nghe tay ăn mày nói càng tỉnh cả người ra.</p>
<p>- Cho nên tôi bảo rồi, tri thức quyết định tất cả!</p>
<p>Tôi nghe sếp tôi nói bao lần câu này, nhưng đây là lần đầu tôi nghe một thằng ăn mày nói câu này.</p>
<p>- Ăn mày cũng phải mang tri thức ra mà ăn mày. Chứ ngày ngày nằm ệch ra ở xó chợ, cầu thang lên đường vượt giao lộ, xin ai cho được tiền? Những người đi qua giao lộ, chạy qua cổng chợ đều vội vàng hoặc cồng kềnh, ai ra đấy mà chơi bao giờ, ra đấy xin chỉ mệt người. Phải trang bị tri thức cho chính mình, học kiến thức mới làm người ta thông minh lên, những người thông minh sẽ không bao giờ ngừng học hỏi kiến thức mới. Thế kỷ 21 rồi, bây giờ người ta cần gì, có phải là cần nhân tài không?</p>
<p>Có lần, có một người cho tôi hẳn 50 nghìn, nhờ tôi đứng dưới cửa sổ gào: “Hồng ơi, anh yêu em”, gào 100 lần. Tôi tính ra gọi một tiếng mất 5 giây, thời gian cũng tương tự như tôi đi ăn mày một lần, nhưng lợi nhuận đạt được chỉ 500 đồng, còn kém đi ăn mày, thế là tôi từ chối.</p>
<p>Ở đây, nói chung một tay ăn mày một tháng có thể đi xin được một nghìn hoặc tám trăm lần. Người nào may mắn thì cùng lắm đi xin được khoảng hai nghìn lần. Dân số ở đây khoảng ba triệu, ăn mày độ chục anh, tức là tôi cứ khoảng mười nghìn người dân mới ăn mày một người. Như thế thu nhập của tôi ổn định, về cơ bản là cho dù kinh tế thế giới đi lên hay đi xuống, tình hình xin tiền của tôi vẫn ổn định, không biến động nhiều.</p>
<p>Trời, tôi phục tay ăn mày này quá!</p>
<p>- Tôi thường nói tôi là một thằng ăn mày vui vẻ. Những thằng ăn mày khác thường vui vì xin được nhiều tiền. Tôi thường bảo chúng nó là, chúng mày nhầm rồi. Vì vui vẻ thì mới xin được nhiều tiền chứ.</p>
<p>Quá chuẩn!</p>
<p>- Ăn mày là nghề nghiệp của tôi, phải hiểu được niềm vui do công việc của mình mang lại. Lúc trời mưa ít người ra phố, những thằng ăn mày khác đều ủ rũ oán trách hoặc ngủ. Đừng nên như thế, hãy tranh thủ mà cảm nhận vẻ đẹp của thành phố. Tối về tôi dắt vợ và con đi chơi ngắm trời đêm, nhà ba người nói cười vui vẻ, có lúc đi đường gặp đồng nghiệp, tôi có khi cũng vứt cho họ một đồng xu, để thấy họ vui vẻ đi, nhìn họ như nhìn thấy chính mình.</p>
<p>- Ối ông cũng có vợ con?</p>
<p>- Vợ tôi ở nhà làm bà nội trợ, con tôi đi học. Tôi vay tiền ngân hàng mua một căn nhà nhỏ ở ngoại thành, trả nợ dần trong mười năm, vẫn còn sáu năm nữa mới trả hết. Tôi phải nỗ lực kiếm tiền, con tôi còn phải học lên đại học, tôi sẽ cho nó học Quản trị kinh doanh, Marketing, để con tôi có thể trở thành một thằng ăn mày xuất sắc hơn bố nó.</p>
<p>Tôi buột miệng:</p>
<p>- Ông ơi, ông có thu nhận tôi làm đệ tử không?</p>
<p>(Trang Hạ dịch, theo diễn đàn Shenzhen, TQ)</p>
]]></content:encoded>
			<wfw:commentRss>http://hagin.info/blog/2009/04/20/an-may-cung-ph%e1%ba%a3i-h%e1%bb%8dc-kinh-t%e1%ba%bf/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[JS] Lightbox effect collection</title>
		<link>http://hagin.info/blog/2009/03/28/js-lightbox-effect-collection/</link>
		<comments>http://hagin.info/blog/2009/03/28/js-lightbox-effect-collection/#comments</comments>
		<pubDate>Sat, 28 Mar 2009 00:05:19 +0000</pubDate>
		<dc:creator>hagin</dc:creator>
				<category><![CDATA[Collection]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[caobox]]></category>
		<category><![CDATA[lightbox]]></category>

		<guid isPermaLink="false">http://hagin.info/blog/?p=663</guid>
		<description><![CDATA[Hiệu ứng Lightbox là khi bạn xem trên trang web, click vào một tấm ảnh hoặc thành phần nào đó, một hiệu ứng làm xuất hiện vùng thông tin mới ngay trên trang web của bạn đang xem với một lớp nền che đi vùng trang web bên dưới. Có nhiều script giúp bạn thực [...]]]></description>
			<content:encoded><![CDATA[<p>Hiệu ứng Lightbox là khi bạn xem trên trang web, click vào một tấm ảnh hoặc thành phần nào đó, một hiệu ứng làm xuất hiện vùng thông tin mới ngay trên trang web của bạn đang xem với một lớp nền che đi vùng trang web bên dưới.</p>
<p><img class="alignnone" src="http://www.emanueleferonato.com/images/lightbox.jpg" alt="" width="500" height="282" /></p>
<p>Có nhiều script giúp bạn thực hiện điều đó, và các công cụ đó ngày càng mạnh hơn. Bên dưới là list các script mình biết, một số đã dùng thử</p>
<h3>1.  LightBox</h3>
<p style="padding-left: 30px; ">An inline image popup, overlays and fades out the current page<a title="http://www.phatfusion.net/lightbox/" href="http://www.phatfusion.net/lightbox/" target="_blank">.</p>
<p>http://www.phatfusion.net/lightbox</a></p>
<p><strong>Framework</strong>: <a href="http://www.mootools.net/" target="_blank">mootools v1.11</a><br />
<strong>Support</strong>: image</p>
<h3>2.  LightBox 2</h3>
<p style="padding-left: 30px;">Lightbox is a <em>simple, unobtrusive</em> script used to overlay images on the current page. It&#8217;s a <em>snap to setup</em> and works on <em>all modern browsers</em><a title="www.huddletogether.com" href="http://www.huddletogether.com/projects/lightbox2" target="_blank">.</p>
<p>http://www.huddletogether.com/projects/lightbox2</a></p>
<p><strong>Framework</strong>: <a title="www.prototypejs.org" href="http://www.prototypejs.org/" target="_blank">Prototype</a>, <a title="script.aculo.us" href="http://script.aculo.us/" target="_blank">Scriptaculous Effects Library</a><br />
<strong>Support</strong>: image, image set</p>
<h3>3.  LightBox</h3>
<p style="padding-left: 30px; ">jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.<a title="http://leandrovieira.com/projects/jquery/lightbox/" href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank"></p>
<p>http://leandrovieira.com/projects/jquery/lightbox/</a></p>
<p><strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, image set</p>
<p style="padding-left: 30px; "><span id="more-663"></span></p>
<h3>4.  LightWindow</h3>
<p style="padding-left: 30px;"><a title="www.stickmanlabs.com/lightwindow/" href="http://www.stickmanlabs.com/lightwindow/" target="_blank">http://www.stickmanlabs.com/lightwindow/</a><br />
<strong>Framework</strong>: <a title="www.prototypejs.org" href="http://www.prototypejs.org/" target="_blank">Prototype</a><br />
<strong>Support</strong>: Quicktime, Apple, Youtube, Flash, Image, Frame, From, HTML page, Inline content</p>
<h3>5.    ModalBox</h3>
<p style="padding-left: 30px;">ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing larger versions of images.<a title="www.wildbit.com/labs/modalbox" href="http://www.wildbit.com/labs/modalbox" target="_blank"></p>
<p>http://www.wildbit.com/labs/modalbox</a></p>
<p><strong>Framework</strong>: <a title="www.prototypejs.org" href="http://www.prototypejs.org/" target="_blank">Prototype</a>, <a title="script.aculo.us" href="http://script.aculo.us/" target="_blank">Scriptaculous Effects Library</a><br />
<strong>Support</strong>: HTML link,  HTML with form, HTML javascript object</p>
<h3>6.  MultiBox</h3>
<p style="padding-left: 30px;">lightbox that supports images, flash, video, mp3s, html.<a title="www.phatfusion.net/multibox" href="http://www.phatfusion.net/multibox" target="_blank"></p>
<p>http://www.phatfusion.net/multibox</a></p>
<p><strong>Framework</strong>: <a href="http://www.mootools.net/" target="_blank">mootools</a><br />
<strong>Support</strong>: flv, mov, wmv, real, mp3, HTML, HTML page, HTML ajax, HTML link</p>
<h3>7.  ShadowBox</h3>
<p style="padding-left: 30px;">Shadowbox is an online media viewer application that supports all of the web&#8217;s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.<a title="mjijackson.com/shadowbox" href="http://mjijackson.com/shadowbox"><br />
http://mjijackson.com/shadowbox </a><br />
<strong>Framework</strong>: <a title="developer.yahoo.com/yui" href="http://developer.yahoo.com/yui" target="_blank">YUI Library</a>, <a title="extjs.com" href="http://extjs.com" target="_blank">Ext</a>,  <a title="www.prototypejs.org" href="http://www.prototypejs.org/" target="_blank">Prototype</a>, <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a>, <a href="http://www.mootools.net/" target="_blank">mootools</a>, <a title="www.dojotoolkit.org" href="http://www.dojotoolkit.org" target="_blank">Dojo</a><br />
<strong>Support</strong>: image, large image, gallery image, image map,  inline HTML, HTML link, google map, form, iframe, swf, mov, wmv, mp4, Youtube, Google video, apple trailer,  flv, qt, wmp, script</p>
<h3>8.  ImageBox</h3>
<p style="padding-left: 30px;"><a title="www.digitalia.be/software/slimbox2" href="http://www.intelliance.fr/jquery/imagebox/" target="_blank">http://www.intelliance.fr/jquery/imagebox/</a><br />
<strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, image set</p>
<h3>9.    SlimBox</h3>
<p style="padding-left: 30px;">Slimbox 2 is a <strong>4 KB</strong> visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.<a title="www.digitalia.be/software/slimbox2" href="http://www.digitalia.be/software/slimbox2" target="_blank"></p>
<p>http://www.digitalia.be/software/slimbox2</a></p>
<p><strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, image set</p>
<h3>10. GreyBox</h3>
<p style="padding-left: 30px;"><a title="jquery.com/demo/grey" href="http://jquery.com/demo/grey" target="_blank">http://jquery.com/demo/grey</a><br />
<strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: HTML page, HTML ajax, HTML link</p>
<h3>11.   ThickBox</h3>
<p style="padding-left: 30px;">ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.<a title="jquery.com/demo/thickbox" href="http://jquery.com/demo/thickbox" target="_blank"></p>
<p>http://jquery.com/demo/thickbox</a></p>
<p><strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: Image, gallery images, inline content, iframe content, ajax content</p>
<h3>12. FancyBox</h3>
<p style="padding-left: 30px;">FancyBox is tool for displaying images, html content and multi-media in a Mac-style &#8220;lightbox&#8221; that floats overtop of web page. 	<a title="fancy.klade.lv" href="http://fancy.klade.lv/" target="_blank"></p>
<p>http://fancy.klade.lv/</a></p>
<p><strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, image set, inline, iframe, AJAX</p>
<h3>13. FaceBox</h3>
<p style="padding-left: 30px;">Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It&#8217;s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.<a title="http://famspam.com/facebox" href="http://famspam.com/facebox" target="_blank"></p>
<p>http://famspam.com/facebox</a></p>
<p><strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, inline HTML, AJAX</p>
<h3>14. PiroBox</h3>
<p style="padding-left: 30px;"><a title="http://famspam.com/facebox" href="http://www.pirolab.it/pirobox/" target="_blank">http://www.pirolab.it/pirobox/</a><br />
<strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, image set (easing effect)</p>
<h3>15. CaoBox</h3>
<p style="padding-left: 30px;">My lightbox clone.<a title="hagin.info/blog/2009/01/caoboxjs" href="http://hagin.info/blog/2009/01/caoboxjs" target="_blank"></p>
<p>http://hagin.info/blog/2009/01/caoboxjs</a></p>
<p><strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: inline HTML</p>
<h3>16. Fancy Zoom</h3>
<p style="padding-left: 30px;">This works with any html (images, text, headings, flash). The only caveat is it doesn&#8217;t currently work with AJAX. Whatever you want to zoom to must be html already on the page.<a title="http://orderedlist.com/demos/fancy-zoom-jquery/" href="http://orderedlist.com/demos/fancy-zoom-jquery/" target="_blank"></p>
<p>http://orderedlist.com/demos/fancy-zoom-jquery/</a></p>
<p><strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, image set, text</p>
<h3>17. PrettyPhoto</h3>
<p style="padding-left: 30px;"><a title="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/" href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/" target="_blank">http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/</a><br />
<strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, image set</p>
<h3>18. nyroModal</h3>
<p style="padding-left: 30px;"><a title="http://nyromodal.nyrodev.com/" href="http://nyromodal.nyrodev.com/" target="_blank">http://nyromodal.nyrodev.com/</a><br />
<strong>Framework</strong>: <a title="jquery.com" href="http://jquery.com/" target="_blank">jQuery</a><br />
<strong>Support</strong>: image, image set, inline HTML, AJAX, Youtube, iframe, form, blocker modal</p>
<h3>19. LightBox with CSS</h3>
<p style="padding-left: 30px;"><a href="http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed" target="_blank">http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed</a><br />
CSS</p>
<h3>20. Lightview</h3>
<p style="padding-left: 30px;"><a title="http://www.nickstakenburg.com/projects/lightview/" href="http://www.nickstakenburg.com/projects/lightview/" target="_blank">http://www.nickstakenburg.com/projects/lightview/</a><br />
<strong>Framework</strong>: <a title="www.prototypejs.org" href="http://www.prototypejs.org/" target="_blank">Prototype</a>, <a title="script.aculo.us" href="http://script.aculo.us/" target="_blank">Scriptaculous Effects Library</a><br />
<strong>Support</strong>: image, image set, Quicktime, AJAX form, Anti-aliasing, flash , iframe, inline HTML</p>
<h3>21. Hightslide</h3>
<p style="padding-left: 30px;"><a title="http://highslide.com/" href="http://highslide.com/" target="_blank">http://highslide.com/</a><br />
<strong>Framework</strong>:<br />
<strong>Support</strong>: image, image set, form, flash , iframe, inline HTML</p>
]]></content:encoded>
			<wfw:commentRss>http://hagin.info/blog/2009/03/28/js-lightbox-effect-collection/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>240 jQuery plugins</title>
		<link>http://hagin.info/blog/2009/03/20/240-jquery-plugin/</link>
		<comments>http://hagin.info/blog/2009/03/20/240-jquery-plugin/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 08:05:48 +0000</pubDate>
		<dc:creator>hagin</dc:creator>
				<category><![CDATA[Collection]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://hagin.info/blog/2009/03/240-jquery-plugin/</guid>
		<description><![CDATA[List các plugin của jQuery, lúc trước mình hay vào site này để xem, nhưng giờ site đó die rồi, clone một bản ở đây đề phòng. File upload Ajax File Upload. jQUploader. Multiple File Upload plugin. jQuery File Style. Styling an input type file. Progress Bar Plugin. Form Validation jQuery Validation. Auto Help. Simple [...]]]></description>
			<content:encoded><![CDATA[<p>List các plugin của jQuery, lúc trước mình hay vào site<a title="www.sastgroup.com/jquery/240-plugins-jquery" href="http://www.sastgroup.com/jquery/240-plugins-jquery" target="_blank"> này </a> để xem, nhưng giờ site đó die rồi, clone một bản ở đây đề phòng.<a href="http://www.sastgroup.com/jquery/240-plugins-jquery"></a></p>
<h5>File upload</h5>
<p><a href="http://www.phpletter.com/Demo/AjaxFileUpload-Demo/">Ajax File Upload</a>.<br />
<a href="http://www.pixeline.be/experiments/jqUploader/">jQUploader</a>.<br />
<a href="http://www.fyneworks.com/jquery/multiple-file-upload/">Multiple File Upload plugin</a>.<br />
<a href="http://www.appelsiini.net/projects/filestyle">jQuery File Style</a>.<br />
<a href="http://jquery.com/plugins/project/InputFileCSS">Styling an input type file</a>.<br />
<a href="http://digitalbush.com/projects/progress-bar-plugin">Progress Bar Plugin</a>.</p>
<h5>Form Validation</h5>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">jQuery Validation</a>.<br />
<a href="http://www.dyve.net/jquery/?autohelp">Auto Help</a>.<br />
<a href="http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html">Simple jQuery form validation</a>.<br />
<a href="http://letmehaveblog.blogspot.com/2007/08/easy-client-side-web-forms-validations.html">jQuery XAV &#8211; form validations</a>.<br />
<a href="http://itgroup.com.ph/alphanumeric/">jQuery AlphaNumeric</a>.<br />
<a href="http://digitalbush.com/projects/masked-input-plugin">Masked Input</a>.<br />
<a href="http://www.dennydotnet.com/post/TypeWatch-jQuery-Plugin.aspx">TypeWatch Plugin</a>.<br />
<a href="http://jquery.com/plugins/project/TextLimiter">Text limiter for form fields</a>.<br />
<a href="http://www.shawngo.com/gafyd/index.html">Ajax Username Check with jQuery</a>.</p>
<h5>Form &#8211; Select Box stuff</h5>
<p><a href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx">jQuery Combobox</a>.<br />
<a href="http://www.ajaxray.com/blog/2007/11/08/jquery-controlled-dependent-or-cascading-select-list-2/">jQuery controlled dependent (or Cascadign) Select List</a>.<br />
<a href="http://code.google.com/p/jqmultiselects/">Multiple Selects</a>.<br />
<a href="http://www.texotela.co.uk/code/jquery/select/">Select box manipulation</a>.<br />
<a href="http://code.google.com/p/jqueryselectcombo/">Select Combo Plugin</a>.<br />
<a href="http://www.msxhost.com/jquery/linked-selects/json/%20target=">jQuery &#8211; LinkedSelect</a><br />
<a href="http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/">Auto-populate multiple select boxes</a>.<br />
<a href="http://www.sitespotting.it/esempi/002/">Choose Plugin (Select Replacement)</a>.</p>
<p><span id="more-655"></span></p>
<h5>Form Basics, Input Fields, Checkboxes etc.</h5>
<p><a href="http://www.malsup.com/jquery/form/">jQuery Form Plugin</a>.<br />
<a href="http://code.handlino.com/wiki/jquery-form">jQuery-Form</a>.<br />
<a href="http://envero.org/jlook/">jLook Nice Forms</a>.<br />
<a href="http://www.whitespace-creative.com/jquery/jNice/">jNice</a>.<br />
<a href="http://www.brainfault.com/2007/07/07/pin-plugin-reloaded/">Ping Plugin</a>.<br />
<a href="http://grzegorz.frydrychowicz.net/jquery_toggleformtext/">Toggle Form Text</a>.<br />
<a href="http://thoughts.kuzemchak.net/entry/toggleval-for-jquery/">ToggleVal</a>.<br />
<a href="http://www.pengoworks.com/workshop/jquery/field.plugin.htm">jQuery Field Plugin</a>.<br />
<a href="http://code.befruit.com/">jQuery Form’n Field plugin</a>.<br />
<a href="http://www.texotela.co.uk/code/jquery/checkboxes/">jQuery Checkbox manipulation</a>.<br />
<a href="http://www.alcoholwang.cn/jquery/jTaggingDemo.htm">jTagging</a>.<br />
<a href="http://code.google.com/p/labelcheck/">jQuery labelcheck</a>.<br />
<a href="http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/">Overlabel</a>.<br />
<a href="http://blog.amicoimmaginario.it/2007/08/28/jquery-plugin-3-state-radio-buttons/">3 state radio buttons</a>.<br />
<a href="http://sanisoft-demo.com/jquery/plugins/shiftcheckbox/">ShiftCheckbox jQuery Plugin</a>.<br />
<a href="http://digitalbush.com/projects/watermark-input-plugin">Watermark Input</a>.<br />
<a href="http://kawika.org/jquery/checkbox/">jQuery Checkbox (checkboxes with imags)</a>.<br />
<a href="http://www.softwareunity.com/sandbox/jqueryspinbtn/">jQuery SpinButton Control</a>.<br />
<a href="http://www.phpletter.com/form_builder/demo.html">jQuery Ajax Form Builder</a>.<br />
<a href="http://www.texotela.co.uk/code/jquery/focusfields/">jQuery Focus Fields</a>.<br />
<a href="http://home.iprimus.com.au/kbwood/jquery/timeEntry.html">jQuery Time Entry</a>.</p>
<h5>Time, Date and Color Picker</h5>
<p><a href="http://marcgrabanski.com/code/ui-datepicker/">jQuery UI Datepicker</a>.<br />
<a href="http://kelvinluck.com/assets/jquery/datePicker/">jQuery date picker plugin</a>.<br />
<a href="http://code.google.com/p/jquery-timepicker/">jQuery Time Picker</a>.<br />
<a href="http://www.texotela.co.uk/code/jquery/timepicker/">Time Picker</a>.<br />
<a href="http://www.oakcitygraphics.com/jquery/clockpick/ClockPick.cfm">ClickPick</a>.<br />
<a href="http://labs.perifer.se/timedatepicker/">TimePicker</a>.<br />
<a href="http://acko.net/dev/farbtastic">Farbtastic jQuery Color Picker Plugin</a>.<br />
<a href="http://www.intelliance.fr/jquery/color_picker/">Color Picker by intelliance.fr</a>.</p>
<h5>Rating Plugins</h5>
<p><a href="http://www.phpletter.com/Demo/Jquery-Star-Rating-Plugin/">jQuery Star Rating Plugin</a>.<br />
<a href="http://www.m3nt0r.de/devel/raterDemo/">jQuery Star Rater</a>.<br />
<a href="http://riderdesign.com/articles/displayarticle.aspx?articleid=21">Content rater with asp.net, ajax and jQuery</a>.<br />
<a href="http://www.learningjquery.com/2007/05/half-star-rating-plugin">Half-Star Rating Plugin</a>.</p>
<h5>Search Plugins</h5>
<p><a href="http://www.cineasalyha.net/autocomplete/">Autocomplete Box</a>.<br />
<a href="http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/">jQuery Suggest</a>.<br />
<a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/">jQuery Autocomplete</a>.<br />
<a href="http://www.pengoworks.com/workshop/jquery/autocomplete.htm">jQuery Autocomplete Mod</a>.<br />
<a href="http://www.ajaxdaddy.com/demo-jquery-autocomplete.html">jQuery Autocomplete by AjaxDaddy</a>.<br />
<a href="http://dev.reach1to1.net/saurabh/jplugins/autocomplete/">jQuery Autocomplete Plugin with HTML formatting</a>.<br />
<a href="http://interface.eyecon.ro/docs/autocomplete">jQuery Autocompleter</a>.<br />
<a href="http://nodstrum.com/2007/09/19/autocompleter/">AutoCompleter (Tutorial with PHP&amp;MySQL)</a>.<br />
<a href="http://rikrikrik.com/jquery/quicksearch/">quick Search jQuery Plugin</a>.</p>
<h5>Inline Edit &amp; Editors</h5>
<p><a href="http://www.jaysalvat.com/jquery/jtageditor/">jTagEditor</a>.<br />
<a href="http://demo.wymeditor.org/demo.html">WYMeditor</a>.<br />
<a href="http://garage.pimentech.net/scripts_doc_jquery_jframe/">jQuery jFrame</a>.<br />
<a href="http://www.appelsiini.net/projects/jeditable">Jeditable &#8211; edit in place plugin for jQuery</a>.<br />
<a href="http://www.dyve.net/jquery/?editable">jQuery editable</a>.<br />
<a href="http://www.jdempster.com/category/jquery/disableTextSelect/">jQuery Disable Text Select Plugin</a>.<br />
<a href="http://15daysofjquery.com/edit-in-place-with-ajax-using-jquery-javascript-library/15/">Edit in Place with Ajax using jQuery</a>.<br />
<a href="http://davehauenstein.com/blog/archives/28">jQuery Plugin &#8211; Another In-Place Editor</a>.<br />
<a href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a>.<br />
<a href="http://joshhundley.com/teditable-in-place-editing-for-tables/">tEditable &#8211; in place table editing for jQuery</a>.</p>
<h5>Audio, Video, Flash, SVG, etc</h5>
<p><a href="http://www.contentwithstructure.com/extras/jmedia">jMedia &#8211; accessible multi-media embedding</a>.<br />
<a href="http://sourceforge.net/projects/jbedit/">JBEdit &#8211; Ajax online Video Editor</a>.<br />
<a href="http://www.sean-o.com/jquery/jmp3/">jQuery MP3 Plugin</a>.<br />
<a href="http://malsup.com/jquery/media/">jQuery Media Plugin</a>.<br />
<a href="http://jquery.lukelutman.com/plugins/flash/index.html">jQuery Flash Plugin</a>.<br />
<a href="http://www.solitude.dk/archives/embedquicktime/">Embed QuickTime</a>.<br />
<a href="http://keith-wood.name/svg.html">SVG Integration</a>.<br />
<a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">jQuery Multimedia Portfolio</a>.<br />
<a href="http://bijon.rightbrainsolution.com/youtube/">jQuery YouTube Plugin</a>.</p>
<h5>Photos/Images/Galleries</h5>
<p><a href="http://jquery.com/demo/thickbox/">ThickBox</a>.<br />
<a href="http://leandrovieira.com/projects/jquery/lightbox/">jQuery lightBox plugin</a>.<br />
<a href="http://fancy.klade.lv/">jQuery FancyBox</a>.<br />
<a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">jQuery Multimedia Portfolio</a>.<br />
<a href="http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/">jQuery Image Strip</a>.<br />
<a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">jQuery slideViewer</a>.<br />
<a href="http://benjaminsterling.com/2007/09/09/jquery-jqgalscroll-photo-gallery/">jQuery jqGalScroll 2.0</a>.<br />
<a href="http://benjaminsterling.com/2007/10/02/jquery-jqgalviewii-photo-gallery/">jQuery &#8211; jqGalViewII</a>.<br />
<a href="http://benjaminsterling.com/2007/10/21/jqgalviewiii-proof-of-concept/">jQuery &#8211; jqGalViewIII</a>.<br />
<a href="http://opiefoto.com/articles/photoslider">jQuery Photo Slider</a>.<br />
<a href="http://joanpiedra.com/jquery/thumbs/">jQuery Thumbs &#8211; easily create thumbnails</a>.<br />
<a href="http://www.texotela.co.uk/code/jquery/jQIR/">jQuery jQIR Image Replacement</a>.<br />
<a href="http://www.gmarwaha.com/jquery/jcarousellite/index.php#what">jCarousel Lite</a>.<br />
<a href="http://projects.sevir.org/storage/jpanview/index.html">jQPanView</a>.<br />
<a href="http://sorgalla.com/projects/jcarousel/#Examples">jCarousel</a>.<br />
<a href="http://www.intelliance.fr/jquery/imagebox/">Interface Imagebox</a>.<br />
<a href="http://www.getintothis.com/blog/2006/10/12/image-gallery-using-jquery-interface-reflections/">Image Gallery using jQuery, Interface &amp; Reflactions</a>.<br />
<a href="http://realazy.org/lab/jquery/j-gallery/">simple jQuery Gallery</a>.<br />
<a href="http://chicagosocial.com/gallery/">jQuery Gallery Module</a>.<br />
<a href="http://www.eogallery.com/">EO Gallery</a>.<br />
<a href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow">jQuery ScrollShow</a>.<br />
<a href="http://www.malsup.com/jquery/cycle/">jQuery Cycle Plugin</a>.<br />
<a href="http://www.projectatomic.com/en/flickr.htm">jQuery Flickr</a>.<br />
<a href="http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin">jQuery Lazy Load Images Plugin</a>.<br />
<a href="http://www.sunsean.com/zoomi/">Zoomi &#8211; Zoomable Thumbnails</a>.<br />
<a href="http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#crop">jQuery Crop &#8211; crop any image on the fly</a>.<br />
<a href="http://jquery.com/plugins/project/reflection">Image Reflection</a>.</p>
<h5>Google Map</h5>
<p><a href="http://www.dyve.net/jquery/?googlemaps">jQuery Plugin googlemaps</a>.<br />
<a href="http://code.google.com/p/jmaps/">jMaps jQuery Maps Framework</a>.<br />
<a href="http://projects.sevir.org/storage/jqmaps/index.html">jQmaps</a>.<br />
<a href="http://olbertz.de/jquery/googlemap.html">jQuery &amp; Google Maps</a>.<br />
<a href="http://snippets.dzone.com/posts/show/4361">jQuery Maps Interface forr Google and Yahoo maps</a>.<br />
<a href="http://webrocket.ulmb.com/jmaps/">jQuery J Maps &#8211; by Tane Piper</a>.</p>
<h5>Games</h5>
<p><a href="http://fmarcia.info/jquery/tetris/tetris.html">Tetris with jQuery</a>.<br />
<a href="http://64squar.es/">jQuery Chess</a>.<br />
<a href="http://www.bennadel.com/blog/623-jQuery-Demo-Mad-Libs-Word-Game.htm">Mad Libs Word Game</a>.<br />
<a href="http://www.alexatnet.com/node/68">jQuery Puzzle</a>.<br />
<a href="http://www.willjessup.com/sandbox/jquery/solar_system/rotator.html">jQuery Solar System (not a game but awesome jQuery Stuff)</a>.<br />
<a href="http://fernando.com.ar/memo/">jQuery Memory</a>.</p>
<h5>Tables, Grids etc.</h5>
<p><a href="http://docs.jquery.com/Plugins/Tablesorter">UI/Tablesorter</a>.<br />
<a href="http://www.reconstrukt.com/ingrid/">jQuery ingrid</a>.<br />
<a href="http://www.trirand.com/blog/?p=13">jQuery Grid Plugin</a>.<br />
<a href="http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm">Table Filter &#8211; awesome!</a>.<br />
<a href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a>.<br />
<a href="http://www.hanpau.com/jquery/unobtrusivetreetable.php">jQuery Tree Tables</a>.<br />
<a href="http://www.javascripttoolbox.com/jquery/#expandablerows">Expandable “Detail” Table Rows</a>.<br />
<a href="http://www.remotesynthesis.com/blog/index.cfm/2007/9/25/Sortable-Table-ColdFusion-Custom-Tag-with-jQueryUI">Sortable Table ColdFusion Costum Tag with jQuery UI</a>.<br />
<a href="http://flesler.blogspot.com/2007/10/jquerybubble.html">jQuery Bubble</a>.<br />
<a href="http://tablesorter.com/docs/">TableSorter</a>.<br />
<a href="http://www.webtoolkit.info/demo/jquery/scrollable/demo.html">Scrollable HTML Table</a>.<br />
<a href="http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html">jQuery column Manager Plugin</a>.<br />
<a href="http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html">jQuery tableHover Plugin</a>.<br />
<a href="http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html">jQuery columnHover Plugin</a>.<br />
<a href="http://makoomba.altervista.org/grid/">jQuery Grid</a>.<br />
<a href="http://motherrussia.polyester.se/jquery-plugins/tablesorter/">TableSorter plugin for jQuery</a>.<br />
<a href="http://joshhundley.com/teditable-in-place-editing-for-tables/">tEditable &#8211; in place table editing for jQuery</a>.<br />
<a href="http://www.hovinne.com/dev/jquery/chartotable/">jQuery charToTable Plugin</a>.<br />
<a href="http://www.ita.es/jquery/jquery.grid.columnSizing.htm">jQuery Grid Column Sizing</a>.<br />
<a href="http://www.ita.es/jquery/jquery.grid.rowSizing.htm">jQuery Grid Row Sizing</a>.</p>
<h5>Charts, Presentation etc.</h5>
<p><a href="http://code.google.com/p/flot/">Flot</a>.<br />
<a href="http://worcesterwideweb.com/2007/06/04/jquery-wizard-plugin/">jQuery Wizard Plugin </a>.<br />
<a href="http://www.reach1to1.com/sandbox/jquery/jqchart/">jQuery Chart Plugin</a>.<br />
<a href="http://ejohn.org/apps/speed/">Bar Chart</a>.<br />
<a href="http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/">Accessible Charts using Canvas and jQuery</a>.</p>
<h5>Border, Corners, Background</h5>
<p><a href="http://www.malsup.com/jquery/corner/">jQuery Corner</a>.<br />
<a href="http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery">jQuery Curvy Corner</a>.<br />
<a href="http://dev.jquery.com/~paul/plugins/nifty/example.html">Nifty jQuery Corner</a>.<br />
<a href="http://illandril.net/jQuery/transparentCorners/">Transparent Corners</a>.<br />
<a href="http://www.methvin.com/jquery/jq-corner.html">jQuery Corner Gallery</a>.<br />
<a href="http://blog.brandonaaron.net/my-jquery-plugins/gradient/">Gradient Plugin</a>.</p>
<h5>Text and Links</h5>
<p><a href="http://wanderinghorse.net/computing/javascript/jquery/spoilers/demo.html">jQuery Spoiler plugin</a>.<br />
<a href="http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html">Text Highlighting</a>.<br />
<a href="http://www.jdempster.com/category/jquery/disableTextSelect/">Disable Text Select Plugin</a>.<br />
<a href="http://www.texotela.co.uk/code/jquery/newsticker/">jQuery Newsticker</a>.<br />
<a href="http://www.ollicle.com/2007/jun/03/jquery_lineheight_flexible.html">Auto line-height Plugin</a>.<br />
<a href="http://agencenp.net/textgrad/textgrad.html">Textgrad &#8211; a text gradient plugin</a>.<br />
<a href="http://kawika.org/jquery/linklook/">LinkLook &#8211; a link thumbnail preview</a>.<br />
<a href="http://rikrikrik.com/jquery/pager/#examples">pager jQuery Plugin</a>.<br />
<a href="http://rikrikrik.com/jquery/shortkeys/">shortKeys jQuery Plugin</a>.<br />
<a href="http://www.ollicle.com/eg/jquery/biggerlink">jQuery Biggerlink</a>.<br />
<a href="http://troy.dyle.net/linkchecker/">jQuery Ajax Link Checker</a>.<br />
<a href="http://noteslog.com/chili/">Chili jQuery code highlighter plugin</a>.<br />
<a href="http://jscroller.markusbordihn.de/example/left/">jScroller</a>.</p>
<h5>Tooltips</h5>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">jQuery Plugin &#8211; Tooltip</a>.<br />
<a href="http://www.codylindley.com/blogstuff/js/jtip/">jTip &#8211; The jQuery Tool Tip</a>.<br />
<a href="http://examples.learningjquery.com/62/demo/index.html#examplesection">clueTip</a>.<br />
<a href="http://edgarverle.com/BetterTip/default.cfm">BetterTip</a>.<br />
<a href="http://ioreader.com/2007/05/15/flash-tooltips-using-jquery/">Flash Tooltips using jQuery</a>.<br />
<a href="http://www.texotela.co.uk/code/jquery/tooltipdemo/">ToolTip</a>.</p>
<h5>Menus, Navigations</h5>
<p><a href="http://stilbuero.de/jquery/tabs_3/">jQuery Tabs Plugin &#8211; awesome! </a>. [<a href="http://stilbuero.de/jquery/tabs_3/nested.html">demo nested tabs</a>.]<br />
<a href="http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo">another jQuery nested Tab Set example (based on jQuery Tabs Plugin)</a>.<br />
<a href="http://www.sunsean.com/idTabs/">jQuery idTabs</a>.<br />
<a href="http://jdsharp.us/jQuery/plugins/jdMenu/">jdMenu &#8211; Hierarchical Menu Plugin for jQuery</a>.<br />
<a href="http://be.twixt.us/jquery/suckerFish.php">jQuery SuckerFish Style</a>.<br />
<a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery Plugin Treeview</a>.<br />
<a href="http://be.twixt.us/jquery/treeView.php">treeView Basic</a>.<br />
<a href="http://labs.activespotlight.net/jQuery/menu_demo.html">FastFind Menu</a>.<br />
<a href="http://www.getintothis.com/blog/2006/09/26/my-first-jquery-plugin-a-sliding-menu/">Sliding Menu</a>.<br />
<a href="http://gmarwaha.com/blog/?p=7">Lava Lamp jQuery Menu</a>.<br />
<a href="http://icon.cat/wiki/IconDock_En#iconDock_jQuery_Plugin">jQuery iconDock</a>.<br />
<a href="http://cherne.net/brian/resources/jquery.variations.html">jVariations Control Panel</a>.<br />
<a href="http://www.trendskitchens.co.nz/jquery/contextmenu/">ContextMenu plugin</a>.<br />
<a href="http://p.sohei.org/jquery-plugins/clickmenu/">clickMenu</a>.<br />
<a href="http://www.ndesign-studio.com/blog/mac/css-dock-menu">CSS Dock Menu</a>.<br />
<a href="http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/">jQuery Pop-up Menu Tutorial</a>.<br />
<a href="http://www.getintothis.com/blog/2006/09/26/my-first-jquery-plugin-a-sliding-menu/">Sliding Menu</a>.</p>
<h5>Accordions, Slide and Toggle stuff</h5>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-accordion/">jQuery Plugin Accordion</a>.<br />
<a href="http://fmarcia.info/jquery/accordion.html">jQuery Accordion Plugin Horizontal Way</a>.<br />
<a href="http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html">haccordion &#8211; a simple horizontal accordion plugin for jQuery</a>.<br />
<a href="http://dev.portalzine.de/index?/Horizontal_Accordion--print">Horizontal Accordion by portalzine.de</a>.<br />
<a href="http://berndmatzner.de/jquery/hoveraccordion/">HoverAccordion</a>.<br />
<a href="http://fmarcia.info/jquery/accordion.html">Accordion Example from fmarcia.info</a>.<br />
<a href="http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index.php">jQuery Accordion Example</a>.<br />
<a href="http://jquery.com/files/demo/dl-done.html">jQuery Demo &#8211; Expandable Sidebar Menu</a>.<br />
<a href="http://www.andreacfm.com/examples/jQpanels/">Sliding Panels for jQuery</a>.<br />
<a href="http://jquery.andreaseberhard.de/toggleElements/">jQuery ToggleElements</a>.<br />
<a href="http://www.ndoherty.com/demos/coda-slider/">Coda Slider</a>.<br />
<a href="http://sorgalla.com/projects/jcarousel/#Examples">jCarousel</a>.<br />
<a href="http://www.reindel.com/accessible_news_slider/">Accesible News Slider Plugin</a>.<br />
<a href="http://icant.co.uk/sandbox/jquerycodeview/">Showing and Hiding code Examples</a>.<br />
<a href="http://gsgd.co.uk/sandbox/jquery/easing/">jQuery Easing Plugin</a>.<br />
<a href="http://sonspring.com/journal/jquery-portlets">jQuery Portlets</a>.<br />
<a href="http://jdsharp.us/jQuery/plugins/AutoScroll/">AutoScroll</a>.<br />
<a href="http://medienfreunde.com/lab/innerfade/">Innerfade</a>.<br />
<a href="http://maxb.net/blog/2008/05/11/ycodaslider-20/">CodaSlider</a>.</p>
<h5>Drag and Drop</h5>
<p><a href="http://docs.jquery.com/UI/Draggables">UI/Draggables</a>.<br />
<a href="http://fromvega.com/wordpress/2007/07/14/easydrag-jquery-plugin/">EasyDrag jQuery Plugin</a>.<br />
<a href="http://sonspring.com/journal/jquery-portlets">jQuery Portlets</a>.<br />
<a href="http://dev.iceburg.net/jquery/jqDnR/">jqDnR &#8211; drag, drop resize</a>.<br />
<a href="http://interface.eyecon.ro/demos/drag.html">Drag Demos</a>.</p>
<h5>XML XSL JSON Feeds</h5>
<p><a href="http://www.jongma.org/webtools/jquery/xslt/">XSLT Plugin</a>.<br />
<a href="http://cgaskell.wordpress.com/2006/11/02/jquery-ajax-call-and-result-xml-parsing/">jQuery Ajax call and result XML parsing</a>.<br />
<a href="http://jquery.com/plugins/project/xmlObjectifier">xmlObjectifier &#8211; Converts XML DOM to JSON</a>.<br />
<a href="http://jquery.glyphix.com/">jQuery XSL Transform</a>.<br />
<a href="http://malsup.com/jquery/taconite/">jQuery Taconite &#8211; multiple Dom updates</a>.<br />
<a href="http://www.hovinne.com/blog/index.php/2007/07/15/132-jfeed-jquery-rss-atom-feed-parser-plugin">RSS/ATOM Feed Parser Plugin</a>.<br />
<a href="http://www.malsup.com/jquery/gfeed/">jQuery Google Feed Plugin</a>.</p>
<h5>Browserstuff</h5>
<p><a href="http://noteslog.com/post/how-to-fix-the-resize-event-in-ie/">Wresize &#8211; IE Resize event Fix Plugin</a>.<br />
<a href="http://www.campbellsdigitalsoup.co.uk/about/png-fix/" target="_blank">jQuery PNG fix</a><br />
<a href="http://jquery.khurshid.com/ifixpng.php">jQuery ifixpng</a>.<br />
<a href="http://jquery.andreaseberhard.de/pngFix/">jQuery pngFix</a>.<br />
<a href="http://www.crismancich.de/jquery/plugins/linkscrubber/">Link Scrubber &#8211; removes the dotted line onfocus from links</a>.<br />
<a href="http://www.matthewjrichards.co.uk/articles/2007/06/25/jquery-perciformes-the-entire-suckerfish-familly-under-one-roof">jQuery Perciformes &#8211; the entire suckerfish familly under one roof</a>.<br />
<a href="http://blog.brandonaaron.net/my-jquery-plugins/background-iframe/">Background Iframe</a>.<br />
<a href="http://jquery.com/plugins/project/QinIE">QinIE &#8211; for proper display of Q tags in IE</a>.<br />
<a href="http://webrocket.ulmb.com/ability/">jQuery Accessibility Plugin</a>.<br />
<a href="http://www.ogonek.net/mousewheel/jquery-demo.html">jQuery MouseWheel Plugin</a>.</p>
<h5>Alert, Prompt, Confirm Windows</h5>
<p><a href="http://trentrichardson.com/Impromptu/">jQuery Impromptu</a>.<br />
<a href="http://nadiaspot.com/jquery/confirm">jQuery Confirm Plugin</a>.<br />
<a href="http://dev.iceburg.net/jquery/jqModal/">jqModal</a>.<br />
<a href="http://www.ericmmartin.com/projects/simplemodal/">SimpleModal</a>.</p>
<h5>CSS</h5>
<p><a href="http://www.kelvinluck.com/article/switch-stylesheets-with-jquery">jQuery Style Switcher</a>.<br />
<a href="http://andykent.bingodisk.com/bingo/public/jss/">JSS &#8211; Javascript StyleSheets</a>.<br />
<a href="http://flesler.blogspot.com/2007/11/jqueryrule.html">jQuery Rule &#8211; creation/manipulation of CSS Rules</a>.<br />
<a href="http://www.designerkamal.com/jPrintArea/">jPrintArea</a>.</p>
<h5>DOM, Ajax and other jQuery plugins</h5>
<p><a href="http://flydom.socianet.com/">FlyDOM</a>.<br />
<a href="http://brandonaaron.net/docs/dimensions/#getting-started">jQuery Dimenion Plugin</a>.<br />
<a href="http://happygiraffe.net/blog/articles/2007/09/26/jquery-logging">jQuery Loggin</a>.<br />
<a href="http://jquery.com/plugins/project/metadata">Metadata &#8211; extract metadata from classes, attributes, elements</a>.<br />
<a href="http://johannburkard.de/blog/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html">Super-tiny Client-Side Include Javascript jQuery Plugin</a>.<br />
<a href="http://humanized.com/weblog/2007/09/14/undo-made-easy-with-ajax-part-1/">Undo Made Easy with Ajax</a>.<br />
<a href="http://www.jasons-toolbox.com/JHeartbeat/">JHeartbeat &#8211; periodically poll the server</a>.<br />
<a href="http://www.appelsiini.net/projects/lazyload">Lazy Load Plugin</a>.<br />
<a href="http://blog.brandonaaron.net/2007/08/19/new-plugin-live-query/">Live Query</a>.<br />
<a href="http://jquery.offput.ca/every/">jQuery Timers</a>.<br />
<a href="http://www.joanpiedra.com/jquery/shareit/">jQuery Share it &#8211; display social bookmarking icons</a>.<br />
<a href="http://www.jdempster.com/category/code/jquery/cookiejar/">jQuery serverCookieJar</a>.<br />
<a href="http://ideamill.synaptrixgroup.com/?p=3">jQuery autoSave</a>.<br />
<a href="http://www.semicomplete.com/blog/geekery/jquery-interface-puffer.html">jQuery Puffer</a>.<br />
<a href="http://33rockers.com/jquery/iframe-demo/">jQuery iFrame Plugin</a>.<br />
<a href="http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/">Cookie Plugin for jQuery</a>.<br />
<a href="http://leftlogic.com/lounge/articles/jquery_spy2">jQuery Spy &#8211; awesome plugin</a>.<br />
<a href="http://www.learningjquery.com/2007/01/effect-delay-trick">Effect Delay Trick</a>.<br />
<a href="http://jquick.sullof.com/jquick/">jQuick &#8211; a quick tag creator for jQuery</a>.<a href="http://noteslog.com/post/metaobjects-11-released-today/"><br />
Metaobjects</a>.<br />
<a href="http://www.thunderguy.com/semicolon/2007/08/14/elementready-jquery-plugin/">elementReady</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://hagin.info/blog/2009/03/20/240-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

