<?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>Blog - VISKALI &#187; Screenfly</title>
	<atom:link href="http://blog.viskali.fr/tag/screenfly/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.viskali.fr</link>
	<description>Les ressources du Web</description>
	<lastBuildDate>Thu, 13 Oct 2016 12:18:57 +0000</lastBuildDate>
	<language>fr-FR</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>Responsive Design : Tester son site web</title>
		<link>http://blog.viskali.fr/responsive-design-tester-son-site-web/</link>
		<comments>http://blog.viskali.fr/responsive-design-tester-son-site-web/#comments</comments>
		<pubDate>Tue, 29 Jul 2014 07:29:36 +0000</pubDate>
		<dc:creator><![CDATA[Alexandre]]></dc:creator>
				<category><![CDATA[CSS / CSS3]]></category>
		<category><![CDATA[Ressources & Outils]]></category>
		<category><![CDATA[Responsive design]]></category>
		<category><![CDATA[Screenfly]]></category>

		<guid isPermaLink="false">http://www.viskali.fr/Blog/?p=53</guid>
		<description><![CDATA[<p>Au vu de l&#8217;évolution technologique constante constatée jour après jour, les sites et applications web doivent être Responsive Design (c&#8217;est à dire, être en capacité de s&#8217;adapter aux différentes résolutions et tailles d&#8217;écran). À moins d’avoir à disposition tous les terminaux disponibles,&#8230;
<p class="more-link"><a href="http://blog.viskali.fr/responsive-design-tester-son-site-web/">Continue reading <span class="meta-nav">&#8594;</span></a></p>
<p>Cet article <a rel="nofollow" href="http://blog.viskali.fr/responsive-design-tester-son-site-web/">Responsive Design : Tester son site web</a> est apparu en premier sur <a rel="nofollow" href="http://blog.viskali.fr">Blog - VISKALI</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p style="text-align: justify;">Au vu de l&rsquo;évolution technologique constante constatée jour après jour, les sites et applications web doivent être <strong>Responsive Design</strong> (c&rsquo;est à dire, être en capacité de s&rsquo;adapter aux différentes résolutions et tailles d&rsquo;écran).</p>
<p style="text-align: justify;">À moins d’avoir à disposition tous les terminaux disponibles, la question à se poser est la suivante: <strong>comment un développeur peut visualiser la résolution de son site web sous différents terminaux ?</strong></p>
<p><span id="more-53"></span></p>
<p style="text-align: justify;">Pour cela, on peut donc se tourner vers le site <a href="http://quirktools.com/screenfly/" target="_blank">Screenfly</a>, qui permet de tester ses sites ou applications web sur de nombreux terminaux, parmi les plus populaires.</p>
<p style="text-align: justify;">Concernant les tablettes on pourra retrouver :</p>
<ul>
<li>Le Kindle Fire HD 7&nbsp;&raquo; (533 x 853)</li>
<li>Le Kindle Fire (600 x 800)</li>
<li>Le Samsung Galaxy Tab (600 x 1024)</li>
<li>Le Google Nexus 7 (603 x 966)</li>
<li>L&rsquo;iPad 1-3/Mini (768 x 1024)</li>
<li>Le Kindle Fire HD 8.9&nbsp;&raquo; (800 x 1280)</li>
</ul>
<p><span id="spans9e0">Évidemment</span> <span id="spans9e1">côté mobile</span> on retrouvera l&rsquo;iPhone 3, 4, 5 et la suite Samsung.</p>
<p>On peut même tester son site web sous les résolutions 480p, 720p, 1080p .</p>
<p>Un petit exemple de résolution sous iPad 3 :</p>
<p><a href="http://www.viskali.fr/Blog/wp-content/uploads/2014/07/2014-07-28_1736311.jpg" class="gallery_colorbox"><img class="alignnone size-full wp-image-56" src="http://www.viskali.fr/Blog/wp-content/uploads/2014/07/2014-07-28_1736311.jpg"  alt="2014-07-28_173631" width="768" height="564" /></a></p>
<p>Un bon outil très fonctionnel !</p>
<p>Cet article <a rel="nofollow" href="http://blog.viskali.fr/responsive-design-tester-son-site-web/">Responsive Design : Tester son site web</a> est apparu en premier sur <a rel="nofollow" href="http://blog.viskali.fr">Blog - VISKALI</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.viskali.fr/responsive-design-tester-son-site-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
