<?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>jbarker.com / blog</title>
	<atom:link href="http://www.jbarker.com/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://www.jbarker.com/blog</link>
	<description></description>
	<lastBuildDate>Mon, 10 Aug 2009 04:28:25 +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>What is apple-touch-icon.png?</title>
		<link>http://www.jbarker.com/blog/2009/apple-touch-icon-png</link>
		<comments>http://www.jbarker.com/blog/2009/apple-touch-icon-png#comments</comments>
		<pubDate>Mon, 10 Aug 2009 02:00:17 +0000</pubDate>
		<dc:creator>jbarker</dc:creator>
				<category><![CDATA[software]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.jbarker.com/blog/?p=3</guid>
		<description><![CDATA[The use of apple-touch-icon.png as defined by Apple is on the rise. This file is a small, square image that is primarily intended for bookmarking a web site on a mobile device. The icon is used by the Apple iPhone OS and iPod touch software to add a web site shortcut to the Home screen. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-59" title="apple-touch-icon.png from apple.com" src="http://www.jbarker.com/blog/wp-content/uploads/2009/08/apple-touch-icon-applecom.png" alt="apple-touch-icon.png from apple.com" width="129" height="129" />The use of <a href="http://www.apple.com/apple-touch-icon.png"><code>apple-touch-icon.png</code></a> as defined by Apple is on the rise. This file is a small, square image that is primarily intended for bookmarking a web site on a mobile device.</p>
<p>The icon is used by the Apple iPhone OS and iPod touch software to <a href="http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4">add a web site shortcut to the Home screen</a>. The benefit of <a href="http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/iPhoneWebAppHIG/MetricsLayout/MetricsLayout.html#//apple_ref/doc/uid/TP40007900-CH6-SW31">creating an <code>apple-touch-icon.png</code> file</a> is that the icon displayed for the site is defined by the web site owner rather than a thumbnail of the site content generated by the mobile device.</p>
<p><span id="more-3"></span></p>
<p>Aside from the benefit of a user-friendly icon, adding the icon can also clean up your web server logs. If you have HTTP status 404, file not found, entries in your access log:</p>
<p><code>visitor.example.com - - [01/Aug/2009:19:00:00 -0700] "GET /apple-touch-icon.png HTTP/1.1" 404 1024 "-" "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3"</code></p>
<p>Then it is likely that you have visitors that want to save your site on their mobile device.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarker.com/blog/2009/apple-touch-icon-png/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Correct MIME Type for CSS Web Fonts</title>
		<link>http://www.jbarker.com/blog/2009/mime-type-css-web-fonts</link>
		<comments>http://www.jbarker.com/blog/2009/mime-type-css-web-fonts#comments</comments>
		<pubDate>Sun, 09 Aug 2009 18:00:21 +0000</pubDate>
		<dc:creator>jbarker</dc:creator>
				<category><![CDATA[software]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.jbarker.com/blog/?p=30</guid>
		<description><![CDATA[Support for CSS3 Fonts via @font-face is now available in Microsoft Internet Explorer, Mozilla Firefox, and Apple Safari, with support in Opera and Google Chrome due soon. With increasing support, more sites are being designed with web fonts. However, many web servers are not providing the correct MIME type for these files. For the Apache [...]]]></description>
			<content:encoded><![CDATA[<p>Support for <a href="http://www.w3.org/TR/css3-fonts/">CSS3 Fonts</a> via @font-face is now available in Microsoft Internet Explorer, Mozilla Firefox, and Apple Safari, with support in Opera and Google Chrome due soon.</p>
<p><img class="alignnone size-full wp-image-72" title="Web Browser Logos" src="http://www.jbarker.com/blog/wp-content/uploads/2009/08/multibrowser_logos.png" alt="Web Browser Logos" width="414" height="83" /></p>
<p>With increasing support, more sites are being designed with web fonts. However, many web servers are not providing the correct MIME type for these files.</p>
<p>For the Apache web server, the following configuration in an <code>.htaccess</code> file will provide the correct MIME type for web fonts:</p>
<p><code>AddType application/vnd.ms-fontobject .eot<br />
AddType application/octet-stream .otf .ttf</code></p>
<p><span id="more-30"></span></p>
<p>The <a href="http://httpd.apache.org/docs/2.2/mod/mod_mime.html#addtype">AddType directive</a> for Apache supports multiple file extensions and the values are case-insensitive.</p>
<p>Web fonts are typically one of three file types:</p>
<ul>
<li>OpenType (.otf)</li>
<li>TrueType (.ttf )</li>
<li>Embedded OpenType (.eot)</li>
</ul>
<p>For many common file types found on the web, there is a dedicated MIME type defined. That is not the case for some font file types. Both OpenType and TrueType files do not have assigned <a href="http://www.iana.org/assignments/media-types/">MIME media types</a>.</p>
<p>There is an assigned <a href="http://www.iana.org/assignments/media-types/application/vnd.ms-fontobject">MIME type for Embedded OpenType (.eot) files</a>: <code>application/vnd.ms-fontobject</code></p>
<p>The MIME type <code>application/octet-stream</code> is used is to indicate binary data that does not have a more specific, assigned MIME type. In practice it is often used as the default MIME for binary, non-text data that should be downloaded to a file. See <a href="http://www.rfc-editor.org/rfc/rfc2046.txt">RFC 2046</a> for more details.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarker.com/blog/2009/mime-type-css-web-fonts/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
