<?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>nerdbot &#124; bookmarks &#187; webkit</title>
	<atom:link href="http://nerdbot.com/tag/webkit/feed/" rel="self" type="application/rss+xml" />
	<link>http://nerdbot.com</link>
	<description>because del.icio.us is dead to me</description>
	<lastBuildDate>Thu, 29 Mar 2012 17:44:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>» Hack for Webkit: Filter for Chrome and Safari :: CSS, JavaScript and XHTML Explained</title>
		<link>http://nerdbot.com/2011/08/04/%c2%bb-hack-for-webkit-filter-for-chrome-and-safari-css-javascript-and-xhtml-explained/</link>
		<comments>http://nerdbot.com/2011/08/04/%c2%bb-hack-for-webkit-filter-for-chrome-and-safari-css-javascript-and-xhtml-explained/#comments</comments>
		<pubDate>Thu, 04 Aug 2011 16:56:53 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[webdev]]></category>
		<category><![CDATA[webkit]]></category>

		<guid isPermaLink="false">http://nerdbot.com/?p=1654</guid>
		<description><![CDATA[» Hack for Webkit: Filter for Chrome and Safari :: CSS, JavaScript and XHTML Explained. To target only webkit, which includes Google and Safari, encompass all the CSS that you want to use just to target Webkit in the following &#8230; <a href="http://nerdbot.com/2011/08/04/%c2%bb-hack-for-webkit-filter-for-chrome-and-safari-css-javascript-and-xhtml-explained/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.evotech.net/blog/2010/04/hack-for-webkit-filter-for-chrome-and-safari/">» Hack for Webkit: Filter for Chrome and Safari :: CSS, JavaScript and XHTML Explained</a>.</p>
<p><span id="more-1654"></span></p>
<p><span class="Apple-style-span" style="background-color: #ffffff;">To target only webkit, which includes Google and Safari, encompass all the CSS that you want to use just to target Webkit in the following @media block:</span></p>
<pre style="overflow-x: auto; background-color: #dedede; font-size: 12px; line-height: 1.5em; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border-width: 1px; border-color: #cccccc; border-style: solid; padding: 10px;"><code style="background-color: #dedede; font-size: 14px; padding-top: 2px;">@media screen and (-webkit-min-device-pixel-ratio:0) { .myClass { background-color: #FF0000; } #myId {color: #0000FF;} p, a, li {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);} }</code></pre>
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-transform: none;">Put the above code anywhere in your CSS file. The other browsers will read the rest, but only webkit reads the -webkit-min-device-pixel-ratio of the declaration, and therefore only Chrome and Safari will abide by the rules in the CSS code block.</p>
<p style="margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-transform: none;">The important stuff to learn:</p>
<pre style="overflow-x: auto; background-color: #dedede; font-size: 12px; line-height: 1.5em; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border-width: 1px; border-color: #cccccc; border-style: solid; padding: 10px;"><code style="background-color: #dedede; font-size: 14px; padding-top: 2px;"><strong>@media screen and (-webkit-min-device-pixel-ratio:0) {</strong> /* put webkit CSS here*/ <strong>}</strong></code></pre>
]]></content:encoded>
			<wfw:commentRss>http://nerdbot.com/2011/08/04/%c2%bb-hack-for-webkit-filter-for-chrome-and-safari-css-javascript-and-xhtml-explained/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

