<?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>iokay &#187; 开发工具</title>
	<atom:link href="http://www.iokay.net/tag/%e5%bc%80%e5%8f%91%e5%b7%a5%e5%85%b7/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iokay.net</link>
	<description></description>
	<lastBuildDate>Sat, 13 Nov 2010 14:23:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>6款极具实用性的CSS工具</title>
		<link>http://www.iokay.net/web/css-web/six-useful-css3-tools/</link>
		<comments>http://www.iokay.net/web/css-web/six-useful-css3-tools/#comments</comments>
		<pubDate>Thu, 26 Aug 2010 11:02:54 +0000</pubDate>
		<dc:creator>controlsea</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[开发工具]]></category>

		<guid isPermaLink="false">http://www.iokay.net/?p=176</guid>
		<description><![CDATA[目前，随着CSS3的日益流行，开始有越来越多的网站使用CSS3了。可是，目前市面上并不是所有的浏览器都能很好的支持CSS3属性,可能需要对不同的浏览器编写相应的属性或者说是编写hack之类的。如果你也是一个刚开始学习CSS3的新手，就跟我一样，都想让自己提升得更快，那么在此推荐几款CSS3的工具，希望能对你有所帮助。这也是本人最近在网上以及在工作中所接触到的一些。 CSS3 Please! CSS3 Please!是我师傅推荐给我的，是一个CSS3规则生成器。它允许你在线调正CSS属性，同时右侧的一个大大的CSS3,please圆角框内即展示了当前你所处的样式状态，即时预览，非常方便。接着，你就可以拷贝样式到自己的文件里了。 CSS3 Selectors Test 这是一个选择器的测试，它能自动运行一堆CSS选择器进行测试，以检查你的浏览器是否兼容这些样式。它将以绿色表示兼容的样式。你能点击查看每个CSS选择器的检测结果，它将以一个简单的样例来呈现。 CSS3 Transforms 你能在CSS3 Transforms里通过左侧的按钮来设置一堆不同的属性，比如位置，旋转，渐变程度等等。设置好之后就能迅速产生相应的代码。 CSS3 Gradient Generator 一款在线生成CSS渐变的工具。无论设计师还是开发者都能通过这个工具来生产相对CSS渐变代码。 CSS3 Button Maker 这个工具提供了很多按钮以及颜色选择器来帮你制作CSS3按钮。生成之后你能获取相应的CSS代码来用在自己的网站上。]]></description>
			<content:encoded><![CDATA[<p>目前，随着<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/css3/" title="查看 CSS3 中的全部文章" target="_blank">CSS3</a></span>的日益流行，开始有越来越多的网站使用<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/css3/" title="查看 CSS3 中的全部文章" target="_blank">CSS3</a></span>了。可是，目前市面上并不是所有的浏览器都能很好的支持CSS3属性,可能需要对不同的浏览器编写相应的属性或者说是编写hack之类的。如果你也是一个刚开始学习CSS3的新手，就跟我一样，都想让自己提升得更快，那么在此推荐几款CSS3的工具，希望能对你有所帮助。这也是本人最近在网上以及在工作中所接触到的一些。</p>
<h2><a href="http://http://css3please.com/">CSS3 Please!</a></h2>
<pre><img src="http://www.iokay.net/mypic/CSS3_Tools/CSS3_Please.jpg" alt="" /></pre>
<p>CSS3 Please!是我师傅推荐给我的，是一个CSS3规则生成器。它允许你在线调正CSS属性，同时右侧的一个大大的CSS3,please圆角框内即展示了当前你所处的样式状态，即时预览，非常方便。接着，你就可以拷贝样式到自己的文件里了。</p>
<h2><a href="http://tools.css3.info/selectors-test/test.html">CSS3 Selectors Test</a></h2>
<pre><img src="http://www.iokay.net/mypic/CSS3_Tools/Selectors_Test.jpg" alt="" /></pre>
<p>这是一个选择器的测试，它能自动运行一堆CSS选择器进行测试，以检查你的浏览器是否兼容这些样式。它将以绿色表示兼容的样式。你能点击查看每个CSS选择器的检测结果，它将以一个简单的样例来呈现。<br />
<span id="more-176"></span></p>
<h2><a href="http://westciv.com/tools/transforms/index.html">CSS3 Transforms</a></h2>
<pre><img src="http://www.iokay.net/mypic/CSS3_Tools/CSS3_Transforms.jpg" alt="" /></pre>
<p>你能在CSS3 Transforms里通过左侧的按钮来设置一堆不同的属性，比如位置，旋转，渐变程度等等。设置好之后就能迅速产生相应的代码。</p>
<h2><a href="http://gradients.glrzad.com/">CSS3 Gradient Generator</a></h2>
<pre><img src="http://www.iokay.net/mypic/CSS3_Tools/Gradient_Generator.jpg" alt="" /></pre>
<p>一款在线生成CSS渐变的工具。无论设计师还是开发者都能通过这个工具来生产相对CSS渐变代码。</p>
<h2><a href="http://css-tricks.com/examples/ButtonMaker/">CSS3 Button Maker</a></h2>
<pre><img src="http://www.iokay.net/mypic/CSS3_Tools/Button_Maker.jpg" alt="" /></pre>
<p>这个工具提供了很多按钮以及颜色选择器来帮你制作CSS3按钮。生成之后你能获取相应的CSS代码来用在自己的网站上。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iokay.net/web/css-web/six-useful-css3-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>推荐4款最新的Web开发工具</title>
		<link>http://www.iokay.net/web/4-useful-web-development-tools/</link>
		<comments>http://www.iokay.net/web/4-useful-web-development-tools/#comments</comments>
		<pubDate>Sat, 17 Apr 2010 12:35:55 +0000</pubDate>
		<dc:creator>controlsea</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[开发工具]]></category>

		<guid isPermaLink="false">http://www.iokay.net/?p=164</guid>
		<description><![CDATA[随着CSS3新特性的展现，HTML5也开始展露头角。最近，听说WordPress将要把自己的版本提升到了3.0了。于此同时，iPad如约而至高调上市,上市没几天就卖了30多万台，乔布斯还是那么的强悍！搞的自己心里也痒痒的，什么时候也能拥有一台iPad啊！ 针对这一系列的新鲜事，在这里向大家推荐几款开发工具，相信对大家会有所帮助！ CSSDesk – Dynamic CSS Sandbox CSS desk是最新开发的一款工具，它对于测试你的CSS和HTML将会非常有帮助。 The HTML5 test – How well does your browser support HTML5? 这个网站可以测试你当前的浏览器能对于HTML的支持及运行情况并给出评分。它通过测试一些HTML5的新特性来给出相应的分数。某些情况下，测试可能会超出正常的标准。 iPad Peek 可以让你查看你的网站在iPad下的显示情况哦！点击上面的黑边框，可以进行大小缩放，相当直观！ Elastic WordPress Theme Editor 一款为WordPress设计的虚拟主题编辑器，能给你的主题开发带来不少方便！]]></description>
			<content:encoded><![CDATA[<p>随着<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/css3/" title="查看 CSS3 中的全部文章" target="_blank">CSS3</a></span>新特性的展现，<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/html5/" title="查看 HTML5 中的全部文章" target="_blank">HTML5</a></span>也开始展露头角。最近，听说<a href="http://wordpress.org/" target="_blank">WordPress</a>将要把自己的版本提升到了3.0了。于此同时，<a href="www.apple.com/ipad/" target="_blank">iPad</a>如约而至高调上市,上市没几天就卖了30多万台，乔布斯还是那么的强悍！搞的自己心里也痒痒的，什么时候也能拥有一台<a href="www.apple.com/ipad/" target="_blank">iPad</a>啊！<br />
针对这一系列的新鲜事，在这里向大家推荐几款<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/%e5%bc%80%e5%8f%91%e5%b7%a5%e5%85%b7/" title="查看 开发工具 中的全部文章" target="_blank">开发工具</a></span>，相信对大家会有所帮助！</p>
<h2><a href="http://cssdesk.com/">CSSDesk – Dynamic CSS Sandbox</a></h2>
<p><a href="http://cssdesk.com/" target="_blank"><img src="http://www.iokay.net/mypic/webtools/tools_01.jpg" alt="" /></a></p>
<p>CSS desk是最新开发的一款工具，它对于测试你的CSS和HTML将会非常有帮助。<br />
<span id="more-164"></span></p>
<h2><a href="http://html5test.com/">The HTML5 test – How well does your  browser support HTML5?</a></h2>
<p><a href="http://html5test.com" target="_blank"><img src="http://www.iokay.net/mypic/webtools/tools_02.jpg" alt="" /></a></p>
<p>这个网站可以测试你当前的浏览器能对于HTML的支持及运行情况并给出评分。它通过测试一些<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/html5/" title="查看 HTML5 中的全部文章" target="_blank">HTML5</a></span>的新特性来给出相应的分数。某些情况下，测试可能会超出正常的标准。</p>
<h2><a href="http://ipadpeek.com/">iPad Peek</a></h2>
<p><img src="http://www.iokay.net/mypic/webtools/tools_03.jpg" alt="" /><br />
可以让你查看你的网站在<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/ipad/" title="查看 iPad 中的全部文章" target="_blank">iPad</a></span>下的显示情况哦！点击上面的黑边框，可以进行大小缩放，相当直观！</p>
<h2><a href="http://elastictheme.org/">Elastic WordPress Theme Editor</a></h2>
<p><a href="http://elastictheme.org/" target="_blank"><img src="http://www.iokay.net/mypic/webtools/tools_04.jpg" alt="" /></a></p>
<p>一款为<span class='wp_keywordlink_affiliate'><a href="http://www.iokay.net/tag/wordpress/" title="查看 WordPress 中的全部文章" target="_blank">WordPress</a></span>设计的虚拟主题编辑器，能给你的主题开发带来不少方便！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iokay.net/web/4-useful-web-development-tools/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

