<?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>Innerseduction &#187; Web Design</title>
	<atom:link href="http://innerseduction.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://innerseduction.com</link>
	<description>Just Another Design And Development Blog</description>
	<lastBuildDate>Thu, 17 May 2012 03:23:52 +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>SASS vs. LESS</title>
		<link>http://innerseduction.com/sass-vs-less-052012/</link>
		<comments>http://innerseduction.com/sass-vs-less-052012/#comments</comments>
		<pubDate>Thu, 17 May 2012 03:23:52 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[comparison]]></category>
		<category><![CDATA[compass]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://innerseduction.com/sass-vs-less-052012/</guid>
		<description><![CDATA[ "Which CSS preprocessor language should I choose?" is a hot topic lately. I've been asked in person several times and an online debate has been popping up every few days it seems. It's nice that the conversation has largely turned from whether or not preprocessing is a good idea to which one language is best. ]]></description>
			<content:encoded><![CDATA[<p> &#8220;Which CSS preprocessor language should I choose?&#8221; is a hot topic lately. I&#8217;ve been asked in person several times and an online debate has been popping up every few days it seems. It&#8217;s nice that the conversation has largely turned from whether or not preprocessing is a good idea to which one language is best. </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/body-borders-without%c2%a0markup-122010/' rel='bookmark' title='Body Borders without Markup'>Body Borders without Markup</a></li>
<li><a href='http://innerseduction.com/you-know-you-should-use-javascript-when%e2%80%a6-092009/' rel='bookmark' title='You Know You Should Use JavaScript When…'>You Know You Should Use JavaScript When…</a></li>
<li><a href='http://innerseduction.com/new-poll-in-the-next-10-years-will-we-see-css-competitor-022012/' rel='bookmark' title='New Poll: In The Next 10 Years, Will We See CSS Competitor?'>New Poll: In The Next 10 Years, Will We See CSS Competitor?</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/sass-vs-less-052012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Responsive Images and Web Standards at the Turning Point</title>
		<link>http://innerseduction.com/responsive-images-and-web-standards-at-the-turning-point-052012/</link>
		<comments>http://innerseduction.com/responsive-images-and-web-standards-at-the-turning-point-052012/#comments</comments>
		<pubDate>Wed, 16 May 2012 04:04:17 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[responsive]]></category>
		<category><![CDATA[turning-point]]></category>

		<guid isPermaLink="false">http://innerseduction.com/responsive-images-and-web-standards-at-the-turning-point-052012/</guid>
		<description><![CDATA[ Mat Marquis keeping us up to date on the responsive images hot drama. Good reminder at the end about not picking sides]]></description>
			<content:encoded><![CDATA[<p> Mat Marquis keeping us up to date on the responsive images hot drama. Good reminder at the end about not picking sides</p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/automatic-responsive-images-in-wordpress-042012/' rel='bookmark' title='Automatic responsive images in WordPress'>Automatic responsive images in WordPress</a></li>
<li><a href='http://innerseduction.com/shoptalk-episode-13-042012/' rel='bookmark' title='ShopTalk Episode 13'>ShopTalk Episode 13</a></li>
<li><a href='http://innerseduction.com/responsive-data-tables-042011/' rel='bookmark' title='Responsive Data Tables'>Responsive Data Tables</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/responsive-images-and-web-standards-at-the-turning-point-052012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ShopTalk Episode 18</title>
		<link>http://innerseduction.com/shoptalk-episode-18-052012/</link>
		<comments>http://innerseduction.com/shoptalk-episode-18-052012/#comments</comments>
		<pubDate>Wed, 16 May 2012 00:11:46 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[css tricks]]></category>
		<category><![CDATA[shoptalk]]></category>

		<guid isPermaLink="false">http://innerseduction.com/shoptalk-episode-18-052012/</guid>
		<description><![CDATA[ With ol' Mean Gene Crawford! We talk about crazy clients, responsive images, health, and all kinds of other shoptalk. Thanks to Mijingo for sponsoring this episode. ]]></description>
			<content:encoded><![CDATA[<p> With ol&#8217; Mean Gene Crawford! We talk about crazy clients, responsive images, health, and all kinds of other shoptalk. Thanks to Mijingo for sponsoring this episode. </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/shoptalk-episode-5-022012/' rel='bookmark' title='ShopTalk Episode 5'>ShopTalk Episode 5</a></li>
<li><a href='http://innerseduction.com/shoptalk-episode-14-042012/' rel='bookmark' title='ShopTalk Episode 14'>ShopTalk Episode 14</a></li>
<li><a href='http://innerseduction.com/shoptalk-episode-3-012012/' rel='bookmark' title='ShopTalk Episode 3'>ShopTalk Episode 3</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/shoptalk-episode-18-052012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Opt-in Typography</title>
		<link>http://innerseduction.com/opt-in-typography-052012/</link>
		<comments>http://innerseduction.com/opt-in-typography-052012/#comments</comments>
		<pubDate>Mon, 07 May 2012 15:19:59 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[chris-eppstein]]></category>
		<category><![CDATA[effectiveness]]></category>
		<category><![CDATA[slides]]></category>

		<guid isPermaLink="false">http://innerseduction.com/opt-in-typography-052012/</guid>
		<description><![CDATA[ I recently heard Chris Eppstein give a talk ( slides ) about creating better stylesheets and using SASS to do it. There were a couple of surprising bits in there, one of which was about "opt-in typography." The idea was that instead of setting global styles for typographic elements like p , ul , ol , h1 , h2 , etc that you would instead apply those styles as a class, perhaps .text . ]]></description>
			<content:encoded><![CDATA[<p> I recently heard Chris Eppstein give a talk ( slides ) about creating better stylesheets and using SASS to do it. There were a couple of surprising bits in there, one of which was about &#8220;opt-in typography.&#8221; The idea was that instead of setting global styles for typographic elements like p , ul , ol , h1 , h2 , etc that you would instead apply those styles as a class, perhaps .text . </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/coldstone-premium-wordpress-theme-012009/' rel='bookmark' title='ColdStone premium wordpress theme'>ColdStone premium wordpress theme</a></li>
<li><a href='http://innerseduction.com/basic-wordpress-theme-012009/' rel='bookmark' title='Basic WordPress Theme'>Basic WordPress Theme</a></li>
<li><a href='http://innerseduction.com/lightsource-wordpress-theme-012009/' rel='bookmark' title='Lightsource WordPress Theme'>Lightsource WordPress Theme</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/opt-in-typography-052012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ShopTalk Show #17</title>
		<link>http://innerseduction.com/shoptalk-show-17-052012/</link>
		<comments>http://innerseduction.com/shoptalk-show-17-052012/#comments</comments>
		<pubDate>Sun, 06 May 2012 15:01:22 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[css tricks]]></category>
		<category><![CDATA[direct-link]]></category>

		<guid isPermaLink="false">http://innerseduction.com/shoptalk-show-17-052012/</guid>
		<description><![CDATA[ Another RAPIDFIRE show where Dave and I answer as many lister questions as we possibly can. Direct Link to Article &#8212; Permalink ShopTalk Show #17 is a post from CSS-Tricks ]]></description>
			<content:encoded><![CDATA[<p> Another RAPIDFIRE show where Dave and I answer as many lister questions as we possibly can. Direct Link to Article &#8212; Permalink ShopTalk Show #17 is a post from CSS-Tricks </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/shoptalk-episode-8-032012/' rel='bookmark' title='ShopTalk Episode 8'>ShopTalk Episode 8</a></li>
<li><a href='http://innerseduction.com/shoptalk-episode-6-022012/' rel='bookmark' title='ShopTalk Episode 6'>ShopTalk Episode 6</a></li>
<li><a href='http://innerseduction.com/shoptalk-episode-5-022012/' rel='bookmark' title='ShopTalk Episode 5'>ShopTalk Episode 5</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/shoptalk-show-17-052012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Autofill City &amp; State from Zip Code with Ziptastic</title>
		<link>http://innerseduction.com/autofill-city-state-from-zip-code-with-ziptastic-052012/</link>
		<comments>http://innerseduction.com/autofill-city-state-from-zip-code-with-ziptastic-052012/#comments</comments>
		<pubDate>Thu, 03 May 2012 17:42:41 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[zip]]></category>
		<category><![CDATA[ziptastic]]></category>

		<guid isPermaLink="false">http://innerseduction.com/autofill-city-state-from-zip-code-with-ziptastic-052012/</guid>
		<description><![CDATA[ Most address fields on web forms ask for city, state, and zip code (or city and post code, outside of the US). But as us nerds often lament, city and state are redundant with zip code. Or at least they can be inferred from a correctly entered zip code. ]]></description>
			<content:encoded><![CDATA[<p> Most address fields on web forms ask for city, state, and zip code (or city and post code, outside of the US). But as us nerds often lament, city and state are redundant with zip code. Or at least they can be inferred from a correctly entered zip code. </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/free-wordpress-theme-city-lights-032009/' rel='bookmark' title='Free WordPress theme &#8211; City-lights'>Free WordPress theme &#8211; City-lights</a></li>
<li><a href='http://innerseduction.com/fred-boyles-code-challenge-042012/' rel='bookmark' title='Fred Boyle’s Code Challenge'>Fred Boyle’s Code Challenge</a></li>
<li><a href='http://innerseduction.com/free-wordpress-theme-%e2%80%93-the-gateway-city-082010/' rel='bookmark' title='Free WordPress Theme – The Gateway City'>Free WordPress Theme – The Gateway City</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/autofill-city-state-from-zip-code-with-ziptastic-052012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Viewport Sized Typography</title>
		<link>http://innerseduction.com/viewport-sized-typography-052012/</link>
		<comments>http://innerseduction.com/viewport-sized-typography-052012/#comments</comments>
		<pubDate>Tue, 01 May 2012 00:15:31 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[viewport]]></category>

		<guid isPermaLink="false">http://innerseduction.com/viewport-sized-typography-052012/</guid>
		<description><![CDATA[ CSS3 has some new values for sizing things relative to the current viewport size: vw , vh , and vmin . ]]></description>
			<content:encoded><![CDATA[<p> CSS3 has some new values for sizing things relative to the current viewport size: vw , vh , and vmin . </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/5-css3-techniques-for-major-browsers-using-the-power-of-jquery-032009/' rel='bookmark' title='5 CSS3 Techniques For Major Browsers using the Power of jQuery'>5 CSS3 Techniques For Major Browsers using the Power of jQuery</a></li>
<li><a href='http://innerseduction.com/things-it-might-be-funuseful-to-try-the-universal-selector-on-022012/' rel='bookmark' title='Things It Might Be Fun/Useful to Try the Universal (*) Selector On'>Things It Might Be Fun/Useful to Try the Universal (*) Selector On</a></li>
<li><a href='http://innerseduction.com/8-simple-ways-to-improve-typography-in-your-designs-042009/' rel='bookmark' title='8 Simple Ways to Improve Typography In Your Designs'>8 Simple Ways to Improve Typography In Your Designs</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/viewport-sized-typography-052012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ShopTalk Episode 16</title>
		<link>http://innerseduction.com/shoptalk-episode-16-042012/</link>
		<comments>http://innerseduction.com/shoptalk-episode-16-042012/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 00:06:59 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[automattic]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[stewart]]></category>

		<guid isPermaLink="false">http://innerseduction.com/shoptalk-episode-16-042012/</guid>
		<description><![CDATA[ Dave and I were joined by Ian Stewart, a Theme Wrangler at Automattic for WordPress.com (he's probably thinking about WordPress themes right this very minute). We talked about WordPress multisite, training clients in WordPress, database syncing, team productivity, and more. Direct Link to Article &#8212; Permalink ShopTalk Episode 16 is a post from CSS-Tricks ]]></description>
			<content:encoded><![CDATA[<p> Dave and I were joined by Ian Stewart, a Theme Wrangler at Automattic for WordPress.com (he&#8217;s probably thinking about WordPress themes right this very minute). We talked about WordPress multisite, training clients in WordPress, database syncing, team productivity, and more. Direct Link to Article &#8212; Permalink ShopTalk Episode 16 is a post from CSS-Tricks </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/shoptalk-episode-6-022012/' rel='bookmark' title='ShopTalk Episode 6'>ShopTalk Episode 6</a></li>
<li><a href='http://innerseduction.com/shoptalk-episode-5-022012/' rel='bookmark' title='ShopTalk Episode 5'>ShopTalk Episode 5</a></li>
<li><a href='http://innerseduction.com/shoptalk-episode-14-042012/' rel='bookmark' title='ShopTalk Episode 14'>ShopTalk Episode 14</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/shoptalk-episode-16-042012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Conditional Content via CSS Media Queries</title>
		<link>http://innerseduction.com/conditional-content-via-css-media-queries-042012/</link>
		<comments>http://innerseduction.com/conditional-content-via-css-media-queries-042012/#comments</comments>
		<pubDate>Sun, 29 Apr 2012 19:48:25 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[journal]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://innerseduction.com/conditional-content-via-css-media-queries-042012/</guid>
		<description><![CDATA[ Jeremy Keith has a great article on his journey to allowing JavaScript to load in content based on the currently active media query. This allows you to keep media queries only in the CSS (DRY!). The article was sans-demo, so I made one . ]]></description>
			<content:encoded><![CDATA[<p> Jeremy Keith has a great article on his journey to allowing JavaScript to load in content based on the currently active media query. This allows you to keep media queries only in the CSS (DRY!). The article was sans-demo, so I made one . </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/css-media-queries-using-available%c2%a0space-072010/' rel='bookmark' title='CSS Media Queries &amp; Using Available Space'>CSS Media Queries &amp; Using Available Space</a></li>
<li><a href='http://innerseduction.com/bandwidth-media-queries-032012/' rel='bookmark' title='Bandwidth Media Queries'>Bandwidth Media Queries</a></li>
<li><a href='http://innerseduction.com/how-to-create-stunning-effects-with-165-media-queries-or-less-032012/' rel='bookmark' title='How to Create Stunning Effects With 165 Media Queries or Less!'>How to Create Stunning Effects With 165 Media Queries or Less!</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/conditional-content-via-css-media-queries-042012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transitions Only After Page Load</title>
		<link>http://innerseduction.com/transitions-only-after-page-load-042012/</link>
		<comments>http://innerseduction.com/transitions-only-after-page-load-042012/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 12:15:04 +0000</pubDate>
		<dc:creator>Kubrick</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[04-27-2012]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[facebook]]></category>

		<guid isPermaLink="false">http://innerseduction.com/transitions-only-after-page-load-042012/</guid>
		<description><![CDATA[ I've you've ever used CSS transitions on structural elements on your page, you may have noticed a case where you see that transition happen when the page loads and is laying itself out. Quick video of the issue I was having: To fix it, I just added a class of "preload" to the body element. ]]></description>
			<content:encoded><![CDATA[<p> I&#8217;ve you&#8217;ve ever used CSS transitions on structural elements on your page, you may have noticed a case where you see that transition happen when the page loads and is laying itself out. Quick video of the issue I was having: To fix it, I just added a class of &#8220;preload&#8221; to the body element. </p>
<p>Related posts:<ol>
<li><a href='http://innerseduction.com/ajax-load-container%c2%a0contents-012011/' rel='bookmark' title='Ajax Load Container Contents'>Ajax Load Container Contents</a></li>
<li><a href='http://innerseduction.com/single-page-websites-examples-and-good-practices-042010/' rel='bookmark' title='Single-Page Websites: Examples and Good Practices'>Single-Page Websites: Examples and Good Practices</a></li>
<li><a href='http://innerseduction.com/css-frameworks-and-semantic-class-names-102009/' rel='bookmark' title='CSS Frameworks and Semantic Class Names'>CSS Frameworks and Semantic Class Names</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://innerseduction.com/transitions-only-after-page-load-042012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

