<?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>Bloggink &#187; css</title>
	<atom:link href="http://joggink.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://joggink.com</link>
	<description>Blog of Joggink, home of Jochen Vandendriessche</description>
	<lastBuildDate>Fri, 27 Jan 2012 10:03:33 +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>Saving a HTTP request by combining screen and print styles</title>
		<link>http://joggink.com/2009/12/saving-a-http-request-by-combining-screen-and-print-styles/</link>
		<comments>http://joggink.com/2009/12/saving-a-http-request-by-combining-screen-and-print-styles/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 15:59:33 +0000</pubDate>
		<dc:creator>joggink</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[frontend development]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[screen]]></category>

		<guid isPermaLink="false">http://blog.joggink.com/?p=284</guid>
		<description><![CDATA[Instead of defining two stylesheet links in your head tag, you can define one and for screen &#38; print styles and divide the different styles in the one stylesheet. @media screen { body { font-size:14px; } } @media print { &#8230; <a href="http://joggink.com/2009/12/saving-a-http-request-by-combining-screen-and-print-styles/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Instead of defining two stylesheet links in your head tag, you can define one and for screen &amp; print styles and divide the different styles in the one stylesheet.</p>
<div>
<div>
<pre style="font-family: monospace;"><span style="color: #a1a100;">@media screen {</span>
	body <span style="color: #00aa00;">{</span> <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00aa00;">:</span><span style="color: #993333;">14px</span><span style="color: #00aa00;">;</span> <span style="color: #00aa00;">}</span>
<span style="color: #00aa00;">}</span>

<span style="color: #a1a100;">@media print {</span>
	body <span style="color: #00aa00;">{</span> <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00aa00;">:</span><span style="color: #993333;">10pt</span><span style="color: #00aa00;">;</span> <span style="color: #00aa00;">}</span>
	h1<span style="color: #00aa00;">,</span> h2<span style="color: #00aa00;">,</span> h3 <span style="color: #00aa00;">{</span> <span style="color: #000000; font-weight: bold;">page-break-after</span><span style="color: #00aa00;">:</span><span style="color: #993333;">avoid</span><span style="color: #00aa00;">;</span> <span style="color: #00aa00;">}</span>
<span style="color: #00aa00;">}

</span></pre>
<p>Read the full article at <a href="http://www.geertdedeckere.be/article/saving-a-http-request-by-combining-screen-and-print-styles" target="_blank">the blog of Geert De Deckere</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://joggink.com/2009/12/saving-a-http-request-by-combining-screen-and-print-styles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

