<?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>Codesscripts</title> <atom:link href="http://www.codesscripts.fr/feed/" rel="self" type="application/rss+xml" /><link>http://www.codesscripts.fr</link> <description>Développement web et Tutoriels vidéo</description> <lastBuildDate>Sat, 18 May 2013 11:13:42 +0000</lastBuildDate> <language>fr-FR</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.5.1</generator> <item><title>Rendez vos vidéos responsive sur WordPress avec du CSS</title><link>http://www.codesscripts.fr/rendez-vos-videos-responsive-sur-wordpress-avec-du-css/</link> <comments>http://www.codesscripts.fr/rendez-vos-videos-responsive-sur-wordpress-avec-du-css/#comments</comments> <pubDate>Fri, 12 Apr 2013 17:11:23 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[HTML5 / CSS3]]></category> <category><![CDATA[Tutoriels WordPress]]></category> <category><![CDATA[css]]></category> <category><![CDATA[iframe]]></category> <category><![CDATA[responsive]]></category> <category><![CDATA[video]]></category> <category><![CDATA[wordpress]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=4067</guid> <description><![CDATA[Aujourd'hui nous allons voir comment rendre vos vidéos youtube, vimeo "responsive Web Design", etc... sur une page web, et sur un thème HTML5 pour WordPress, sans utiliser de Javascript, mais avec uniquement quelques lignes de CSS.]]></description> <content:encoded><![CDATA[<div
id="video2b"><iframe
src="http://www.youtube.com/embed/Qdd3XLu4QpU?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-responsive.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Démonstration</span></p><ul><li><a
title="Démonstration" href="http://www.codesscripts.fr/demos/video-responsive/index.html" target="_blank">Démonstration</a> 1 (vous trouverez le CSS à copier / coller en bas de la page)</li><li>Une deuxième <a
title="démonstration" href="http://www.codesscripts.fr/demos/video-responsive/elastic-videos.html" target="_blank">démonstration</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><div
id="attachment_4065" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-4065" alt="video-responsive" src="http://www.codesscripts.fr/wp-content/uploads/2013/04/video-responsive.jpg" width="200" height="200" /><p
class="wp-caption-text">Rendez vos vidéos responsive sur WordPress et sur n&rsquo;importe quelle page web avec du CSS</p></div><p><span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/rendez-vos-videos-responsive-sur-wordpress-avec-du-css/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Formallin une application web Générateur de formulaires</title><link>http://www.codesscripts.fr/formallin-une-application-web-generateur-de-formulaires/</link> <comments>http://www.codesscripts.fr/formallin-une-application-web-generateur-de-formulaires/#comments</comments> <pubDate>Sun, 07 Apr 2013 14:42:10 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[MySQL / PHP]]></category> <category><![CDATA[formallin]]></category> <category><![CDATA[formulaire]]></category> <category><![CDATA[generateur]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=4042</guid> <description><![CDATA[Vous avez besoin d'installer un formulaire personnalisé sur votre site, seulement vous n'êtes pas développeur. Je vous propose "Formallin" une application web qui vous permettra de générer aisément des formulaires multilingues. ]]></description> <content:encoded><![CDATA[<div
id="video2b"><iframe
src="http://www.youtube.com/embed/sib_S9gMAJ8?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-formallin.zip">Télécharger la vidéo</a></div><p><span
style="color: #ffffff;">&#8212;</span></p><blockquote><p>Dans cette vidéo, je vais vous montrer comment installer cet assistant, comment créer / configurer un formulaire et l&rsquo;intégrer dans une page web. Les données soumises par email sont aussi archivées en base de données et restent consultables sur l&rsquo;interface de l&rsquo;application.<br
/> <strong>NB</strong>, après l&rsquo;installation supprimez le dossier /<span
style="color: #ff9900;">install</span>/</p></blockquote><p><span
style="color: #ffffff;">&#8212;</span><br
/> <span
style="font-size: medium;">Télécharger</span></p><ul><li>Télécharger ici <a
title="Télécharger" href="http://www.codesscripts.fr/archi/formallin.zip">Formallin</a> version 2.3.1 (vérifiez s&rsquo;il n&rsquo;y a pas une version plus récente sur le site de son auteur)</li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><p><span
style="font-size: medium;">Liens</span></p><ul><li>Site officiel &#8211; Lire les présentations vidéo et télécharger la dernière version de <a
title="Formallin - atomestudio" href="http://www.atomestudio.com/" target="_blank">Formallin</a></li><li>Visitez le site de Grégory Toucas (auteur de l&rsquo;application) agence, <a
title="Idéematic" href="http://www.ideematic.com/" target="_blank">Idéematic</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><p><img
class="alignnone size-full wp-image-4041" alt="formallin-schema" src="http://www.codesscripts.fr/wp-content/uploads/2013/04/formallin-schema.jpg" width="818" height="558" /></p><p><span
style="color: #ffffff;">&#8212;</span><br
/><div
id="attachment_4040" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-4040" alt="formallin" src="http://www.codesscripts.fr/wp-content/uploads/2013/04/formallin.jpg" width="200" height="200" /><p
class="wp-caption-text">Formallin une application web Générateur de formulaires HTML PHP Javascript</p></div><br
/> <span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/formallin-une-application-web-generateur-de-formulaires/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Galerie d&#8217;images à trois niveaux avec Backbone.js</title><link>http://www.codesscripts.fr/galerie-dimages-a-trois-niveaux-avec-backbone-js/</link> <comments>http://www.codesscripts.fr/galerie-dimages-a-trois-niveaux-avec-backbone-js/#comments</comments> <pubDate>Mon, 01 Apr 2013 13:43:20 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[JQuery]]></category> <category><![CDATA[backbonejs]]></category> <category><![CDATA[framework]]></category> <category><![CDATA[JSON]]></category> <category><![CDATA[mvc]]></category> <category><![CDATA[underscore.js]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=4031</guid> <description><![CDATA[Aujourd'hui je vous propose de découvrir une galerie d'images à trois niveaux sur une seule page. Je ne fais pas de formation, donc je vous montre comment la configurer à partir de API JSON. Nous utilisons la bibliothèque jQuery et le framework Backbone.js Le principe repose sur une approche "MVC" ici "M" pour Modèles "V" pour Vues et "C" pour Collections d’objets avec la dépendance de underscore.js complétée par jQuery.]]></description> <content:encoded><![CDATA[<div
id="video2b"><iframe
src="http://www.youtube.com/embed/_yEY8i4HcwQ?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-backbone.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Télécharger</span></p><ul><li>Télécharger ici <a
title="backbonejs-gallery" href="http://www.codesscripts.fr/archi/backbonejs-gallery-master.zip">backbonejs-gallery</a></li><li>Télécharger <a
title="backbonejs-gallery sur Github" href="https://github.com/addyosmani/backbonejs-gallery" target="_blank">backbonejs-gallery</a> sur Github</li></ul><p><span
style="font-size: medium;">Exemple de mon ajout dans le fichier album1.json</span></p><p><span
style="color: #ffffff;">&#8212;</span></p><pre class="brush: plain; title: Copier et Coller; notranslate">
###
{
        &quot;title&quot;: &quot;Adobe Edge Web Fonts&quot;,
        &quot;artist&quot;: &quot;Codesscripts&quot;,
        &quot;image&quot;: &quot;images/webfonts1.jpg&quot;,
        &quot;years&quot;: &quot;2013&quot;,
        &quot;pid&quot; : 6,
        &quot;url&quot;: &quot;http://www.codesscripts.fr/&quot;,
         &quot;subalbum&quot;: [
            {
                &quot;title&quot;: &quot;Adobe Edge Code&quot;,
                &quot;artist&quot;: &quot;Codesscripts&quot;,
                &quot;image&quot;: &quot;images/webfonts1.jpg&quot;,
                &quot;large_image&quot;: &quot;images/webfonts1.jpg&quot;,
                &quot;price&quot;: 0,
                &quot;pid&quot;: 0,
                &quot;url&quot;: &quot;http://www.codesscripts.fr/&quot;
            }
       ]
}
###
</pre><p><span
style="color: #ffffff;">&#8212;</span><br
/> <span
style="font-size: medium;">Liens</span></p><ul><li>Source <a
title="addyosmani.com" href="http://addyosmani.com/blog/" target="_blank">addyosmani.com</a></li><li><a
title="Comprendre MVC Backbone" href="http://addyosmani.com/blog/understanding-mvc-and-mvp-for-javascript-and-backbone-developers/" target="_blank">Comprendre MVC Backbone</a> par l&rsquo;auteur (en)</li><li>Lire le tuto <a
title="http://addyosmani.com/blog/building-spas-jquerys-best-friends/" href="http://addyosmani.com/blog/building-spas-jquerys-best-friends/" target="_blank">building-spas-jquerys-best-friends</a></li><li>Une <a
title="démonstration" href="http://addyosmani.com/resources/backbonegallery/index.php" target="_blank">démonstration</a></li><li>Le site <a
title="backbonejs" href="http://backbonejs.org/" target="_blank">backbonejs</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span><br
/><div
id="attachment_4030" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-4030" alt="backbone" src="http://www.codesscripts.fr/wp-content/uploads/2013/04/backbone.jpg" width="200" height="200" /><p
class="wp-caption-text">Galerie d&rsquo;images à trois niveaux avec Backbone.js</p></div><br
/> <span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/galerie-dimages-a-trois-niveaux-avec-backbone-js/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Adobe Edge Web Fonts bibliothèque de polices web gratuites</title><link>http://www.codesscripts.fr/adobe-edge-web-fonts-bibliotheque-de-polices-web-gratuites/</link> <comments>http://www.codesscripts.fr/adobe-edge-web-fonts-bibliotheque-de-polices-web-gratuites/#comments</comments> <pubDate>Sat, 09 Mar 2013 17:35:54 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[HTML5 / CSS3]]></category> <category><![CDATA[Tutoriels]]></category> <category><![CDATA[Adobe Edge Web Fonts]]></category> <category><![CDATA[Google Web Fonts]]></category> <category><![CDATA[webfonts]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=3972</guid> <description><![CDATA[Aujourd'hui je vous propose "Adobe Edge Web Fonts" qui est une  bibliothèque de polices web gratuites. Adobe, Google et des graphistes se sont associés dans le but d'améliorer le web. Pour cette présentation j'utilise l'éditeur "Adobe Edge Code" que vous pouvez obtenir gratuitement après vous être inscrit sur le site d'Adobe Creative Cloud.]]></description> <content:encoded><![CDATA[<div
id="video2b"><iframe
src="http://www.youtube.com/embed/u_JxGQuYWVg?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-webfonts.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Démonstration</span></p><ul><li><a
title="La page de démo du tutoriel" href="http://www.codesscripts.fr/demos/AdobeWebFonts/index.html" target="_blank">La page de démo du tutoriel</a></li></ul><p><span
style="font-size: medium;">Liens</span></p><ul><li><a
title="Adobe Edge Web Fonts" href="http://html.adobe.com/fr/edge/webfonts/" target="_blank">Adobe Edge Web Fonts</a></li><li><a
title="Google web fonts" href="http://www.google.com/webfonts" target="_blank">Google web fonts</a></li><li><a
title="Adobe Edge Code" href="http://html.adobe.com/fr/edge/code/" target="_blank">Adobe Edge Code</a></li><li><a
title="Adobe Creative Cloud" href="http://html.adobe.com/fr/edge/creativecloud/" target="_blank">Adobe Creative Cloud</a></li><li><a
title="Applications Adobe Creative Cloud" href="https://creative.adobe.com/apps" target="_blank">Applications Adobe Creative Cloud</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><div
id="attachment_3971" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-3971" alt="webfonts" src="http://www.codesscripts.fr/wp-content/uploads/2013/03/webfonts.jpg" width="200" height="200" /><p
class="wp-caption-text">Adobe Edge Web Fonts bibliothèque de polices web gratuites. Démarrer avec des polices web gratuites.</p></div><p><span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/adobe-edge-web-fonts-bibliotheque-de-polices-web-gratuites/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Emmet : Installation dans l&#8217;éditeur Brackets ou Adobe Edge Code Preview</title><link>http://www.codesscripts.fr/emmet-installation-dans-lediteur-brackets-ou-adobe-edge-code-preview/</link> <comments>http://www.codesscripts.fr/emmet-installation-dans-lediteur-brackets-ou-adobe-edge-code-preview/#comments</comments> <pubDate>Fri, 08 Mar 2013 17:41:30 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[Les logiciels utiles]]></category> <category><![CDATA[Adobe Edge Code]]></category> <category><![CDATA[Brackets]]></category> <category><![CDATA[Emmet]]></category> <category><![CDATA[zen coding]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=3967</guid> <description><![CDATA[Des utilisateurs de l'éditeur "Brackets / Adobe Edge Code Preview" m'ont demandé si l'on peut ajouter et surtout de quelle manière, le plugin "Emmet" qui permet de coder plus rapidement du html et css grâce à des abréviations. Son installation est tout aussi simple que pour l'éditeur "Sublime Text 2" pour lequel j'ai une préférence, soit dit au passage.]]></description> <content:encoded><![CDATA[<div
id="video2b"><iframe
src="http://www.youtube.com/embed/1ObqJ0M7aXM?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-brackets.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Liens</span></p><ul><li><a
title="Le site Emmet" href="http://emmet.io/" target="_blank">Le site Emmet</a></li><li><a
title="Emmet Documentation" href="http://docs.emmet.io/" target="_blank">Emmet Documentation</a></li><li><a
title="Le site Brackets" href="http://brackets.io/" target="_blank">Le site Brackets</a></li><li><a
title="Le site Adobe Edge Code" href="http://html.adobe.com/fr/edge/code/" target="_blank">Le site Adobe Edge Code</a></li></ul><p><span
style="font-size: medium;">Abréviations &#8211; antisèche</span></p><ul><li>Les abréviations <a
title="Cheat Sheet" href="http://docs.emmet.io/cheat-sheet/" target="_blank">Cheat Sheet</a></li><li>Les abréviations <a
title="Cheat Sheet au format pdf" href="http://www.codesscripts.fr/download/pdf/Cheat-Sheet.pdf" target="_blank">Cheat Sheet au format pdf</a> (désolé pour la mauvaise qualité).</li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><div
id="attachment_3966" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-3966" alt="Emmet-brackets" src="http://www.codesscripts.fr/wp-content/uploads/2013/03/brackets.jpg" width="200" height="200" /><p
class="wp-caption-text">Emmet &#8211; zen coding : Installation dans l&rsquo;éditeur Brackets ou Adobe Edge Code Preview</p></div><p><span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/emmet-installation-dans-lediteur-brackets-ou-adobe-edge-code-preview/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Alerte ou événements CSS et jQuery pour toute page web et WordPress</title><link>http://www.codesscripts.fr/alerte-ou-evenements-css-et-jquery-pour-toute-page-web-et-wordpress/</link> <comments>http://www.codesscripts.fr/alerte-ou-evenements-css-et-jquery-pour-toute-page-web-et-wordpress/#comments</comments> <pubDate>Wed, 13 Feb 2013 13:11:36 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[Tutoriels WordPress]]></category> <category><![CDATA[alert]]></category> <category><![CDATA[css]]></category> <category><![CDATA[evenements]]></category> <category><![CDATA[events]]></category> <category><![CDATA[JQuery]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=3897</guid> <description><![CDATA[Pour un événement particulier, vous souhaitez attirer l'attention de vos visiteurs dès qu'ils arrivent sur votre site. Je vous propose une "class" CSS à placer dans un "div" en haut de vos pages. Si vous le souhaitez vous pouvez l'améliorer avec quelques méthodes jQuery.]]></description> <content:encoded><![CDATA[<p><span
style="color: #ffffff;">&#8212;</span></p><div
id="video2"><iframe
src="http://www.youtube.com/embed/N0lifgXOyIE?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><p><span
style="color: #ffffff;">&#8212;</span></p><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-alerte.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Démo</span></p><ul><li><a
title="Une démonstration" href="http://www.codesscripts.fr/demos/alerte/index.html" target="_blank">Une démonstration</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><p><span
style="font-size: medium;">Télécharger</span></p><ul><li>Télécharger la <a
title="Télécharger la démo" href="http://www.codesscripts.fr/archi/alerte.zip">démo</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><p><span
style="font-size: medium;">Liens</span></p><ul><li>Le site, poursuivre avec <a
title="jQuery" href="http://learn.shayhowe.com/advanced-html-css/jquery" target="_blank">jQuery</a></li><li>API <a
title="API jQuery événements" href="http://api.jquery.com/category/events/" target="_blank">jQuery événements</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><div
id="attachment_3896" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-3896" alt="alerte" src="http://www.codesscripts.fr/wp-content/uploads/2013/02/alerte.jpg" width="200" height="200" /><p
class="wp-caption-text">Alerte ou événements CSS et jQuery pour toute page web et WordPress</p></div><p><span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/alerte-ou-evenements-css-et-jquery-pour-toute-page-web-et-wordpress/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Fokiz &#8211; CMS créer et administrer en ligne un petit site responsive</title><link>http://www.codesscripts.fr/fokiz-cms-creer-et-administrer-en-ligne-un-petit-site-responsive/</link> <comments>http://www.codesscripts.fr/fokiz-cms-creer-et-administrer-en-ligne-un-petit-site-responsive/#comments</comments> <pubDate>Mon, 04 Feb 2013 11:36:05 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[CMS]]></category> <category><![CDATA[cms]]></category> <category><![CDATA[Fokiz]]></category> <category><![CDATA[Responsinav]]></category> <category><![CDATA[responsive]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=3879</guid> <description><![CDATA[Bienvenue dans ce petit tutoriel, je vous propose "Fokiz" un très petit CMS responsive qui était bien parti, seulement il n'est pas abouti et son développeur ne semble pas le maintenir.Tel qu'il est, il est stable et peut à mon avis être utilisé pour créer un site de présentation avec quelques pages. Ou pour ceux qui débutent il peut servir de TP.]]></description> <content:encoded><![CDATA[<p><span
style="color: #ffffff;">&#8212;</span></p><div
id="video2"><iframe
src="http://www.youtube.com/embed/iCII4WLkyVs?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><p><span
style="color: #ffffff;">&#8212;</span></p><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-fokiz.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Nota bene</span>, ici je fais en partie suite à ce <a
title="tutoriel" href="http://www.codesscripts.fr/responsinav-un-menu-multi-niveau-responsive-avec-un-plugin-jquery/">tutoriel</a>.</p><p><span
style="color: #ffffff;">&#8212;</span></p><p><span
style="font-size: medium;">Lien</span></p><ul><li><a
title="Fokiz" href="http://fluidbyte.github.com/Fokiz/" target="_blank">Fokiz</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><div
id="attachment_3878" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-3878" alt="fokiz" src="http://www.codesscripts.fr/wp-content/uploads/2013/02/fokiz.jpg" width="200" height="200" /><p
class="wp-caption-text">Fokiz &#8211; CMS créer et administrer en ligne un petit site responsive</p></div><p><span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/fokiz-cms-creer-et-administrer-en-ligne-un-petit-site-responsive/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>POEditor traduire et créer des Fichiers PO pour vos thèmes WordPress</title><link>http://www.codesscripts.fr/poeditor-traduire-et-creer-des-fichiers-po-pour-vos-themes-wordpress/</link> <comments>http://www.codesscripts.fr/poeditor-traduire-et-creer-des-fichiers-po-pour-vos-themes-wordpress/#comments</comments> <pubDate>Sat, 02 Feb 2013 15:04:49 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[Les logiciels utiles]]></category> <category><![CDATA[Tutoriels WordPress]]></category> <category><![CDATA[POEditor]]></category> <category><![CDATA[software]]></category> <category><![CDATA[traduction]]></category> <category><![CDATA[translation]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=3867</guid> <description><![CDATA[Dans cette petite présentation vidéo, je vous propose de découvrir "POEditor", un logiciel de traduction en ligne. Son utilisation est gratuite après inscription. Il supporte la traduction de : .po et .pot, Excel .xls et .xlsx, Apple .strings, Google Android .xml Environ 200 langues sont proposées. ]]></description> <content:encoded><![CDATA[<p><span
style="color: #ffffff;">&#8212;</span></p><div
id="video2"><iframe
src="http://www.youtube.com/embed/NySMmynrEzc?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><p><span
style="color: #ffffff;">&#8212;</span></p><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-poeditor.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Un petit récapitulatif</span></p><p>Très simplement, vous importez vos fichiers, vous les traduisez manuellement ou automatiquement. Ensuite vous exportez vos fichiers traduits. Le site vous offre la possibilité d&rsquo;adjoindre un ou plusieurs administrateurs et contributeurs pour l&rsquo;exécution de vos travaux. Voir aussi l&rsquo;utilisation de l&rsquo;<a
title="API" href="https://poeditor.com/help/#APIAccess" target="_blank">API</a> de POEditor.</p><p><span
style="color: #ffffff;">&#8212;</span><br
/> <span
style="font-size: medium;">Lien</span></p><ul><li>Le site <a
title="POEditor" href="https://poeditor.com/" target="_blank">POEditor</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><div
id="attachment_3865" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-3865" alt="poeditor" src="http://www.codesscripts.fr/wp-content/uploads/2013/02/poeditor.jpg" width="200" height="200" /><p
class="wp-caption-text">POEditor traduire et créer des Fichiers PO pour vos thèmes WordPress</p></div><p><span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/poeditor-traduire-et-creer-des-fichiers-po-pour-vos-themes-wordpress/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>NextGEN Scroll Gallery Créer des galeries d&#8217;images scrollables WordPress</title><link>http://www.codesscripts.fr/nextgen-scroll-gallery-creer-des-galeries-dimages-scrollables-wordpress/</link> <comments>http://www.codesscripts.fr/nextgen-scroll-gallery-creer-des-galeries-dimages-scrollables-wordpress/#comments</comments> <pubDate>Fri, 01 Feb 2013 15:17:18 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[Tutoriels WordPress]]></category> <category><![CDATA[NextGEN Scroll Gallery]]></category> <category><![CDATA[nextgen-gallery]]></category> <category><![CDATA[plugin]]></category> <category><![CDATA[scrollgallery]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=3861</guid> <description><![CDATA[Vous êtes nombreux à me demander un bon plugin, qui permet d'insérer des galeries d'images scrollables dans vos articles. Je vous propose "NextGEN Scroll Gallery" que vous pourrez facilement installer et configurer selon vos souhaits. ]]></description> <content:encoded><![CDATA[<p><span
style="color: #ffffff;">&#8212;</span></p><div
id="video2"><iframe
src="http://www.youtube.com/embed/AayzY3-2KmQ?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927"</p><p>allowfullscreen="" frameborder="0"></iframe></div><p><span
style="color: #ffffff;">&#8212;</span></p><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-nextgen-scroll-tuto.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Télécharger (avec votre FTP à placer dans le dossier /wp-content/plugins).</span></p><p>&nbsp;</p><ul><li>Télécharger <a
title="NextGEN Scroll Gallery" href="http://www.codesscripts.fr/archi/nextgen-scrollgallery.zip">NextGEN Scroll Gallery</a></li><li>Télécharger <a
title="NextGEN Gallery" href="http://www.codesscripts.fr/archi/nextgen-gallery.zip">NextGEN Gallery</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><p><span
style="font-size: medium;">Liens</span></p><ul><li>WordPress extend <a
title="NextGEN Scroll Gallery" href="http://wordpress.org/extend/plugins/nextgen-scrollgallery/" target="_blank">NextGEN Scroll Gallery</a></li><li>WordPress extend <a
title="NextGEN Gallery" href="http://wordpress.org/extend/plugins/nextgen-gallery/" target="_blank">NextGEN Gallery</a></li></ul><p>&nbsp;</p><p><span
style="color: #ffffff;">&#8212;</span></p><div
id="attachment_3860" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-3860" alt="nextgen-scroll" src="http://www.codesscripts.fr/wp-content/uploads/2013/02/nextgen-scroll.jpg" width="200" height="200" /><p
class="wp-caption-text">NextGEN Scroll Gallery Créer des galeries d&rsquo;images scrollables</p></div><p><span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/nextgen-scroll-gallery-creer-des-galeries-dimages-scrollables-wordpress/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Responsinav un menu multi-niveau responsive avec un plugin jQuery</title><link>http://www.codesscripts.fr/responsinav-un-menu-multi-niveau-responsive-avec-un-plugin-jquery/</link> <comments>http://www.codesscripts.fr/responsinav-un-menu-multi-niveau-responsive-avec-un-plugin-jquery/#comments</comments> <pubDate>Wed, 30 Jan 2013 13:24:59 +0000</pubDate> <dc:creator>Codesscripts</dc:creator> <category><![CDATA[JQuery]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[menu]]></category> <category><![CDATA[navigation]]></category> <category><![CDATA[Responsinav]]></category> <category><![CDATA[responsive]]></category> <category><![CDATA[ui]]></category> <guid
isPermaLink="false">http://www.codesscripts.fr/?p=3856</guid> <description><![CDATA[Je vous propose "Responsinav" un menu multi-niveau "responsive" réalisé avec un petit plugin jQuery. À la suite de la vidéo, vous pourrez télécharger la démo afin d'étudier les divers scripts, notamment le CSS, jQuery et HTML5. J'espère apporter à ceux qui débutent, la possibilité ici de comprendre ces langages, en raison de leur simplicité.]]></description> <content:encoded><![CDATA[<p><span
style="color: #ffffff;">&#8212;</span></p><div
id="video2"><iframe
src="http://www.youtube.com/embed/aOAAlPCrAyw?rel=0;showinfo=0;HD=1;modestbranding=0;theme=dark;wmode=transparent" height="610" width="927" allowfullscreen="" frameborder="0"></iframe></div><p><span
style="color: #ffffff;">&#8212;</span></p><div
class="telecharger"><a
href="http://www.codesscripts.fr/download/video/video-menu-responsinav.zip">Télécharger la vidéo</a></div><p><span
style="font-size: medium;">Télécharger</span></p><ul><li>Télécharger <a
title="Télécharger" href="http://www.codesscripts.fr/archi/Responsinav-master.zip">Responsinav</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><p><span
style="font-size: medium;">Lien</span></p><ul><li><a
title="Responsinav github" href="https://github.com/Fluidbyte/Responsinav" target="_blank">Fluidbyte / Responsinav github</a></li></ul><p><span
style="color: #ffffff;">&#8212;</span></p><div
id="attachment_3855" class="wp-caption alignnone" style="width: 210px"><img
class="size-full wp-image-3855" alt="responsinav" src="http://www.codesscripts.fr/wp-content/uploads/2013/01/responsinav.jpg" width="200" height="200" /><p
class="wp-caption-text">Responsinav un menu multi-niveau responsive avec un plugin jQuery</p></div><p><span
style="color: #ffffff;">&#8212;</span></p> ]]></content:encoded> <wfw:commentRss>http://www.codesscripts.fr/responsinav-un-menu-multi-niveau-responsive-avec-un-plugin-jquery/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Dynamic page generated in 3.733 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2013-05-18 13:24:34 -->

<!-- Compression = gzip -->