<?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>JQuery, PHP, html, design... // arnaud-k : un blog de geek &#187; Apple</title>
	<atom:link href="http://blog.arnaud-k.fr/tag/apple/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.arnaud-k.fr</link>
	<description>Le blog JQuery, Html, Web Design</description>
	<lastBuildDate>Thu, 21 Apr 2011 08:10:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Détecter l&#8217;iPad en Javascript ou PHP</title>
		<link>http://blog.arnaud-k.fr/2010/04/12/detecter-lipad-en-javascript-ou-php/</link>
		<comments>http://blog.arnaud-k.fr/2010/04/12/detecter-lipad-en-javascript-ou-php/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 11:27:11 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[développement web]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=1664</guid>
		<description><![CDATA[Tu souhaites adapter ton site pour l&#8217;iPad ? Il faut pouvoir l&#8217;identifier afin de charger les bonnes feuilles de styles, les bons templates et les bon JavaScript. Plusieurs solutions s&#8217;offrent à toi faire la détection en PHP ou en JavaScript.&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2010/04/12/detecter-lipad-en-javascript-ou-php/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2010%2F04%2F12%2Fdetecter-lipad-en-javascript-ou-php%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2010%2F04%2F12%2Fdetecter-lipad-en-javascript-ou-php%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p class="aligncenter"><img src="http://blog.arnaud-k.fr/wp-content/uploads/2010/04/iPad_by_yamcharevenge.jpg" alt="" title="" width="500" height="203" class="aligncenter size-full wp-image-1666" /></p>
<p>Tu souhaites adapter ton site pour l&#8217;iPad ? Il faut pouvoir l&#8217;identifier afin de charger les bonnes feuilles de styles, les bons templates et les bon JavaScript.</p>
<p>Plusieurs solutions s&#8217;offrent à toi faire la détection en PHP ou en JavaScript. Tout d&#8217;abord voyons le Javascript :</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span> navigator.<span style="color: #660066;">userAgent</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/iPad/i</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">!=</span> <span style="color: #003366; font-weight: bold;">null</span> <span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
     <span style="color: #006600; font-style: italic;">// javascript à faire si l'iPad est détecté</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Enfin pour le PHP :</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #990000;">strpos</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'HTTP_USER_AGENT'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'iPad'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">!==</span> <span style="color: #009900; font-weight: bold;">null</span> <span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
     <span style="color: #666666; font-style: italic;">// PHP à faire si l'iPad est détecté</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p class="alignright"><em><a href="http://yamcharevenge.deviantart.com/art/iPad-152197039">Photo</a></em></p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2010/04/12/detecter-lipad-en-javascript-ou-php/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Plugin JQuery : galerie photo à la Apple avec ImageFlow</title>
		<link>http://blog.arnaud-k.fr/2009/08/03/plugin-jquery-galerie-photo-a-la-apple-avec-imageflow/</link>
		<comments>http://blog.arnaud-k.fr/2009/08/03/plugin-jquery-galerie-photo-a-la-apple-avec-imageflow/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 10:04:39 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[galerie photo]]></category>
		<category><![CDATA[plugin JQuery]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=1076</guid>
		<description><![CDATA[Le plugin JQuery ImageFlow pert l&#8217;affichage de galeries de photos &#171;&#160;à la Apple&#160;&#187;. Il existait déjà des plugins qui permettaient de le faire avec du flash (se basant sur du XML), à effet équivalent, je préconise bien entendu la version&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/08/03/plugin-jquery-galerie-photo-a-la-apple-avec-imageflow/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F08%2F03%2Fplugin-jquery-galerie-photo-a-la-apple-avec-imageflow%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F08%2F03%2Fplugin-jquery-galerie-photo-a-la-apple-avec-imageflow%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="aligncenter size-full wp-image-1077" title="image-flow" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/08/image-flow.png" alt="image-flow" width="600" height="200" /><strong>Le plugin JQuery <a href="http://imageflow.finnrudolph.de/">ImageFlow</a> pert l&#8217;affichage de galeries de photos &laquo;&nbsp;à la Apple&nbsp;&raquo;</strong>. Il existait déjà des plugins qui permettaient de le faire avec du flash (se basant sur du XML), à effet équivalent, je préconise bien entendu la version JQuery !</p>
<p>Les photos sont donc affichées avec un pseudo affichage en 3D, l&#8217;image du milieu étant devant les autres. <strong>Le plugin JQuery gère également les reflets</strong> (avec transparence) sur les images et une mini scrollbar pour naviguer dans les photos.</p>
<p>Pour augmenter l&#8217;effet, il ne restera plus qu&#8217;à <strong>coupler le plugin JQuery avec un autre plugin de type <a href="http://blog.arnaud-k.fr/2009/developpement-web/jquery-une-lightbox-de-plus-avec-le-plugin-jquery-superbox/">lightbox</a></strong> pour afficher les photos en grand format ! <img src='http://blog.arnaud-k.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/08/03/plugin-jquery-galerie-photo-a-la-apple-avec-imageflow/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

