<?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>WebDesign Collection &#187; opensource</title>
	<atom:link href="http://webdesigncollection.cn/wordpress/tag/opensource/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesigncollection.cn/wordpress</link>
	<description>Let&#039;s get the most updated knowleges about web design.</description>
	<lastBuildDate>Wed, 02 Jun 2010 05:49:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Rounding Up the Top 10 jQuery Lightbox Scripts</title>
		<link>http://webdesigncollection.cn/wordpress/photos/rounding-up-the-top-10-jquery-lightbox-scripts/</link>
		<comments>http://webdesigncollection.cn/wordpress/photos/rounding-up-the-top-10-jquery-lightbox-scripts/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 13:05:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photos]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[photo gallery]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesigncollection.cn/wordpress/?p=507</guid>
		<description><![CDATA[
			
				
			
		
Everyone loves lightbox javascript effects, since the original Lightbox script there has been countless clones generated for all the popular Javascript libraries. This collection rounds up the top ten Lightbox scripts for jQuery in particular, so remember to keep it bookmarked for your next design project!
jQuery Lightbox Plugin

Supported Media: Images
View Demo
Download
Fancybox

Supported Media: Images, Inline HTML, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Fphotos%2Frounding-up-the-top-10-jquery-lightbox-scripts%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Fphotos%2Frounding-up-the-top-10-jquery-lightbox-scripts%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Everyone loves lightbox javascript effects, since the original Lightbox script there has been countless clones generated for all the popular Javascript libraries. This collection rounds up the top ten Lightbox scripts for jQuery in particular, so remember to keep it bookmarked for your next design project!</p>
<h3><a href="http://leandrovieira.com/projects/jquery/lightbox/">jQuery Lightbox Plugin</a></h3>
<p><a href="http://leandrovieira.com/projects/jquery/lightbox/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/lightbox.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images</p>
<p><a href="http://leandrovieira.com/projects/jquery/lightbox/">View Demo</a></p>
<p><a href="http://leandrovieira.com/projects/jquery/lightbox/">Download</a><span id="more-507"></span></p>
<h3><a href="http://fancy.klade.lv/">Fancybox</a></h3>
<p><a href="http://fancy.klade.lv/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/fancybox.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images, Inline HTML, iFrame</p>
<p><a href="http://fancy.klade.lv/example">View Demo</a></p>
<p><a href="http://fancy.klade.lv/">Download</a></p>
<h3><a href="http://www.shadowbox-js.com/index.html">Shadowbox</a></h3>
<p><a href="http://www.shadowbox-js.com/index.html"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/shadowbox.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images, Inline HTML, iFrame, AJAX, Flash, Video</p>
<p><a href="http://www.shadowbox-js.com/index.html">View Demo</a></p>
<p><a href="http://www.shadowbox-js.com/index.html">Download</a></p>
<h3><a href="http://jquery.com/demo/thickbox/">ThickBox</a></h3>
<p><a href="http://jquery.com/demo/thickbox/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/thickbox.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images, Inline HTML, iFrame, AJAX</p>
<p><a href="http://jquery.com/demo/thickbox/">View Demo</a></p>
<p><a href="http://jquery.com/demo/thickbox/">Download</a></p>
<h3><a href="http://www.jasons-toolbox.com/SlightlyThickerbox/">Slightly Thickerbox</a></h3>
<p><a href="http://www.jasons-toolbox.com/SlightlyThickerbox/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/slightly.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images, AJAX, Video</p>
<p><a href="http://www.jasons-toolbox.com/SlightlyThickerbox/">View Demo</a></p>
<p><a href="http://www.jasons-toolbox.com/SlightlyThickerbox/">Download</a></p>
<h3><a href="http://orderedlist.com/articles/fancyzoom-meet-jquery">Fancy Zoom</a></h3>
<p><a href="http://orderedlist.com/articles/fancyzoom-meet-jquery"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/fancyzoom.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images, Inline HTML, Flash</p>
<p><a href="http://orderedlist.com/demos/fancy-zoom-jquery/">View Demo</a></p>
<p><a href="http://orderedlist.com/articles/fancyzoom-meet-jquery">Download</a></p>
<h3><a href="http://famspam.com/facebox">Facebox</a></h3>
<p><a href="http://famspam.com/facebox"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/facebox.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images, Inline HTML, AJAX</p>
<p><a href="http://famspam.com/facebox">View Demo</a></p>
<p><a href="http://famspam.com/facebox">Download</a></p>
<h3><a href="http://nyromodal.nyrodev.com/">nyroModal</a></h3>
<p><a href="http://nyromodal.nyrodev.com/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/nyromodal.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images, Inline HTML, iFrame, AJAX, Video</p>
<p><a href="http://nyromodal.nyrodev.com/">View Demo</a></p>
<p><a href="http://nyromodal.nyrodev.com/">Download</a></p>
<h3><a href="http://www.intelliance.fr/jquery/imagebox/">Interface Imagebox Demo</a></h3>
<p><a href="http://www.intelliance.fr/jquery/imagebox/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/imagebox.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images</p>
<p><a href="http://www.intelliance.fr/jquery/imagebox/">View Demo</a></p>
<p><a href="http://www.intelliance.fr/jquery/imagebox/">Download</a></p>
<h3><a href="http://www.pirolab.it/pirobox/">piroBox</a></h3>
<p><a href="http://www.pirolab.it/pirobox/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/piro.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images</p>
<p><a href="http://www.pirolab.it/pirobox/">View Demo</a></p>
<p><a href="http://www.pirolab.it/pirobox/">Download</a></p>
<h3><a href="http://jquery.com/demo/grey/">Greybox Redux</a></h3>
<p><a href="http://jquery.com/demo/grey/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/greybox.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images, iFrame</p>
<p><a href="http://jquery.com/demo/grey/">View Demo</a></p>
<p><a href="http://jquery.com/demo/grey/">Download</a></p>
<h3><a href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/">prettyPhoto</a></h3>
<p><a href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/"><img src="http://line25.com/wp-content/uploads/2009/lightbox-roundup/piro.jpg" alt="Download Lightbox script" /></a></p>
<p><strong>Supported Media:</strong> Images</p>
<p><a href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/">View Demo</a></p>
<p><a href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/">Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigncollection.cn/wordpress/photos/rounding-up-the-top-10-jquery-lightbox-scripts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 opensource PHP e-commerce application</title>
		<link>http://webdesigncollection.cn/wordpress/tools/10-opensource-php-e-commerce-application/</link>
		<comments>http://webdesigncollection.cn/wordpress/tools/10-opensource-php-e-commerce-application/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 10:58:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[e-Commerce]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://webdesigncollection.cn/wordpress/?p=493</guid>
		<description><![CDATA[
			
				
			
		
1.OpenCart

OpenCart is an open source PHP-based online shopping cart system. A robust e-commerce solution for Internet merchants with the ability to create their own online business and participate in e-commerce at a minimal cost.
OpenCart is designed feature rich, easy to use, search engine friendly and with a visually appealing interface.
2.Magento

Magento is a feature-rich eCommerce solution [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Ftools%2F10-opensource-php-e-commerce-application%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Ftools%2F10-opensource-php-e-commerce-application%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<h4><a rel="nofollow" href="http://opencart.com/" target="_blank"></a>1.OpenCart</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/opencart.gif" alt="Open cart" /></p>
<p>OpenCart is an open source PHP-based online shopping cart system. A robust e-commerce solution for Internet merchants with the ability to create their own online business and participate in e-commerce at a minimal cost.</p>
<p>OpenCart is designed feature rich, easy to use, search engine friendly and with a visually appealing interface.</p>
<h4><a rel="nofollow" href="http://www.magentocommerce.com/" target="_blank"></a>2.Magento</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/magento.jpg" alt="Magento" /></p>
<p>Magento is a feature-rich eCommerce solution offering complete flexibility and control over the look, content, and functionality of an online store.</p>
<p>Magento Features:<span id="more-493"></span></p>
<p>Site Management</p>
<ul>
<li>Control multiple websites and stores from one Administration Panel with ability to share as much or as little information as needed</li>
<li>Multi-Lingual</li>
<li>Support for localization</li>
<li>Support for multiple currencies</li>
<li>Administration Permission System Roles and Users</li>
<li>Web Services API for easy integration between Magento and any third-party application</li>
<li>Flexible tax rate management with support for US and International markets</li>
<li>Fully 100% customizable design using templates</li>
<li>Customer Groups</li>
<li>One-Click Upgrades</li>
<li>Content Management System for Informational Pages</li>
</ul>
<h4><a rel="nofollow" href="http://www.oscommerce.com/" target="_blank"></a>3.osCommerce</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/oscommerce_admin.gif" alt="oscommerce" /></p>
<p>osCommerce is an online shop e-commerce solution that offers a wide range of out-of-the-box features that allows online stores to be setup fairly quickly with ease, and is available for free as an Open Source based solution released under the GNU General Public License.</p>
<p>osCommerce was started in March 2000 and has since matured to a solution that is currently powering 14,055 registered live shops around the world.</p>
<p>Today, osCommerce has been taken to the next level, moving towards an e-commerce framework solution that not only remains easy to setup and maintain, but also making it easier for store administrators to present their stores to their customers with their own unique requirements.</p>
<h4><a rel="nofollow" href="http://www.prestashop.com/" target="_blank"></a>4.PrestaShop</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/presta-shop.gif" alt="prestashop" /></p>
<p>PrestaShop™ is professional e-Commerce shopping cart software that you can download and use for free</p>
<p>The big advantage of open-source software: you’re never ‘locked’ to expensive commercial software.</p>
<p>Our dedicated team and growing user community join forces to fix bugs and add new functionality at a rate proprietary software companies can rarely claim. Join the Open Source revolution!</p>
<h4><a rel="nofollow" href="http://www.agoracart.com/" target="_blank"></a>5.AgoraCart</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/agora.gif" alt="Agora" /></p>
<p>AgoraCart – The powerful “Free” Open Source ecommerce shopping cart software solution that offers a very wide range of “out-of-the-box” features that allow you to setup an online ecommerce solution ranging from a simple template based store to the integration of a complex visual design concept containing all the creative magic of your web designer.</p>
<p>Ecommerce Shopping Cart Software with limitless flexibility in many areas including full design controls through Cascading Style Sheets (css), template systems, customizable layouts, custom individual product category layouts and templates, customization of nearly all cart features for the code hobbyist, modular “drop in and go” code as well as AgoraScript, our own scripting language inside parsed HTML pages, that experienced programmers can appreciate.</p>
<h4><a rel="nofollow" href="http://www.storesprite.com/" target="_blank"></a>6.StoreSprite</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/store-sprite.jpg" alt="storesprite" /></p>
<p>StoreSprite is ecommerce for web designers a powerful, free php/mysql shopping cart easy to install, customise and maintain, no complex scripting to negotiate design and deploy a top rate store that your<br />
client can manage with little or no training.</p>
<h4><a rel="nofollow" href="http://www.openfreeway.org/" target="_blank"></a>7.Freeway</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/freeway.jpg" alt="freeway" /></p>
<p>Freeway is an advanced Open Source eCommerce platform which can sell using methods only previously available in enterprise class or niche bespoke systems. Without having to purchase a commercial system and then paying a developer to build a custom installation, Freeway does what you need out of the box. Of course Freeway is great for selling products but it also sells events AND services AND subscriptions. From appointments and time based bookings to event ticketing and subscriptions Freeway is the eCommerce platform for how we want to sell.</p>
<h4><a rel="nofollow" href="http://www.ubercart.org/" target="_blank"></a>8.UberCart</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/unercart.jpg" alt="UberCart" /></p>
<p>Ubercart is an exciting open source e-commerce package that fully integrates your online store with Drupal, the leading open source content management system. This is a killer combination for anyone looking to build a community around a product, sell access to premium content, offer paid file downloads, and much much more!</p>
<p>Ubercart was designed to take advantage of Drupal’s major core and contributed systems, providing our users with shopping cart functionality that seamlessly integrates with other parts of your company or community website.</p>
<h4><a rel="nofollow" href="http://www.phpshop.org/" target="_blank"></a>9.phpShop</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/php-shop.jpg" alt="phpShop" /></p>
<p>phpShop is a PHP-powered shopping cart application. It is released under the GNU General Public License. The primary purpose of phpShop is to provide a simple shopping cart solution that is easy to customize to suit any purpose. phpShop has less features that many other shopping cart applications, but is generally easier to customize. All that is required to effectively customize phpShop is a basic knowledge of HTML, PHP, and SQL.</p>
<h4><a rel="nofollow" href="http://virtuemart.net/" target="_blank"></a>10.VirtueMart</h4>
<p><img src="http://blog.insicdesigns.com/wp-content/uploads/2008/11/virtuemart.jpg" alt="virtueMart" /></p>
<p><strong>Free Shopping Cart Software for Joomla! &amp; Mambo</strong><br />
VirtueMart is an Open Source E-Commerce solution to be used together with a Content Management System (CMS) called Joomla! (and Mambo). Joomla! and VirtueMart are written in PHP and made easy for use in a PHP/MySQL environment.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigncollection.cn/wordpress/tools/10-opensource-php-e-commerce-application/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Fantastic Free Tools to Showcase Your Portfolio</title>
		<link>http://webdesigncollection.cn/wordpress/photos/5-fantastic-free-tools-to-showcase-your-portfolio/</link>
		<comments>http://webdesigncollection.cn/wordpress/photos/5-fantastic-free-tools-to-showcase-your-portfolio/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 04:26:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photos]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[photo gallery]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://webdesigncollection.cn/wordpress/?p=392</guid>
		<description><![CDATA[
			
				
			
		
但凡看到有关图片秀的工具，都会多看两眼，虽然这样的工具真的很多。打算尝试一下SimpleViewer的方法，给自己的BLOG填上些图片什么的。
Original article from mashable.com.
Whether you’re an artist, designer, or photographer, your web portfolio is your calling card and your showroom. While the work should speak for itself, presentation is important. Modern style and clean functionality can be a great selling point.
If you’re looking for an alternative to hand-coding or DreamWeaving your ultimate gallery, check out [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Fphotos%2F5-fantastic-free-tools-to-showcase-your-portfolio%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Fphotos%2F5-fantastic-free-tools-to-showcase-your-portfolio%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>但凡看到有关图片秀的工具，都会多看两眼，虽然这样的工具真的很多。打算尝试一下SimpleViewer的方法，给自己的BLOG填上些图片什么的。</p>
<p><em>Original article from </em><a href="http://mashable.com/2010/02/11/web-portfolio/"><em>mashable.com</em></a><em>.</em></p>
<p>Whether you’re an artist, designer, or photographer, your web portfolio is your calling card and your showroom. While the work should speak for itself, presentation is important. Modern style and clean functionality can be a great selling point.</p>
<p>If you’re looking for an alternative to hand-coding or DreamWeaving your ultimate gallery, check out these five great tools that should make maintenance a bit easier, and give you a stylistic leg-up on the competition.</p>
<hr />
<h2>1. <a href="http://simpleviewer.net/" target="_blank">SimpleViewer</a></p>
<hr /></h2>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/simple-viewer.jpg" alt="" /><span id="more-392"></span></p>
<p>Simpleviewer is simply gorgeous, and can generate a stunning visualization of your portfolio that is sure to impress. It uses XML to pull in images from a web directory (or Flickr<a rel="http://www.blippr.com/apps/336659-Flickr.whtml" href="http://www.blippr.com/apps/336659-Flickr" target="_blank"><img src="http://netdna.blippr.com/images/inline-face_05.png?1265851550" alt="Flickr" width="14" height="14" /></a>, if configured) and display them as a Flash presentation. You can incorporate captions and links for each image.</p>
<p>The viewer comes in a few impressive flavors, including the <a href="http://www.simpleviewer.net/tiltviewer/" target="_blank">TiltViewer</a> (my personal favorite), and the<a href="http://www.simpleviewer.net/postcardviewer/" target="_blank">PostcardViewer</a>, both shown below.</p>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/tilt-viewer.jpg" alt="" /></p>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/postcard-viewer.jpg" alt="" /></p>
<p><strong>Pros:</strong> You can’t beat the design. The presentation is clean, artistic, professional, and unique. While there is a pro version, the free download is highly customizable and full-featured. The viewers are scalable to full pages, or embeddable as part of your existing website or blog.</p>
<p><strong>Cons:</strong> It’s not so simple. There is no software or user interface for SimpleViewer. It is powered by one Flash file and one XML file, so you’ll have to know how to manipulate the code, and have access to dedicated web hosting where your files will live. The <a href="http://www.simpleviewer.net/support/" target="_blank">support</a> area presupposes you know most of this, but is a good resource on how to set up and implement your viewer.</p>
<hr />
<h2>2. <a href="http://www.photosnack.com/" target="_blank">PhotoSnack</a></p>
<hr /></h2>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/PhotoSnack02.jpg" alt="" /></p>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/PhotoSnack.jpg" alt="" /></p>
<p>PhotoSnack is a web-based solution that generates slideshows from photos you upload to your account. The free version offers clean, embeddable flash presentations. If you’re looking for a bit more customization, you don’t have to buy the farm to get a pro account. Additional features can be purchased <em>a la cart</em> through the website’s “points” system.</p>
<p><strong>Pros:</strong> The web interface is easy to navigate and use. Your photos live on PhotoSnack’s website, so there’s no need for web hosting or link pointing. Updating, changing, and reorganizing slideshows is a snap, and customizable embed codes ensure your presentation will fit snugly on your site.</p>
<p><strong>Cons:</strong> While there are a few custom options, the presentation is fairly basic for free accounts, and the embeds contain links back to the main site. It is also worth noting that Flash is still not viewable on most mobile platforms and may leave a gaping hole for some users with outdated browser plugins.</p>
<hr />
<h2>3. <a href="http://www.scriptocean.com/accordion.html" target="_blank">ScriptOcean Accordion Menu</a></p>
<hr /></h2>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/ScriptOcean-Accordian.jpg" alt="" /></p>
<p>If you’re looking to avoid Flash altogether, ScriptOcean has some handy JavaScript solutions that really look sharp. Among them is this accordion menu that unfolds — with optional captions and links — as you roll your mouse over it (click through to the <a href="http://www.scriptocean.com/accordion.html" target="_blank">website</a> to see it in action).</p>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/Script-Ocean-UI.jpg" alt="" /></p>
<p>ScriptOcean provides downloadable software with a user interface that makes compiling and customizing your menu quite simple. Add<a rel="http://www.blippr.com/apps/576367-add.whtml" href="http://www.blippr.com/apps/576367-add" target="_blank"><img src="http://netdna.blippr.com/images/inline-face_09.png?1265851550" alt="add" width="14" height="14" /></a> your images from a local directory, set the dimensions, colors, and animation properties, and the software generates a JavaScript file and some embed code. Upload everything to your website and embed as needed.</p>
<p><strong>Pros:</strong> The user interface makes this otherwise daunting code project very intuitive. Customization is also very granular. You can control everything from the colors between the slides to the speed at which they snap together.</p>
<p><strong>Cons:</strong> You must host the images and scripts yourself, and you should understand where to put them in your web directory so that the JavaScript file can reference them. The software interface makes this a bit easier to configure, but it may not be for beginners.</p>
<hr />
<h2>4. <a href="http://carbonmade.com/" target="_blank">Carbonmade</a><a rel="http://www.blippr.com/apps/512275-Carbonmade.whtml" href="http://www.blippr.com/apps/512275-Carbonmade" target="_blank"><img src="http://netdna.blippr.com/images/inline-face_05.png?1265851550" alt="Carbonmade" width="14" height="14" /></a></p>
<hr /></h2>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/carbonmade01.jpg" alt="" /></p>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/carbonmade02.jpg" alt="" /></p>
<p>Carbonmade is an online portfolio community of sorts. It offers a really great-looking presentation that is sure to please the discerning eye of a graphic designer. It’s Flash-free, with a strict anti-clutter policy. A great drag-and-drop interface lets you organize, present, and share your work with ease.</p>
<p><strong>Pros:</strong> Simplicity is the name of the game here. There is nothing to distract a viewer from your art. In addition to photos, you can also upload video and flash projects. Built-in metrics let you know who is viewing, and connecting with other artists is easy through the online community.</p>
<p><strong>Cons:</strong> Carbonmade provides no viable way (that we can see) for embedding your portfolio on your own website. This may be a drawback for some professional users, who would rather people view their work on their own domain, rather than a third-party site.</p>
<p><em><strong>UPDATE:</strong> Carbonmade does allow you to map your portfolio to a <a href="http://www.carbonmade.com/help/general/how-do-i-use-a-custom-domain" target="_blank">custom domain</a> when you upgrade to a paid account for $12 per month.</em></p>
<hr />
<h2>5. <a href="http://flickr.com/" target="_blank">Flickr Slideshows</a></p>
<hr /></h2>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/flickr-slides.jpg" alt="" /></p>
<p>When all else fails, there’s always your Flickr account. If all of your artwork is already there, why not group the best of it into a set and embed the slideshow into your portfolio website? For a free service, the Flickr slideshow is surprisingly elegant and functional.</p>
<p>Unfortunately, there’s no way to generate embed code from Flickr itself, but there are a few handy tools that can do it for you.</p>
<p><a href="http://flickrslidr.com/index.php" target="_blank">FlickrSLiDR</a> is a really simple web-based solution. Simply drop in the URL of the set, user, or group you want to create the slideshow from, set your parameters, and click “create” to get some code you can pop right into your website or blog.</p>
<p><a href="http://www.flickrshow.com/" target="_blank">Flickrshow</a> is another easy and customizable way to embed Flickr slides. Simply reference Flickrshow’s JavaScript code as per the <a href="http://www.flickrshow.com/install/" target="_blank">installation instructions</a>, and tweak the parameters as needed.</p>
<p><strong>Pros:</strong> It’s free, easy, and the social aspect of Flickr itself provides many advantages for hosting your content there.</p>
<p><strong>Cons:</strong> A branded slideshow may not be ideal for a professional website or portfolio.</p>
<p><em>Original article from </em><a href="http://mashable.com/2010/02/11/web-portfolio/"><em>mashable.com</em></a><em>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigncollection.cn/wordpress/photos/5-fantastic-free-tools-to-showcase-your-portfolio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SlickBoard: flash tool</title>
		<link>http://webdesigncollection.cn/wordpress/tools/slickboard/</link>
		<comments>http://webdesigncollection.cn/wordpress/tools/slickboard/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 03:41:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://webdesigncollection.cn/wordpress/?p=352</guid>
		<description><![CDATA[
			
				
			
		

SlickBoard is a simple, yet powerful tool for creating unlimited graphics, attractive interface elements (buttons, menus, tabs, drawers, etc.), animated slideshows, live dashboards (dials, gauges, ticker tapes, etc.), interactive presentations (drag, dock, etc.), dynamic web pages, and much more.
Create an XML source to describe your content, then pass it to this tool&#8217;s flash file to [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Ftools%2Fslickboard%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Ftools%2Fslickboard%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://www.maani.us/slickboard/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/slickboard.jpg" alt="SlickBoard" width="480" height="92" /></a></p>
<p><strong>SlickBoard</strong> is a simple, yet powerful tool for creating unlimited graphics, attractive interface elements (buttons, menus, tabs, drawers, etc.), animated slideshows, live dashboards (dials, gauges, ticker tapes, etc.), interactive presentations (drag, dock, etc.), dynamic web pages, and much more.</p>
<p>Create an XML source to describe your content, then pass it to this tool&#8217;s flash file to generate an attractive product. The XML source can be prepared manually or generated dynamically, using any scripting language (PHP, ASP, CFML, Perl, etc.)</p>
<p>SlickBoard makes the best of both the XML and SWF worlds. XML provides flexible data generation and Flash provides the best graphic quality.<span id="more-352"></span></p>
<p>Features:</p>
<ul>
<li>Endless designs and interactive graphics.</li>
<li>Endless interface elements (buttons, menus, tabs, drawers, etc.)</li>
<li>Endless dashboards (dials, gauges, ticker tapes, etc.)</li>
<li>Flexible slideshows.</li>
<li>Quick generation of graphics and interactive elements from static or dynamic data (any scripting language).</li>
<li>Animated transitions and quality Flash graphics, including anti-aliased fonts, color blending, masks, transparency, shadows, bevel, glow, and blur.</li>
<li>Updates without reloading the web page.</li>
<li>Full screen mode, scalable boards, and printable boards.</li>
<li>Web applications and support for Javascript communication.</li>
<li>Unicode text, special characters, and multi-languages.</li>
</ul>
<p><em><a href="http://www.maani.us/slickboard/index.php?menu=Introduction">Visit SlickBoard Site</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigncollection.cn/wordpress/tools/slickboard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>9 Widely-Used And Free Forum Softwares</title>
		<link>http://webdesigncollection.cn/wordpress/tools/9-widely-used-and-free-forum-softwares/</link>
		<comments>http://webdesigncollection.cn/wordpress/tools/9-widely-used-and-free-forum-softwares/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 14:45:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesigncollection.cn/wordpress/?p=332</guid>
		<description><![CDATA[
			
				
			
		
Forums are clearly one of the most standard ways of sharing knowledge on the net. With easy-to-use interfaces &#38; strong community features, they are still very functional &#38; popular.
They can be easily integrated into a website by customizing the look &#38; feel or used as a framework which is sometimes a good idea considering the features [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Ftools%2F9-widely-used-and-free-forum-softwares%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Ftools%2F9-widely-used-and-free-forum-softwares%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">Forums are clearly <strong>one of the most standard ways of sharing knowledge </strong>on the net. With easy-to-use interfaces &amp; strong community features, they are still very functional &amp; popular.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">They can be easily integrated into a website by customizing the look &amp; feel or used as a framework which is sometimes a good idea considering the features they offer.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">Here are <strong>9 widely-used, open-source &amp; free forum softwares</strong>, where most of them are built with PHP, that you may consider using:</p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://www.phpbb.com/" target="_blank">phpBB</a> (PHP)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://www.phpbb.com/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/phpbb.jpg" alt="phpBB" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>phpBB</strong> is one of the oldest &amp; widely used forum softwares around. It is being updated frequently with improvements in speed, security &amp; features.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">It comes with a powerful administrator panel where all aspects of the system can be managed &amp; supports almost any database.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">The software has a very crowded community which makes it easier to get support.<span id="more-332"></span></p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://www.mybboard.net/" target="_blank">MyBB</a> (PHP)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://www.mybboard.net/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/mybb.jpg" alt="MyBB" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">This <strong>free forum software</strong> works with MySQL, PostgreSQL and SQLite.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>MyBB</strong> has nice features like calendar/events, mass mailing to members, a built-in theme editor &amp; more.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">Besides an admin panel, a moderator panel helps managing the system by multiple users.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><span id="more-1105"> </span></p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://www.simplemachines.org/" target="_blank">Simple Machines Forum (SMF)</a> (PHP)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://www.simplemachines.org/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/simple-machines-forum.jpg" alt="Simple Machines Forum" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>SMF</strong> is the PHP successor of the Perl-based forum YABB. It comes with a comprehensive template system, polls, groups, calendars &amp; more.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">The software uses <strong>MySQL</strong> for storing data &amp; has 40+ ready-to-download language files.</p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://vanillaforums.org/" target="_blank">Vanilla</a> (PHP)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://vanillaforums.org/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/vanilla-forum.gif" alt="Vanilla Forum Software" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>Vanilla</strong> is an open-source, standards-compliant, multi-lingual, theme-able, pluggable discussion forum.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">It is built on the Garden, a PHP development framework, which is easily extendible with a powerful plug-in architecture. And, there are already 450+ plugins that are ready-to-use.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">Vanilla requires <strong>MySQL</strong> as the database.</p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://punbb.informer.com/" target="_blank">PunBB</a> (PHP)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://punbb.informer.com/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/punbb-forum.jpg" alt="PunBB" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>PunBB</strong> is a fast and lightweight forum application which aims to be less graphically intensive compared to other discussion boards.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">It supports with MySQL, PostgreSQL &amp; SQLite. The design can be easily updated with the theming support. It is multilanguage &amp; can be extended with the extension support.</p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://fluxbb.org/" target="_blank">FluxBB</a> (PHP)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://fluxbb.org/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/fluxbb-forum-software.gif" alt="FluxBB Forum Software" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>FluxBB</strong> is a fork of PunBB which supports both PHP4 &amp; PHP5 with MySQL, PostgreSQL or SQLite.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">It generates <span>&#8220;XHTML 1.0 Strict&#8221; valid pages &amp; can be easily translated into any language.<br />
</span></p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://bbpress.org/" target="_blank">bbPress</a> (PHP)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://bbpress.org/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/bbpress.gif" alt="bbPress" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>bbPress</strong> is a forum software <strong>from the creators of Wordpress</strong> which is plain, simple &amp; fast.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">It can be customized with templates &amp; extended with plugins. And, it integrates perfectly with Wordpress.</p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://www.phorum.org/" target="_blank">Phorum</a> (PHP)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://www.phorum.org/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/phorum.jpg" alt="Phorum Forum Software" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>Phorum</strong> is also one of the oldest forum softwares. It has support for theming &amp; modules.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">The software uses <strong>MySQL</strong> for storing data</p>
<h3 style="margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #999999; display: inline; line-height: 40px; padding: 5px;"><a style="text-decoration: underline; color: #ffffff; font-weight: bold; background-color: #999999; padding: 5px; border: 0px initial initial;" href="http://yetanotherforum.net/" target="_blank">YetAnotherForum.Net</a> (ASP.NET)</h3>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><a style="text-decoration: underline; color: #00a0e3; border: 0px initial initial;" href="http://yetanotherforum.net/" target="_blank"><img style="margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding: 4px; border: 1px solid #eae9e9;" src="http://www.webresourcesdepot.com/wp-content/uploads/image/asp-net-forum.jpg" alt="ASP.NET Forum" width="480" height="129" /></a></p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;"><strong>YetAnotherForum</strong> is a free application that is built with ASP.NET (C#) &amp; uses MSSQL as the database.</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">It has a feature-rich administrator panel, supports unlimited categories/user groups, templating &amp; more..</p>
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">
<p style="font-size: 12px; line-height: 17px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px;">Which forum software do you think is the best one, do you have a favorite?</p>
<p><em>Original article from <a href="http://www.webresourcesdepot.com/9-widely-used-and-free-forum-softwares/">webresourcesdepot.com</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigncollection.cn/wordpress/tools/9-widely-used-and-free-forum-softwares/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>如何在文章里嵌入代码</title>
		<link>http://webdesigncollection.cn/wordpress/wordpress/writing-code-in-your-posts/</link>
		<comments>http://webdesigncollection.cn/wordpress/wordpress/writing-code-in-your-posts/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 11:22:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[beginner]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesigncollection.cn/wordpress/?p=101</guid>
		<description><![CDATA[
			
				
			
		
我们在写有关代码技巧的文章的时候，总会需要在文章里嵌入代码，诸如HTML, CSS, PHP, javascrip等等。如何让代码能够不执行，仅仅显示呢？很多博主应该都会遇到这个问题。
在一篇文章中，我们对代码一般会有这样两种处理方式：一类是我们在一段话中引用代码，来加以说明；另一种则是高亮显示完整的代码段。
在一段话中引用代码，我们可以用&#60;code&#62;和&#60;/code&#62;把代码包括进来。
比如：如果要显示“我们今天要讨论的是index.php”，可以在编辑器里这样输入：我们今天要讨论的是&#60;code&#62;index.php&#60;/code&#62;。
但如果代码里有HTML标签的话，这样仅仅用&#60;code&#62;和&#60;/code&#62;还是不行的，Wordpress会解读为你在使用html标签。
比如要显示：“我们来看&#60;div class="header"&#62;”，在编辑器里，我们必须使用字符集&#38;lt;来替换标签左括号，用&#38;gt;替换标签右括号，然后再用&#60;code&#62;和&#60;/code&#62;把代码包括进来，即： &#60;code&#62;&#38;lt;div class=&#8221;header&#8221;&#38;gt;&#60;/code&#62;。
你可以阅读WordPress官网上的这篇文章，那里有详细的解释。
以上是说明如何在一段话中引用代码。另一种情况是，我们需要单独高亮显示一整段代码段，来表达某个功能的实现方式。
使用Wordpress代码编辑插件。
以下有一些推荐的，其实每种都很好用，看个人喜好。

Code Markup
Wordpress Plugin Code Editor
Power Code Editor
WP-SynHighlight
Google Syntax Highlighter for WordPress

使用SyntaxHighlighter
SyntaxHighlighter 是一款基于javascrip的开源代码高亮显示工具。使用起来也很简单，你只需要把以下代码段copy到&#60;head&#62;头文件里（或者是其它你需要高亮显示代码段的任意地方），移除不需要的语言。















然后，你就可以在编辑器里通过使用 &#60;Pre&#62;标签来显示代码。
&#60;pre class="brush: html"&#62;

&#60;/pre&#62;
要注意的是，以上所有方法,在插入代码前，务必用`&#38;lt;`替换所有`&#60;`。
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Fwordpress%2Fwriting-code-in-your-posts%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Fwordpress%2Fwriting-code-in-your-posts%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>我们在写有关代码技巧的文章的时候，总会需要在文章里嵌入代码，诸如HTML, CSS, PHP, javascrip等等。如何让代码能够不执行，仅仅显示呢？很多博主应该都会遇到这个问题。</p>
<p>在一篇文章中，我们对代码一般会有这样两种处理方式：一类是我们在一段话中引用代码，来加以说明；另一种则是高亮显示完整的代码段。</p>
<p><strong>在一段话中引用代码，我们可以用&lt;code&gt;和&lt;/code&gt;把代码包括进来。</strong><br />
比如：如果要显示“我们今天要讨论的是<code>index.php</code>”，可以在编辑器里这样输入：我们今天要讨论的是&lt;code&gt;index.php&lt;/code&gt;。</p>
<p>但如果代码里有HTML标签的话，这样仅仅用&lt;code&gt;和&lt;/code&gt;还是不行的，Wordpress会解读为你在使用html标签。<br />
比如要显示：“我们来看<code>&lt;div class="header"&gt;</code>”，在编辑器里，我们必须使用字符集<tt>&amp;lt;</tt>来替换标签左括号，用<tt>&amp;gt;</tt>替换标签右括号，然后再用&lt;code&gt;和&lt;/code&gt;把代码包括进来，即： &lt;code&gt;<code>&amp;lt;</code>div class=&#8221;header&#8221;<code>&amp;gt;</code>&lt;/code&gt;。</p>
<p>你可以阅读WordPress官网上的<a href="http://codex.wordpress.org/Writing_Code_in_Your_Posts">这篇文章</a>，那里有详细的解释。</p>
<p>以上是说明如何在一段话中引用代码。另一种情况是，我们需要单独高亮显示一整段代码段，来表达某个功能的实现方式。</p>
<p><strong>使用Wordpress代码编辑插件。</strong><br />
以下有一些推荐的，其实每种都很好用，看个人喜好。</p>
<ul>
<li><a href="http://www.thunderguy.com/semicolon/wordpress/code-markup-wordpress-plugin/">Code Markup</a></li>
<li><a href="http://www.naden.de/blog/wordpress-code-editor">Wordpress Plugin Code Editor</a></li>
<li><a href="http://wordpress.org/extend/plugins/power-code-editor/">Power Code Editor</a></li>
<li><a href="http://wordpress.org/extend/plugins/wp-synhighlight/">WP-SynHighlight</a></li>
<li><a href="http://wordpress.org/extend/plugins/google-syntax-highlighter/">Google Syntax Highlighter for WordPress</a></li>
</ul>
<p><strong>使用SyntaxHighlighter</strong><br />
<a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter">SyntaxHighlighter</a> 是一款基于javascrip的开源代码高亮显示工具。使用起来也很简单，你只需要把以下代码段copy到&lt;head&gt;头文件里（或者是其它你需要高亮显示代码段的任意地方），移除不需要的语言。</p>
<p><span id="more-101"></span></p>
<pre class="brush: html"><script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js" type="'text/javascript'"><!--mce:0--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js" type="'text/javascript'"><!--mce:1--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js" type="'text/javascript'"><!--mce:2--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js" type="'text/javascript'"><!--mce:3--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js" type="'text/javascript'"><!--mce:4--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js" type="'text/javascript'"><!--mce:5--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js" type="'text/javascript'"><!--mce:6--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js" type="'text/javascript'"><!--mce:7--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js" type="'text/javascript'"><!--mce:8--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js" type="'text/javascript'"><!--mce:9--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js" type="'text/javascript'"><!--mce:10--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js" type="'text/javascript'"><!--mce:11--></script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js" type="'text/javascript'"><!--mce:12--></script>
<script type="text/javascript"><!--mce:13--></script></pre>
<p>然后，你就可以在编辑器里通过使用 &lt;Pre&gt;标签来显示代码。</p>
<pre class="brush: html">&lt;pre class="brush: html"&gt;

&lt;/pre&gt;</pre>
<p>要注意的是，以上所有方法,<strong>在插入代码前，务必用`<tt>&amp;lt;</tt>`替换所有`&lt;`。</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigncollection.cn/wordpress/wordpress/writing-code-in-your-posts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>13 Excellent Open Source Tools for Web Designers</title>
		<link>http://webdesigncollection.cn/wordpress/tools/13-excellent-open-source-tools-for-web-designers/</link>
		<comments>http://webdesigncollection.cn/wordpress/tools/13-excellent-open-source-tools-for-web-designers/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 02:06:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[opensource]]></category>

		<guid isPermaLink="false">http://webdesigncollection.cn/wordpress/?p=62</guid>
		<description><![CDATA[
			
				
			
		
Open source applications and tools are a great alternative for web designers on a budget. Many open source tools have comparable features to the expensive applications, and are also free. This makes it possible possible for a web designer to have all the tools and applications needed to complete everyday tasks without even spending a [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Ftools%2F13-excellent-open-source-tools-for-web-designers%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebdesigncollection.cn%2Fwordpress%2Ftools%2F13-excellent-open-source-tools-for-web-designers%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Open source applications and tools are a great alternative for web designers on a budget. Many open source tools have comparable features to the expensive applications, and are also free. This makes it possible possible for a web designer to have all the tools and applications needed to complete everyday tasks without even spending a cent. In this article you will find 13 of the best open source tools for web designers.</p>
<p><span style="font-family: Georgia, 'Nimbus Roman No9 L', serif; line-height: 40px; font-size: 37px;">Text Editors</span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://www.aptana.org/studio" target="_blank">Aptana Studio</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://www.aptana.org/studio" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_1.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">Aptana is a complete web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript, along with thousands of additional plugins created by the community.<span id="more-62"></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://kompozer.net/" target="_blank">KompoZer</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://kompozer.net/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_3.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG web page editing.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://notepad-plus.sourceforge.net/uk/site.htm" target="_blank">Notepad++</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://notepad-plus.sourceforge.net/uk/site.htm" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_2.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">Notepad++ is a source code editor and Notepad replacement that supports several languages. It runs on Windows and is governed by a GPL License.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://getfirebug.com/" target="_blank">Firebug</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://getfirebug.com/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_4.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">Firebug is a plugin for Firefox that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://quanta.kdewebdev.org/" target="_blank">Quanta Plus</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://quanta.kdewebdev.org/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_5.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">Quanta Plus is a highly stable and feature rich web development environment.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://www.jedit.org/" target="_blank">jEdit</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://www.jedit.org/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_6.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">jEdit is a cross platform text editor with hundreds of person-years of development behind it.</p>
<h2 style="margin-top: 55px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 37px;">Graphics Applications</h2>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://gimp.org/" target="_blank">GIMP</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://gimp.org/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_7.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">GIMP is a versatile graphics manipulation package. It’s considered by many to be an excellent alternative to Photoshop.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://live.gnome.org/Dia" target="_blank">Dia</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://live.gnome.org/Dia" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_10.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">Dia is a cross operating system diagram creation application.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://www.koffice.org/krita/" target="_blank">Krita</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://www.koffice.org/krita/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_8.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">Krita is a graphics application for everyone who wants to get creative with images.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://www.inkscape.org/" target="_blank">Inkscape</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://www.inkscape.org/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_9.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">Inkscape is a vector graphics editor, with capabilities similar to Adobe Illustrator.</p>
<h2 style="margin-top: 55px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 37px;">FTP</h2>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://filezilla-project.org/" target="_blank">FileZilla</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://filezilla-project.org/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_11.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">FileZilla is probably the most popular ftp application. You can download a client or server version.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://cyberduck.ch/" target="_blank">Cyberduck</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://cyberduck.ch/" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_12.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">Cyberduck is an FTP client built for the Mac.</p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://winscp.net/eng/index.php" target="_blank">WinSCP</a></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><a style="text-decoration: none; color: #2b8dc0;" href="http://winscp.net/eng/index.php" target="_blank"><img style="margin: 0px; border: 5px solid #e3e3e3;" src="http://webdesignledger.com/wp-content/uploads/2009/10/open_source_13.jpg" alt="open source tools" /></a></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;">WinSCP is an open source free SFTP client and FTP client for Windows.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigncollection.cn/wordpress/tools/13-excellent-open-source-tools-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
