<?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>Pixojo &#187; CSS</title>
	<atom:link href="http://pixojo.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://pixojo.com</link>
	<description>Tutorials, Desktops &#38; More</description>
	<lastBuildDate>Mon, 07 Nov 2011 02:12:28 +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>Button Maker lets you make CSS-only buttons for the Web</title>
		<link>http://pixojo.com/1448/button-maker-lets-you-make-css-only-buttons-for-the-web/</link>
		<comments>http://pixojo.com/1448/button-maker-lets-you-make-css-only-buttons-for-the-web/#comments</comments>
		<pubDate>Fri, 04 Jun 2010 15:00:00 +0000</pubDate>
		<dc:creator>Erez Zukerman</dc:creator>
				<category><![CDATA[Community]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Many developers know that technically, you can create CSS-only buttons with rounded corners and nice gradients. Since it&#8217;s often such a hassle, though, they may not bother with it. Button Maker is a tool that takes all of the hassle out of creating buttons for the Web. Button Maker lets you play with three sliders [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: center;"><a href="http://css-tricks.com/examples/ButtonMaker/#"><br />
<img src="http://pixojo.com/wp-content/uploads/HLIC/5b358995635103b16bdb5877161f524d.png" border="0" alt="buttonmaker" hspace="4" vspace="4" height="300 width=" align="middle" /></a></div>
<p>Many developers know that technically, you <em>can</em> create CSS-only buttons with rounded corners and nice gradients. Since it&#8217;s often such a hassle, though, they may not bother with it. <a href="http://css-tricks.com/examples/ButtonMaker/#">Button Maker</a> is a tool that takes all of the hassle out of creating buttons for the Web.</p>
<p>Button Maker lets you play with three sliders and some color pickers, and you end up with comprehensive CSS for your button.</p>
<p>While this tool lets you <em>create</em> the buttons, it cannot solve the biggest problem with CSS-only buttons which is that they don&#8217;t work on all browsers. I tested the site using Firefox and Chrome and it displayed just fine. Safari worked too, but it lost the gradient on the button (the same thing happened with Firefox 3.0 as well). Internet Explorer choked completely, showing the button as a simple link and lacking even a background color.</p>
<p>I think they should put a visible alert for this kind of behavior or change the CSS so that it degrades more gracefully. Still, if you have the will and energy to fix your buttons for IE, this tool can provide you with a nice starting point.</p>
<hr />
<p><small>Posted on <a href="http://pixojo.com">Pixojo</a> | <a href="http://pixojo.com/1448/button-maker-lets-you-make-css-only-buttons-for-the-web/">Button Maker lets you make CSS-only buttons for the Web</a> | http://www.pixojo.com </p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://pixojo.com/1448/button-maker-lets-you-make-css-only-buttons-for-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visual CSS HTML Sitemap Tool</title>
		<link>http://pixojo.com/1380/css-html-sitemap/</link>
		<comments>http://pixojo.com/1380/css-html-sitemap/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 16:28:32 +0000</pubDate>
		<dc:creator>Chester</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Sitemap]]></category>

		<guid isPermaLink="false">http://pixojo.com/?p=1380</guid>
		<description><![CDATA[Lets face it, no one likes creating HTML sitemaps. They are manual, boring and can take forever. Unfortunately SlickMap doesn&#8217;t automate the process, rather they use CSS to turn un-orded lists into a visually appealing HTML sitemap. So it does 1/2 the work for you. Check it out for yourself! SlickMap CSS Posted on Pixojo [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://astuteo.com/slickmap/"><img src="http://pixojo.com/wp-content/uploads/2010/01/slickmap-css-sitemap.png" alt="Visual CSS Site Map Tool" /></a></p>
<p>Lets face it, no one likes creating HTML sitemaps. They are manual, boring and can take forever. Unfortunately SlickMap doesn&#8217;t automate the process, rather they use CSS to turn un-orded lists into a visually appealing HTML sitemap. So it does 1/2 the work for you.</p>
<p>Check it out for yourself! <a href="http://astuteo.com/slickmap/">SlickMap CSS</a></p>
<hr />
<p><small>Posted on <a href="http://pixojo.com">Pixojo</a> | <a href="http://pixojo.com/1380/css-html-sitemap/">Visual CSS HTML Sitemap Tool</a> | http://www.pixojo.com </p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://pixojo.com/1380/css-html-sitemap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Status Message Boxes</title>
		<link>http://pixojo.com/1375/css-boxes/</link>
		<comments>http://pixojo.com/1375/css-boxes/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 03:25:41 +0000</pubDate>
		<dc:creator>Chester</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://pixojo.com/?p=1375</guid>
		<description><![CDATA[CSS is fantastic and once you have it mastered, you wonder what you&#8217;d ever do without it. But then again, do you ever master it? There is so much more you can learn. Here is a great tutorial on how you can use CSS to create message boxes for different events; success, fail, warning, information. [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignnone" style="width: 565px"><a href="http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx"><img title="CSS Message Boxes" src="http://pixojo.com/wp-content/uploads/2010/01/error_04_3.png" alt="CSS Message Boxes" width="555" height="69" /></a><p class="wp-caption-text">CSS Message Boxes</p></div>
<p>CSS is fantastic and once you have it mastered, you wonder what you&#8217;d ever do without it. But then again, do you ever master it? There is so much more you can learn.</p>
<p>Here is a great tutorial on how you can use CSS to create message boxes for different events; success, fail, warning, information.</p>
<p><a href="http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx">CSS Message Boxes for different message types</a></p>
<hr />
<p><small>Posted on <a href="http://pixojo.com">Pixojo</a> | <a href="http://pixojo.com/1375/css-boxes/">CSS Status Message Boxes</a> | http://www.pixojo.com </p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://pixojo.com/1375/css-boxes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
