<?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>Pisake Cho&#039;s mashup design is design exploration through digital edge &#187; css</title>
	<atom:link href="http://www.mashupdesign.com/mashupblog/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.mashupdesign.com/mashupblog</link>
	<description>code is poetry &#124; design is game</description>
	<lastBuildDate>Fri, 25 Jun 2010 06:52:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>A JavaScript library to make MSIE behave like a standards-compliant browser</title>
		<link>http://www.mashupdesign.com/mashupblog/2010/css/a-javascript-library-to-make-msie-behave-like-a-standards-compliant-browser.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2010/css/a-javascript-library-to-make-msie-behave-like-a-standards-compliant-browser.html#comments</comments>
		<pubDate>Fri, 25 Jun 2010 06:47:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[resource]]></category>

		<guid isPermaLink="false">http://www.mashupdesign.com/mashupblog/2010/css/a-javascript-library-to-make-msie-behave-like-a-standards-compliant-browser.html</guid>
		<description><![CDATA[Ie7-js Javascript Library IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. Usage IE7.js Upgrade MSIE5.5-6 to be compatible with MSIE7. &#60;!--[if lt IE 7]&#62;&#60;script src=&#34;http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js&#34;&#62;&#60;/script&#62;&#60;![endif]--&#62; &#160; IE8.js Upgrade MSIE5.5-7 to be [...]]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2010/css/a-javascript-library-to-make-msie-behave-like-a-standards-compliant-browser.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS hack for Internet Explorer 8</title>
		<link>http://www.mashupdesign.com/mashupblog/2010/css/css-hack-for-internet-explorer-8.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2010/css/css-hack-for-internet-explorer-8.html#comments</comments>
		<pubDate>Tue, 01 Jun 2010 17:15:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[snipplets]]></category>

		<guid isPermaLink="false">http://www.mashupdesign.com/mashupblog/2010/uncategorized/css-hack-for-internet-explorer-8.html</guid>
		<description><![CDATA[.color {color: #777;} /* for all browsers */ * html .color {color: #C39;} /* for IE6 */ *+html .color {color: #66F;} /* for IE7 */ .color {color: #0FC\0/;} /* for IE8, going last */]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2010/css/css-hack-for-internet-explorer-8.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>cSS Play : Text overlay images</title>
		<link>http://www.mashupdesign.com/mashupblog/2009/css/css-play-text-overlay-images.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2009/css/css-play-text-overlay-images.html#comments</comments>
		<pubDate>Sun, 16 Aug 2009 16:34:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.mashupdesign.com/mashupblog/2009/css/css-play-text-overlay-images.html</guid>
		<description><![CDATA[HTML code A Movie in the Park:Kung Fu Panda CSS code .image { position: relative; width: 100%; /* for IE 6 */ } h2 { position: absolute; top: 200px; left: 0; width: 100%; }]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2009/css/css-play-text-overlay-images.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cross-browser semi-transparent backgrounds</title>
		<link>http://www.mashupdesign.com/mashupblog/2009/css/cross-browser-semi-transparent-backgrounds.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2009/css/cross-browser-semi-transparent-backgrounds.html#comments</comments>
		<pubDate>Sun, 16 Aug 2009 16:28:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.mashupdesign.com/mashupblog/2009/uncategorized/cross-browser-semi-transparent-backgrounds.html</guid>
		<description><![CDATA[css code .trans_box2 {&#60;br /&#62; font-family:verdana;&#60;br /&#62; font-weight:bold;&#60;br /&#62; padding:40px;&#60;br /&#62; margin:30px;&#60;br /&#62; border:solid 1px #555;&#60;br /&#62; /* Mozilla ignores crazy MS image filters, so it will skip the following */&#60;br /&#62; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=&#8217;/75p_honey.png&#8217;);&#60;br /&#62; }&#60;br /&#62; /* IE ignores styles with [attributes], so it will skip the following. */&#60;br /&#62; .trans_box2[class] {&#60;br /&#62; [...]]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2009/css/cross-browser-semi-transparent-backgrounds.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Resize Background image with Jquery</title>
		<link>http://www.mashupdesign.com/mashupblog/2009/css/resize-background-image-with-jquery.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2009/css/resize-background-image-with-jquery.html#comments</comments>
		<pubDate>Sat, 28 Feb 2009 03:04:38 +0000</pubDate>
		<dc:creator>pisakec</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://mashupdesign.com/mashupblog/?p=113</guid>
		<description><![CDATA[&#60;script type="text/javascript" src="/js/jquery.js"&#62;&#60;/script&#62; &#60;script type="text/javascript" src="/js/jquery.dimensions.js"&#62;&#60;/script&#62; &#60;script type="text/javascript"&#62; $(document).ready(function() { var $winwidth = $(window).width(); $("img.source-image").attr({ width: $winwidth }); $(window).bind("resize", function(){ var $winwidth = $(window).width(); $("img.source-image").attr({ width: $winwidth }); }); }); &#60;/script&#62; In order to get this inline image to behave more like a background image, we can use that unique class we applied to apply [...]]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2009/css/resize-background-image-with-jquery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Amazing tricks</title>
		<link>http://www.mashupdesign.com/mashupblog/2009/css/css-amazing-tricks.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2009/css/css-amazing-tricks.html#comments</comments>
		<pubDate>Fri, 27 Feb 2009 05:51:29 +0000</pubDate>
		<dc:creator>pisakec</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[web practice]]></category>

		<guid isPermaLink="false">http://mashupdesign.com/mashupblog/?p=115</guid>
		<description><![CDATA[Css Round Corner div.rounded { -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:10px; border:3px solid #f3ddac; background: #fff3d8; } the html &#60;div class="rounded"&#62; &#60;h2&#62;The Example&#60;/h2&#62; &#60;/div&#62; Certainly, it&#8217;s perfectly work on Firfox ! Creating Link Blocks a.blocklink { display:block; width:160px; background:#f0f0f0; color:#999; font-family:corbel, verdana, sans-serif; padding:4px; text-decoration:none; font-weight:normal; font-size:0.72em; border:1px solid #dadada; } a.blocklink strong { font-family:georgia, helvetica, [...]]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2009/css/css-amazing-tricks.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS transparency for All Browser</title>
		<link>http://www.mashupdesign.com/mashupblog/2009/css/css-transparency-for-all-browser.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2009/css/css-transparency-for-all-browser.html#comments</comments>
		<pubDate>Fri, 27 Feb 2009 03:55:51 +0000</pubDate>
		<dc:creator>pisakec</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[web practice]]></category>

		<guid isPermaLink="false">http://mashupdesign.com/mashupblog/?p=114</guid>
		<description><![CDATA[Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need four separate CSS statements. Fortunately they don’t interfere with each other really, so using them all every time you wish to add transparency is no big hassle and worry-free. Here they are, and [...]]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2009/css/css-transparency-for-all-browser.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS blueprint, essential css</title>
		<link>http://www.mashupdesign.com/mashupblog/2008/css/css-blueprint-essential-css.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2008/css/css-blueprint-essential-css.html#comments</comments>
		<pubDate>Fri, 26 Dec 2008 06:51:39 +0000</pubDate>
		<dc:creator>pisakec</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://mashupdesign.com/mashupblog/?p=112</guid>
		<description><![CDATA[reset.css This file sets sensible defaults across all browsers. I&#8217;m sure we are all familiar with starting a new project, going to our main CSS file and adding a few default styles to the body selector, such as &#8216;margin: 0; padding:0; font-family: Helvetica, Arial, sans-serif;&#8217; or something along those lines. This is what reset.css does, [...]]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2008/css/css-blueprint-essential-css.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PNG transparent fix for IE 6</title>
		<link>http://www.mashupdesign.com/mashupblog/2008/css/png-transparent-fix-for-ie-6.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2008/css/png-transparent-fix-for-ie-6.html#comments</comments>
		<pubDate>Fri, 26 Dec 2008 05:13:49 +0000</pubDate>
		<dc:creator>pisakec</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://mashupdesign.com/mashupblog/?p=111</guid>
		<description><![CDATA[Unit PNG Fix Where do I Download It? : HERE Issues? : It doesn&#8217;t correctly tile transparent background images. Instead, it&#8217;ll will stretch your image. Not a huge issue, but beware. Other than that quirk, this method works perfectly. I find myself using it more than the others. DD_BelatedPNG Fix Where do I Download It? [...]]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2008/css/png-transparent-fix-for-ie-6.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Conditional-CSS</title>
		<link>http://www.mashupdesign.com/mashupblog/2008/css/conditional-css.html</link>
		<comments>http://www.mashupdesign.com/mashupblog/2008/css/conditional-css.html#comments</comments>
		<pubDate>Thu, 14 Aug 2008 08:51:55 +0000</pubDate>
		<dc:creator>pisakec</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://mashupdesign.com/mashupblog/?p=29</guid>
		<description><![CDATA[Any CSS statement or block can be prefixed by a conditional statement, of which there are three basic types: [if {!} browser] [if {!} browser version] [if {!} condition browser version] 1. // Conditional-CSS syntax examples 2. [if IE] - Used if the browser is IE 3. [if ! Opera] - Used if the browser [...]]]></description>
		<wfw:commentRss>http://www.mashupdesign.com/mashupblog/2008/css/conditional-css.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
