<?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>slDesign &#187; Firefox</title>
	<atom:link href="http://sldesign.openwab.com/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://sldesign.openwab.com</link>
	<description>Web, Dév &#38; More...</description>
	<lastBuildDate>Wed, 13 Oct 2010 10:09:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Mozilla sort Firefox 4</title>
		<link>http://sldesign.openwab.com/2010/08/16/mozilla-sort-firefox-4/</link>
		<comments>http://sldesign.openwab.com/2010/08/16/mozilla-sort-firefox-4/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 09:42:30 +0000</pubDate>
		<dc:creator>Steve Leherpeux</dc:creator>
				<category><![CDATA[Logiciels]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[navigateurs]]></category>

		<guid isPermaLink="false">http://sldesign.openwab.com/2010/08/16/mozilla-sort-firefox-4/</guid>
		<description><![CDATA[Mozilla a mis à disposition du public la deuxième beta de Firefox 4. A propos de cette version : Il s&#8217;agit du deuxième Firefox 4 Beta, basé sur la plate-forme Gecko 2.0 Web. Cette Firefox 4 Beta est considéré comme stable et sûre à utiliser pour naviguer sur le Web tous les jours, si les [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fsldesign.openwab.com%2F2010%2F08%2F16%2Fmozilla-sort-firefox-4%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fsldesign.openwab.com%2F2010%2F08%2F16%2Fmozilla-sort-firefox-4%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><strong>Mozilla</strong> a mis à disposition du public la deuxième beta de <strong>Firefox 4</strong>.</p>
<p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://static.mozilla.com/mozeu/images/firefox-wordmark-horizontal_small.png" /> </p>
<h2>A propos de cette version : </h2>
<p>Il s&#8217;agit du deuxième Firefox 4 Beta, basé sur la plate-forme Gecko 2.0 Web. Cette Firefox 4 Beta est considéré comme stable et sûre à utiliser pour naviguer sur le Web tous les jours, si les caractéristiques et le contenu peuvent changer avant la version finale du produit.</p>
<p>Avant la réalisation du test, je vous fais part des différentes modifications apportées et publiées sur le site de Mozilla.</p>
<p> <span id="more-914"></span><br />
<h2>Quelques nouveautés : </h2>
<ul>
<li>Firefox 4 Beta 2 est disponible en 24 langues .</li>
<li>Les onglets sont désormais sur le dessus par défaut sur <em>Windows et OSX</em> &#8211; Linux va changer lorsque le thème a été modifié pour supporter le changement.</li>
<li>Vous pouvez activer un onglet dans un onglet &quot;App&quot; par un clic droit dessus et en sélectionnant &quot;Faire en App Tab&quot; dans le menu contextuel.</li>
<li>Les développeurs Web peuvent animer le contenu en utilisant CSS Transitions .</li>
<li>La réactivité et l&#8217;amélioration du défilement.</li>
<li>Améliorations de la vitesse JavaScript due à des optimisations du moteur .</li>
<li>Les changements à la façon dont les composants XPCOM sont enregistrés afin d&#8217;aider les temps de démarrage et de la séparation processus.</li>
<li>Voir la liste de modifications complète de la version bêta précédente .</li>
</ul>
<p><strong>En plus de ces fonctionnalités des précédentes versions bêta de Firefox 4:</strong></p>
<ul>
<li>Vous pouvez rechercher et passer à onglets déjà ouverts dans la barre d&#8217;adresse intelligente</li>
<li>Addons Nouveau gestionnaire d&#8217;extension et de la gestion API (interface utilisateur sera modifiée avant la version finale)</li>
<li>Importantes améliorations API sont disponibles pour JS-ctypes, une interface de fonction étrangère pour les extensions.</li>
<li>L&#8217;arrêt et les boutons de recharge ont été fusionnés en un seul bouton sur Windows, Mac et Linux.</li>
<li>La barre des signets a été remplacé par un bouton de signets par défaut (vous pouvez le réactiver si vous voulez).</li>
<li>Protection contre les chocs pour Windows, Linux, Mac et quand il ya un accident dans le Flash d&#8217;Adobe, Apple Quicktime ou Microsoft Silverlight plugins.</li>
<li>Transitions CSS sont partiellement pris en charge.</li>
<li>Full WebGL support est inclus, mais désactivé par défaut pour le moment.</li>
<li>Core Animation modèle de rendu des plugins sur Mac OS X. Plugins qui a également l&#8217;appui de ce modèle de rendu peuvent maintenant tirer rapidement et plus efficacement.</li>
<li>Prise en charge native de la HD HTML5 Webm format vidéo.</li>
<li>Un Direct2D expérimentale rendu backend est disponible sur Windows, désactivé par défaut.</li>
<li>Les développeurs Web peuvent utiliser Websockets pour une faible complexité, de faible latence, les communications bidirectionnelles API.</li>
<li>Les développeurs Web peuvent mettre à jour le champ URL sans recharger la page en utilisant les API Histoire HTML .</li>
<li>Plus sensibles en utilisant la page de rendu construction à ossature de paresseux .</li>
<li>recherche historique Link se fait de manière asynchrone pour assurer une meilleure réactivité lors pageLoad.</li>
<li>CSS: les sélecteurs visités ont été modifiées pour bloquer les sites Web d&#8217;être en mesure de vérifier l&#8217;historique de navigation utilisateur un .</li>
<li>Nouvelle HTML5 analyseur .</li>
<li>Support pour plus d&#8217;HTML5 contrôles de formulaire.</li>
</ul>
<p>Source : <a href="http://www.mozilla.com/en-US/firefox/4.0b2/releasenotes/">http://www.mozilla.com/en-US/firefox/4.0b2/releasenotes/</a></p>
<h2>Téléchargement</h2>
<p>Vous pouvez télécharger la dernière beta de Firefox 4 <a href="http://www.mozilla.com/en-US/firefox/all-beta.html">à cette adresse</a> ou directement sur le<a href="http://releases.mozilla.org/pub/mozilla.org/firefox/releases/4.0b2/">FTP de Mozilla</a>.</p>
<p>L’installation n’écrasera pas votre version actuelle de Firefox <img src='http://sldesign.openwab.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://sldesign.openwab.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://sldesign.openwab.com/2010/08/16/mozilla-sort-firefox-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Extension Firefox pour développeurs PHP</title>
		<link>http://sldesign.openwab.com/2010/07/27/extension-firefox-pour-developpeurs-php/</link>
		<comments>http://sldesign.openwab.com/2010/07/27/extension-firefox-pour-developpeurs-php/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 07:14:59 +0000</pubDate>
		<dc:creator>Steve Leherpeux</dc:creator>
				<category><![CDATA[Logiciels]]></category>
		<category><![CDATA[Extension]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Outil]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://sldesign.openwab.com/?p=707</guid>
		<description><![CDATA[Firefox on le sait est un navigateur très puissant et il l&#8217;est d&#8217;autant plus pour les développeurs. Vous connaissez surement l&#8217;extension &#171;&#160;Développer toolbar&#160;&#187; ou encore &#171;&#160;Firebug&#160;&#187;&#8230; mais connaissez-vous l&#8217;extension &#171;&#160;PHP Développer Toolbar&#160;&#187;? Si vous ne connaissez pas cette extension, elle vous permet d&#8217;avoir accès à de nombreux outils dédiés aux développeurs PHP Je vous propose [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fsldesign.openwab.com%2F2010%2F07%2F27%2Fextension-firefox-pour-developpeurs-php%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fsldesign.openwab.com%2F2010%2F07%2F27%2Fextension-firefox-pour-developpeurs-php%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignleft size-full wp-image-720" style="margin: 5px;" title="Extension Firefox Développer Toobar splash screen" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/firefox-ext-php-spash-screen.jpg" alt="Extension Firefox Développer Toobar splash screen" width="322" height="305" />Firefox on le sait est un navigateur très puissant et il l&#8217;est d&#8217;autant plus pour les développeurs. Vous connaissez surement l&#8217;extension &laquo;&nbsp;Développer toolbar&nbsp;&raquo; ou encore &laquo;&nbsp;Firebug&nbsp;&raquo;&#8230; mais connaissez-vous l&#8217;extension &laquo;&nbsp;PHP Développer Toolbar&nbsp;&raquo;?</p>
<p>Si vous ne connaissez pas cette extension, elle vous permet d&#8217;avoir accès à de nombreux outils dédiés aux développeurs PHP</p>
<p>Je vous propose dans cet article de découvrir cette extension qui vous apportera beaucoup de confort.</p>
<p><span id="more-707"></span></p>
<hr class="clear_all" />
<h2>I &#8211; En quelques mots :</h2>
<p>Cette extension vous permet d&#8217;avoir directement accès à la documentation php.net.</p>
<h2>II &#8211; Présentation par l&#8217;auteur :</h2>
<p>Une barre d&#8217;outils développés pour les développeurs PHP. Elle vous permet de chercher dans plusieurs sites Web, l&#8217;accès des communautés de développeurs et de projets.<br />
Les raccourcis vous permettent de rechercher rapidement, voir les descriptions des fonction ou de réaliser des recherches dans des sites Web officiels.<br />
Il  vous fournit également des liens vers de nombreux outils très  intéressants, tous fabriqués en PHP  et d&#8217;avoir accès à de nombreux groupes d&#8217;utilisateurs à travers le monde.<br />
Vous pouvez également générer des classes et des formulaires HTML facilement, avec le Générateur PHP.</p>
<h2>III &#8211; Installation :</h2>
<p>Rendez-vous à l&#8217;adresse <a title="Site de l'extension firefox php" href="https://addons.mozilla.org/fr/firefox/addon/12686/" target="_blank">https://addons.mozilla.org/fr/firefox/addon/12686/</a> puis cliquez sur <img class="alignnone size-full wp-image-708" title="Bouton firefox ajouter extension" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/bt-add-to-firefox.jpg" alt="Bouton firefox ajouter extension" width="219" height="42" /></p>
<p>Suivez les instructions et redémarrez Firefox.</p>
<div id="attachment_710" class="wp-caption alignnone" style="width: 578px"><img class="size-full wp-image-710" title="Installation de PHP Développer Toolbar" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/1-php-dev-toolbar-install.jpg" alt="Installation de PHP Développer Toolbar" width="568" height="385" /><p class="wp-caption-text">Figure 1 - Installation de PHP Développer Toolbar</p></div>
<div id="attachment_711" class="wp-caption alignnone" style="width: 539px"><img class="size-full wp-image-711" title="Processus d'installation de l'extension PHP développer Toolbar" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/2-php-dev-toolbar-install-process.jpg" alt="Processus d'installation de l'extension PHP développer Toolbar" width="529" height="386" /><p class="wp-caption-text">Figure - Processus d&#39;installation de l&#39;extension PHP développer Toolbar</p></div>
<p>Votre extension est maintenant activée dans la liste de vos extensions.</p>
<div id="attachment_712" class="wp-caption alignnone" style="width: 554px"><img class="size-full wp-image-712" title="Liste des extension firefox" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/3-php-dev-toolbar-ext-liste.jpg" alt="Liste des extension firefox" width="544" height="497" /><p class="wp-caption-text">Figure 3 - Liste des extension firefox</p></div>
<h2>IV &#8211; Utilisation</h2>
<p>Après activation, cette extension se présente sous forme d&#8217;une barre d&#8217;outils :</p>
<div id="attachment_713" class="wp-caption alignnone" style="width: 439px"><img class="size-full wp-image-713" title="Barre d'outils PHP développer de Firefox" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/4-php-dev-toolbar-ext-toolbar.jpg" alt="Barre d'outils PHP développer de Firefox" width="429" height="34" /><p class="wp-caption-text">Figure 4 - Barre d&#39;outils PHP développer de Firefox</p></div>
<h3>1°) Accès documentation</h3>
<p>Le premier bouton vous permet de filtrer sur les différentes sections de recherche :</p>
<ul>
<li>Fonctions PHPSite php.net</li>
<li>Class php</li>
<li>Pecl</li>
<li>Pear</li>
</ul>
<div id="attachment_714" class="wp-caption alignnone" style="width: 278px"><img class="size-full wp-image-714" title="Filtre sur les sections de recherche de PHP" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/5-php-dev-toolbar-bt-search.jpg" alt="Filtre sur les sections de recherche de PHP" width="268" height="194" /><p class="wp-caption-text">Figure 5 - Filtre sur les sections de recherche de PHP</p></div>
<p>Dans la zone de recherche, il vous suffit de saisir le ou les premiers caractères de la fonction recherchée afin de voir s&#8217;afficher les différentes propositions.</p>
<div id="attachment_715" class="wp-caption alignnone" style="width: 306px"><img class="size-full wp-image-715" title="Aide à la recherche de fonctions PHP" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/6-php-dev-toolbar-propositions.jpg" alt="Aide à la recherche de fonctions PHP" width="296" height="366" /><p class="wp-caption-text">Figure6 - Aide à la recherche de fonctions PHP</p></div>
<p>Lorsque vous cliquez sur une fonction de la liste, vous obtenez les informations de base relatives à cette fonction.</p>
<div id="attachment_716" class="wp-caption alignnone" style="width: 1446px"><img class="size-full wp-image-716" title="Panneau de détail d'une fonction" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/7-php-dev-toolbar-fonctions-panel.jpg" alt="Panneau de détail d'une fonction" width="1436" height="189" /><p class="wp-caption-text">Figure 7 - Panneau de détail d&#39;une fonction</p></div>
<p>A droite de ce panneau se trouve des boutons :</p>
<p>Le bouton <img class="alignnone size-full wp-image-717" title="Bouton tips du panneau de fonction" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/bt_tips.jpg" alt="Bouton tips du panneau de fonction" width="17" height="25" /> vous permet d&#8217;avoir accès aux notes et astuces relatives à la fonction.</p>
<p>Le bouton <img class="alignnone size-full wp-image-718" title="Bouton documentation du panneau de fonction" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/bt_doc.jpg" alt="Bouton documentation du panneau de fonction" width="19" height="21" /> vous ouvre un nouvel onglet dont la page WEB charge la documentation officielle php.net</p>
<h3>2°) Script, logiciels &amp; Framework</h3>
<p>Le bouton <img class="alignnone size-full wp-image-719" title="Bouton php toolbar package" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/bt_package.jpg" alt="Bouton php toolbar package" width="43" height="30" /> vous permet d&#8217;avoir accès à différentes ressources PHP, on peut citer les script, les frameworks ou encore les IDE.</p>
<div id="attachment_724" class="wp-caption alignnone" style="width: 704px"><img class="size-full wp-image-724" title="Liste des outils php du module package" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/8-php-dev-toolbar-package-list.jpg" alt="Liste des outils php du module package" width="694" height="658" /><p class="wp-caption-text">Figure 8 - Liste des outils php du module package</p></div>
<h3>3°) Ressources communautaires</h3>
<p>Le bouton <img class="alignnone size-full wp-image-723" title="Bouton firefox php toolbar communauté" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/bt_communaute.jpg" alt="Bouton firefox php toolbar communauté" width="42" height="31" /> vous permet d&#8217;avoir accès aux ressources communautaires par zones géographiques. On regrettera sur ce module l&#8217;absence de liens relatifs à la communauté Française <img src='http://sldesign.openwab.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  &#8230;</p>
<h3>4°) Générateur de class</h3>
<p>Cet outil vous permet de construire des class et formulaires à la volée. Ce module intégre l&#8217;outil développé par &laquo;&nbsp;TheWebMind&nbsp;&raquo; qui est un outil RAD permettant de développer des applications PHP.</p>
<p>Cet outil construi donc une class ainsi que le formulaire pouvant y être lié ; pour cela, il suffit de renseigner un nom de class ainsi que les propriétés ainsi que leurs portées dans la fenêtre.</p>
<div id="attachment_725" class="wp-caption alignnone" style="width: 842px"><img class="size-full wp-image-725" title="Générateur de class PHP de l'extension PHP Développer" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/9-php-dev-toolbar-class-generator.jpg" alt="Générateur de class PHP de l'extension PHP Développer" width="832" height="571" /><p class="wp-caption-text">Figure 9 - Générateur de class PHP de l&#39;extension PHP Développer</p></div>
<p>En cliquant sur le bouton &laquo;&nbsp;form&nbsp;&raquo; en bas à gauche, vous accédez au formulaire HTML.</p>
<div id="attachment_726" class="wp-caption alignnone" style="width: 846px"><img class="size-full wp-image-726" title="Générateur de formulaire de l'extension PHP Developper Firefox" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/10-php-dev-toolbar-generated-form.jpg" alt="Générateur de formulaire de l'extension PHP Developper Firefox" width="836" height="572" /><p class="wp-caption-text">Figure 10 - Générateur de formulaire de l&#39;extension PHP Developper Firefox</p></div>
<p>Sélectionnez le code puis faites &laquo;&nbsp;Ctrl+C&nbsp;&raquo;pour copier le code afin de le coller dans votre page web.</p>
<div id="attachment_727" class="wp-caption alignnone" style="width: 566px"><img class="size-full wp-image-727" title="Formulaire HTML Généré depuis PHP Développer Toolbar" src="http://sldesign.openwab.com/wp-content/uploads/2010/07/11-php-dev-toolbar-generated-form-html.jpg" alt="Formulaire HTML Généré depuis PHP Développer Toolbar" width="556" height="143" /><p class="wp-caption-text">Figure 11 - Formulaire HTML Généré depuis PHP Développer Toolbar</p></div>
<p>Je vous invite à vous rendre sur le site de <a title="Site internet TheWebMind" href="http://thewebmind.org/" target="_blank">http://thewebmind.org/</a> pour en savoir plus sur l&#8217;utilisation de cet outil.</p>
<h2>V &#8211; Conclusion</h2>
<p>L&#8217;extension &laquo;&nbsp;PHP Développer&nbsp;&raquo; de Firefox est donc un outil intéressant permettant d&#8217;avoir accès à des fonctionnalités et ressources essentielles pour les développeurs PHP et ceci en un seul endroit.</p>
<p>On regrettera peut être quelques oublis (ressources françaises&#8230;) et l&#8217;impossibilité pour le moment de configurer les listes.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://sldesign.openwab.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://sldesign.openwab.com/2010/07/27/extension-firefox-pour-developpeurs-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

