<?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>JBJ's Blog &#187; Outils</title>
	<atom:link href="http://www.lyxia.org/blog/category/ressources/outils/feed" rel="self" type="application/rss+xml" />
	<link>http://www.lyxia.org/blog</link>
	<description>Lyxia.org</description>
	<lastBuildDate>Sat, 27 Feb 2010 10:24:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Comment supprimer U3 sur clé USB</title>
		<link>http://www.lyxia.org/blog/windows/comment-supprimer-u3-sur-cle-usb-564</link>
		<comments>http://www.lyxia.org/blog/windows/comment-supprimer-u3-sur-cle-usb-564#comments</comments>
		<pubDate>Tue, 11 Aug 2009 10:05:33 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[Ressources]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[Launchpad]]></category>
		<category><![CDATA[removal]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[U3]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=564</guid>
		<description><![CDATA[Personnellement je n’aime pas le programme U3 qui permet d’installer des programmes portables sur votre clé USB pour pouvoir les utiliser partout sans devoir les installer sur le PC. La raison pour laquelle je n’aime pas ce soft est simple : ça prend de la place pour une utilité minime. Je n’ai jamais utilisé ces [...]]]></description>
			<content:encoded><![CDATA[<p>Personnellement je n’aime pas le programme U3 qui permet d’installer des programmes portables sur votre clé USB pour pouvoir les utiliser partout sans devoir les installer sur le PC. La raison pour laquelle je n’aime pas ce soft est simple : ça prend de la place pour une utilité minime. Je n’ai jamais utilisé ces softs (même pas firefox…). Le seul point positif est qu’on sait protéger la clé USB avec un code, mais ceci n’est pas possible si l’on utilise Mac OS, donc encore un moins pour ces personnes.</p>
<p>La solution est donc de supprimer ce programme… mais comment ? Vous avez certainement déjà dû tester le formatage, cela formate bien sûr la clé, mais étonnamment ne supprime pas U3.</p>
<p>La solution est donc d’utiliser le « <strong>Launchpad removal tool</strong>« , cet utilitaire est disponible à <a title="Launchpad removal tool" href="http://www.sandisk.com/Assets/u3/launchpadremoval.exe" target="_blank">Cette adresse</a>. Lancez l’utilitaire et suivez les instructions, c’est très simple et intuitif.</p>
<p><strong><span style="color: #ff0000">ATTENTION : Cette action n’est pas réversible, il n'est pas possible de ré-installer le Launchpad U3 par la suite ! Soyez donc bien sur que vous voulez supprimer l’U3.</span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/windows/comment-supprimer-u3-sur-cle-usb-564/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Rendu de son site sur différents navigateurs</title>
		<link>http://www.lyxia.org/blog/ressources/rendu-de-son-site-sur-differents-navigateurs-474</link>
		<comments>http://www.lyxia.org/blog/ressources/rendu-de-son-site-sur-differents-navigateurs-474#comments</comments>
		<pubDate>Mon, 08 Jun 2009 08:34:25 +0000</pubDate>
		<dc:creator>jbl</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[Ressources]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=474</guid>
		<description><![CDATA[Développeur de sites internet il est impératif de tester ses sites sous différents navigateurs afin d'en vérifier le bon rendu et d'en garantir le maximum de compatibilité.
Il existe des solutions simples et rapides pour les développeurs web pressés mais un minimum consciencieux.
La première que j'ai retenue, la plus rapide et complète lorsqu'on veut dégrossir le [...]]]></description>
			<content:encoded><![CDATA[<p>Développeur de sites internet il est impératif de tester ses sites sous différents navigateurs afin d'en vérifier le bon rendu et d'en garantir le maximum de compatibilité.</p>
<p>Il existe des solutions simples et rapides pour les développeurs web pressés mais un minimum consciencieux.</p>
<p>La première que j'ai retenue, la plus rapide et complète lorsqu'on veut dégrossir le boulot, est d'utiliser un service en ligne de captures d'écran <a href="http://browsershots.org" target="_blank" rel="nofollow">http://browsershots.org</a></p>
<p><center><img src="/blog/wp-content/uploads/2009/06/browsershots.jpg" alt="browsershots .org"/></center></p>
<p>Vous indiquez l'url du site à tester et il vous fait des captures d'écran sous les différents navigateurs. Le soucis du détail est un peu délaissé mais c'est déjà une bonne base. Un très grand choix de navigateurs est proposé.</p>
<p><center><img src="/blog/wp-content/uploads/2009/06/browsershots2.jpg" alt="browsershots .org"/></center></p>
<p>Néanmoins pour plus de précision rien de tel que d'installer les principaux navigateurs sur son PC...</p>
<p>Et quand c'est plus difficile à réaliser comme avoir les différentes versions d'Internet Explorer là aussi il y a une solution qui s'appelle <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IE Tester</a>, un utilitaire gratuit qui va vous permettre de tester votre site sur les différentes versions d'Internet Explorer 5.5 6 7 8</p>
<p><center><img src="/blog/wp-content/uploads/2009/06/ietester.jpg" alt="ie tester"/></center></p>
<p>Si vous connaissez d'autres solutions "légères" n'hésitez pas.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/rendu-de-son-site-sur-differents-navigateurs-474/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>loading.gif</title>
		<link>http://www.lyxia.org/blog/ressources/outils/loadinggif-416</link>
		<comments>http://www.lyxia.org/blog/ressources/outils/loadinggif-416#comments</comments>
		<pubDate>Thu, 26 Mar 2009 20:41:39 +0000</pubDate>
		<dc:creator>jbl</dc:creator>
				<category><![CDATA[Outils]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=416</guid>
		<description><![CDATA[Voici un outil en ligne bien pratique pour générer différentes sortes d'images de loading.]]></description>
			<content:encoded><![CDATA[<p>Voici un outil en ligne bien pratique pour générer différentes sortes d'images de loading animées (loading.gif). Il est possible de choisir la forme, la couleur du fond et la couleur de l'image.</p>
<p><a href="http://www.ajaxload.info" rel="nofollow" target="_blank"><img src="/blog/wp-content/uploads/2009/03/ajaxload.jpg" alt=""/></a></p>
<p>Quelques loading.gif générés par cet outil :<br />
<center><br />
<img src="/blog/wp-content/uploads/2009/03/loading1-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading2-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading5-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading8-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading19-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading25-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading32-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading36-1.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading36-2.gif" alt="loading..."/></p>
<p><img src="/blog/wp-content/uploads/2009/03/loading36-3.gif" alt="loading..."/><br />
</center></p>
<p>Vous trouverez cet outil loading.gif à cette adresse <a href="http://www.ajaxload.info" rel="nofollow" target="_blank">ajaxload.info</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/outils/loadinggif-416/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6 raccourcis Firefox méconnus mais utiles</title>
		<link>http://www.lyxia.org/blog/ressources/outils/6-raccourcis-firefox-meconnus-mais-utiles-261</link>
		<comments>http://www.lyxia.org/blog/ressources/outils/6-raccourcis-firefox-meconnus-mais-utiles-261#comments</comments>
		<pubDate>Sun, 13 Apr 2008 09:24:13 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[raccourcis]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=261</guid>
		<description><![CDATA[En terme de fonctionnalités, le navigateur open-source Firefox est de loin le plus évolué. Voici une petite sélection de raccourcis clavier assez méconnus mais qui vous rendront de fiers services et vous aideront à naviguer encore plus efficacement.]]></description>
			<content:encoded><![CDATA[<p>En terme de fonctionnalités, le navigateur open-source Firefox est de loin le plus évolué. Voici une petite sélection de raccourcis clavier assez méconnus mais qui vous rendront de fiers services et vous aideront à naviguer encore plus efficacement.</p>
<p><strong>Ctrl+Maj+T</strong><br />
C'est arrivé à tout le monde: Vous avez fermé par inadvertance un onglet alors que vous ne le souhaitiez pas. Bien sûr, vous pouvez allez dans <em>Historique</em> > <em>Onglets récemment fermés</em> et réouvrir la page en question, mais pourquoi faire compliqué quand on peut faire simple?</p>
<p><strong>Ctrl+1</strong><br />
Voilà une manière rapide de naviguer via les onglets ouverts: Il suffit de presser <em>Ctrl</em> puis d'appuyer sur la touche correspondant à l'onglet que vous souhaitez consulter. Par exemple, <em>Ctrl+4</em> affichera le quatrième onglet.</p>
<p><strong>Ctrl+F5</strong><br />
Peu d'utilisateurs ignorent que la touche F5 sert à réactualiser la page courante. Seulement voilà, la page est réactualisée en utilisant le cache local de votre browser. Utiliser <em>Ctrl+F5</em> réactualisera la page en vidant le cache local pour cette page et re-téléchargera la page sur le serveur. Vous disposerez ainsi de la toute dernière version disponible.<br />
Ce raccourcis clavier est selon moi indispensable à tout webdesigner/intégrateur/développeur web. Si vous saviez le nombre de personnes, au boulot, qui m'ont assuré que la modification demandée n'avait pas été prise en compte alors qu'il voyait en fait...une version de la page provenant de leur cache local!</p>
<p><strong>Ctrl+Maj+Enter</strong><br />
Si vous tapez <em>google</em> dans la barre d'adresse de Firefox, celui-ci vous emmènera directement sur www.google.com. Mais si vous tapez <em>lyxia</em>, vous arriverez sur les résultats de recherche google pour <em>lyxia</em>, mon nom de domaine n'étant pas en .com mais en .org.<br />
Pour aller directement à une adresse en .org, appuyez sur <em>Ctrl+Maj+Enter</em> au lieu d'enter tout court. Et si l'adresse que vous souhaitez visiter est en .net, pas de problème, utilisez <em>Maj+Enter</em>.</p>
<p><strong>Recherche rapide et recherche de lien</strong><br />
Tout le monde connait le bon vieux <em>Ctrl+F</em> pour effectuer une recherche. Essayer donc de taper un slash "/": vous pourrez effectuer une recherche sur la page courante.<br />
Encore mieux, taper une simple quote ' vous permettra d'effectuer une recherche dans la page courante, portant uniquement sur les liens.</p>
<p><strong>Alt+Home</strong><br />
Malheureusement impossible à effectuer sur un Mac à ma connaissance, ce petit Alt+Home vous ramènera à votre page d'accueil. Basique certes, mais utile lorsque vous utilisez peu la souris pour la consultation de pages web.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/outils/6-raccourcis-firefox-meconnus-mais-utiles-261/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Une interface graphique pour gérer les options cachées de Firefox</title>
		<link>http://www.lyxia.org/blog/ressources/outils/une-interface-graphique-pour-gerer-les-options-cachees-de-firefox-239</link>
		<comments>http://www.lyxia.org/blog/ressources/outils/une-interface-graphique-pour-gerer-les-options-cachees-de-firefox-239#comments</comments>
		<pubDate>Sun, 16 Mar 2008 09:39:38 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
				<category><![CDATA[Outils]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/ressources/outils/une-interface-graphique-pour-gerer-les-options-cachees-de-firefox-239</guid>
		<description><![CDATA[J'avais parlé il y à quelques mois d'about:config, un panneau d'options "caché" de Firefox, qui permettait des réglages très fins et pouvant par exemple limiter l'usage de RAM par le navigateur. Bien que cette interface possède tout ce qu'il faut pour administrer votre navigateur, elle n'en reste pas moins assez austère et pas très claire pour les novices. Heureusement, l'extension Configuration Mania va nous fournir une interface graphique nous permettant de configurer le browser sans se fatiguer.]]></description>
			<content:encoded><![CDATA[<p>J'avais parlé il y à quelques mois d'about:config, un panneau d'options "caché" de Firefox, qui permettait des réglages très fins et pouvant par exemple limiter l'usage de RAM par le navigateur. Bien que cette interface possède tout ce qu'il faut pour administrer votre navigateur, elle n'en reste pas moins assez austère et pas très claire pour les novices. Heureusement, l'extension <em>Configuration Mania</em> va nous fournir une interface graphique nous permettant de configurer le browser sans se fatiguer.</p>
<p>Pour installer Configuration Mania,  rien de plus simple: Rendez-vous sur <a href="https://addons.mozilla.org/en-US/firefox/addon/4420">cette page</a> et cliquez sur le gros bouton "Install now". Cette extension fonctionne sous Firefox 2 et Firefox 3 beta. Il vous faudra redémarrer votre navigateur pour terminer l'installation, heureusement celui-ci vous ré-ouvrira tous vos onglets une fois relancé.</p>
<p>Pour accéder à <em>Configuration Mania</em>, allez dans le menu utils et choisissez <em>Configuration Mania</em>. Le panneau de configuration s'ouvrira alors, reprenant la plupart des options disponibles par le biais d'about:config.<br />
Je n'ai testé ce plugin-in que sous Mac, et comme en témoigne la capture d'écran ci-dessous, le moins que l'on puisse dire c'est que la GUI ne passe pas super bien sous ce système. Dommage de privilégier Windows une fois de plus, mais bon, le principal est là: c'est clair, facile et rapide.</p>
<p><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/03/configurationmania-firefox.png" alt="configurationmania-firefox.png" /></p>
<p>Un autre avantage de <em>Configuration Mania</em> est la possibilité d'explorer les options disponibles avec une description beaucoup plus parlante qu'un vulgaire nom de variable. Idéal pour trouver des options dont on n'avais jamais entendu parler avant.</p>
<h2>A voir aussi</h2>
<p>Si vous avez trouvé cet article utile, ceux-ci pourraient également vous intéresser:</p>
<ul>
<li><a href="http://www.lyxia.org/blog/ressources/8-astuces-pour-doper-firefox-95">8 astuces pour doper Firefox</a></li>
<li><a href="http://www.lyxia.org/blog/mac/testez-firefox-3-sous-mac-en-toute-securite-avec-multifirefox-215">Testez Firefox 3 sous Mac en toute sécurité avec MultiFirefox</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/outils/une-interface-graphique-pour-gerer-les-options-cachees-de-firefox-239/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Trouver du contenu multimedia sur Google avec Google Hacks</title>
		<link>http://www.lyxia.org/blog/ressources/outils/trouver-du-contenu-multimedia-sur-google-avec-google-hacks-126</link>
		<comments>http://www.lyxia.org/blog/ressources/outils/trouver-du-contenu-multimedia-sur-google-avec-google-hacks-126#comments</comments>
		<pubDate>Thu, 06 Dec 2007 08:58:06 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[mp3]]></category>
		<category><![CDATA[télécharger]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/actualite/trouver-du-contenu-multimedia-sur-google-avec-google-hacks-126</guid>
		<description><![CDATA[Sur une de ses pages google code, Google propose au téléchargement un outil très pratique à quiquonque souhaite trouver et télécharger du contenu multimedia, que ce soit des applications, de la musique, des videos ou même... des numéros de série de logiciels proprios.]]></description>
			<content:encoded><![CDATA[<p>Sur une de ses pages google code, Google propose au téléchargement un outil très pratique à quiquonque souhaite trouver et télécharger du contenu multimedia, que ce soit des applications, de la musique, des videos ou même... des numéros de série de logiciels proprios.</p>
<p><a href="http://code.google.com/p/googlehacks/">Google hacks</a> est disponible pour GNU/Linux, Mac OS et Windows. Son interface est uniquement composée d'une simple fenetre minimaliste: Un champ de recherche et quelques boutons radions.<br />
Pourtant, les possibilitées offertes par ce programme sont nombreuses puisqu'en effet, il vous sera proposer de rechercher de la musique, des videos, des liens torrent, des polices de caractères, des applications, des livres, des paroles de chansons, des données provenant du cache de Google et même des numéros de série.</p>
<p style="text-align: center"> <img src="http://www.lyxia.org/blog/wp-content/uploads/2007/12/google_hacks.jpg" alt="google_hacks.jpg" /></p>
<p>Une initiative qui, même si son succès auprès du public est assuré, risque de ne être particulièrement appréciée par les éditeurs de logiciels proprios et surtout de nos amis de la "mission" Olivennes.<br />
Il est toutefois à noter que l'utilisation de Google Hacks n'est pas illégale, loin s'en faut. Ce qui est illégal, c'est de se servir de cette application pour télécharger du contenu sous copyright.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/outils/trouver-du-contenu-multimedia-sur-google-avec-google-hacks-126/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Toutes les ressources pour créer un design 2.0</title>
		<link>http://www.lyxia.org/blog/design/toutes-les-ressources-pour-creer-un-design-20-122</link>
		<comments>http://www.lyxia.org/blog/design/toutes-les-ressources-pour-creer-un-design-20-122#comments</comments>
		<pubDate>Sat, 01 Dec 2007 22:17:28 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Outils]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/tutoriaux/toutes-les-ressources-pour-creer-un-design-20-122</guid>
		<description><![CDATA[Depuis environ deux ans, la mode online est au web 2.0, thême fourre-tout mais pourtant caractérisé par un style de design au couleurs vives, au gros titres, et à l'utilisation intensive de css et ajax.
En ce qui concerne ici le design "pur" de nombreuses ressources gratuites et disponibles en ligne vous permettrons de vous lancer sans plus attendre dans la création d'un design web 2.0.]]></description>
			<content:encoded><![CDATA[<p>Depuis environ deux ans, la mode online est au <em>web 2.0</em>, thème fourre-tout mais pourtant caractérisé par un style de design aux couleurs vives, aux gros titres, et à l'utilisation intensive de css et ajax.<br />
En ce qui concerne ici le design "pur" de nombreuses ressources gratuites et disponibles en ligne vous permettrons de vous lancer sans plus attendre dans la création d'un design web 2.0.</p>
<h2>Les couleurs</h2>
<p>Les couleurs du web 2.0 se caractérisent souvent par l'emploi de couleurs vives. De nombreux sites ont récemment publiés des palettes de couleurs <em>web 2.0</em>, essentiellement reprenant les codes couleurs des principaux acteurs du sujet.<br />
On trouvera ici <a href="http://www.info-graphistes.com/ressources/palette-de-22-couleurs-web-20.html">22 couleurs pour le web 2.0</a> et <a href="http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette">là</a> un autre article un peu plus complet.<br />
Toutefois, le designer en quêtes de compositions couleurs originales préférera se tourner vers des sites spécialisés tels que <a href="http://www.colr.org/">http://www.colr.org/</a> qui proposent des compositions originales soumises par les utilisateurs, à la manière d'un <em>digg-like</em>.</p>
<h2>Les stripes</h2>
<p>Un autre élément que l'on à tendance à retrouver sur quantité de designs estampillés web 2.0 sont les  backgrounds rayés.  L'outil en ligne <a href="http://www.stripegenerator.com/">Stripe Generator</a> propose, après quelques réglages effectués par vos soins, de vous créer automatiquement le background rayé de votre choix. Un excellent outil pour ceux qui n'ont pas l'envie (ou le temps) d'apprendre à créer ce genre d'image eux-mêmes.</p>
<h2>Les dégradés de couleurs</h2>
<p><a href="http://www.azork.net/dotclear/index.php?">Azork</a> à récemment posté sur son blog <a href="http://www.azork.net/dotclear/index.php?post/2007/10/28/Styles-de-calque-pour-le-Web-Adobe-Photoshop">70 styles de calques "à la sauce 2.0"</a> qui vous permettrons aux possesseurs de Photoshop de créer en quelques secondes de jolis dégradés pour vos boutons, headers, barres de nav...Un <em>must see</em>!</p>
<h2>Logo et polices de caractères</h2>
<p>Le site <a href="http://www.urbanfonts.com/">http://www.urbanfonts.com/</a> est rapidement devenu une référence en matière de police web 2.0. Même s'il serait archi-ridicule de définir telle ou telle police comme étant web 2.0 et une autre ne l'étant pas, un grand nombre de fontes présentes sur ce site s'adapteront parfaitement dans un design moderne.</p>
<p>Voilà pour les ressources les plus intéressantes à mon gout. Si il vous en faut plus, une bonne vieille recherche google vous donnera des milliers de résultats, le thèmes ayant été abordé par des milliers de blogueurs.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/design/toutes-les-ressources-pour-creer-un-design-20-122/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A quoi ressemble votre site sur un mobile?</title>
		<link>http://www.lyxia.org/blog/ressources/outils/a-quoi-ressemble-votre-site-sur-un-mobile-31</link>
		<comments>http://www.lyxia.org/blog/ressources/outils/a-quoi-ressemble-votre-site-sur-un-mobile-31#comments</comments>
		<pubDate>Sat, 25 Aug 2007 18:33:22 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[opera]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/developpement/a-quoi-ressemble-votre-site-sur-un-mobile-31</guid>
		<description><![CDATA[En regardant mes stats, je me suis aperçu qu'un lecteur utilisait fréquemment son portable pour se connecter. J'ai voulu savoir à quoi pouvait bien ressembler mon blog, visionné d'un téléphone mobile.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.lyxia.org/blog/wp-content/uploads/2007/08/mobile.png" alt="mobile.png" style="float: left; margin-right: 5px" />En regardant mes stats, je me suis aperçu qu'un lecteur utilisait fréquemment son portable pour se connecter. J'ai voulu savoir à quoi pouvait bien ressembler mon blog, visionné d'un téléphone mobile.</p>
<p>Proposé par Opera, <a href="http://www.operamini.com/demo/">cet outil</a> permet de simuler la visualisation d'un site web via un portable équipé du navigateur <em>Opera Mini</em>.<br />
Le site <a href="http://ready.mobi">http://ready.mobi</a> permet quand à lui de tester le rendu d'un site sous plusieurs appareils tel que les Nokia N70, Samsung z105, Sony Ericsson k750i, Motorola v3i et Sharp GX-10.</p>
<p>Je n'ai pas encore eu l'occasion de développer un site devant être pleinement compatible mobile. A première vue, l'idéal serait selon moi d'avoir recours à une seconde version du site, allégée, spécialement destinée au utilisateurs de portables. Il me semble que c'est la solution choisie par Myspace notamment, et certainement beaucoup d'autres.<br />
Concrètement, il y a plusieurs choses à prendre un compte pour une navigation optimale sur mobile, compte tenu de la taille réduite de l'écran et surtout de la différence de puissance comparé à un ordinateur.</p>
<h2>Optimisez votre site</h2>
<p><strong>Bonnes pratiques:</strong></p>
<ul>
<li> Un site conforme aux standarts et aux normes d'accessibilité</li>
<li>L'utilisation de pourcentages ou d'<em>ems</em> au lieu d'unités fixe comme le pixel.</li>
<li>Une mise en page compacte, par exemple sur une colonne unique</li>
<li> Un code optimisé et rapide à charger</li>
</ul>
<p><strong>A éviter:</strong></p>
<ul>
<li>Les images décoratives, le flash</li>
<li>Le code Javascript</li>
<li>Les tailles définies de manière fixe (pixels par exemple)</li>
</ul>
<p>D'une manière générale, on constate que la plupart des sites respectant les standarts du W3C s'affiche d'une manière correcte et offrent une navigation agréable sur un mobile. Il n'en est pas de même pour les sites "à l'ancienne", bourrés de tableaux imbriqués et de <em>spacer.gif</em>.<br />
Le W3C offre un ensemble de ressources disponibles <a href="http://www.w3.org/Mobile/">ici</a>, ainsi qu'<a href="http://validator.w3.org/mobile/">un outil pour vérifier vos pages</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/outils/a-quoi-ressemble-votre-site-sur-un-mobile-31/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
