Skip to content

NodeBB
  1. Home
  2. Programmation
  3. Outils du développeur

Outils du développeur

9 Topics 77 Posts

<p>Les outils du développeurs sont des éléments essentiels dans la conception d'une application : ils peuvent apporter un gain de temps considérable et résoudre certains problèmes. Partagez avec nous les logiciels qui vous semblent utiles pour développer.</p>

This category can be followed from the open social web via the handle outils-du-dé[email protected]

  • AzadA

    [Site] CodeAnywhere

    18
    0 Votes
    18 Posts
    9k Views
    AzadA
    <p style="text-align:center;">CodeAnywhere</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><img alt="xNqNYVC.png?1" src="https://i.imgur.com/xNqNYVC.png?1"/></p> <p></p><p>Aujourd'hui je viens vous présenter un site que j'ai découverts, qui a l'air vachement intéressant : CodeAnywhere.<br/> C'est un OCE (Online Code Editor / Editeur de code en ligne), et en gros cela vous permet de travailler sur un projet depuis n'importe où.<br/><br/> Si vous disposez d'un projet commun ou personnel, qu'il soit sur votre <span> </span>Dropbox<span> </span>, votre Github, votre FTP ou d'autres services du cloud, CodeAnywhere vous permet de coder e<span> </span>t travailler dessus depuis n'importe où dans le monde.<br/> Il vous suffit de vous rendre sur le site pour travailler sur votre projet, et c'est super intéressant.</p> <p> Visiblement, tout les langages sont nativement pris en charge, du moins la plus grande majorité.<br/> Des offres payantes existent pour coder à plusieurs de ce que j'ai cru comprendre, mais l'offre de base est très bien pour une utilisation personnelle.<br/> Petit plus personnel : Le SSL est activé sur l'ensemble du site. </p> <p> </p> <p style="text-align:center;"><span style="font-size:18px;"><a data-ipb="nomediaparse" href="https://codeanywhere.com/" rel="external nofollow">https://codeanywhere.com/</a></span></p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"><img alt="UjTnQ3H.png" src="https://i.imgur.com/UjTnQ3H.png"/></p> <p></p>
  • F

    [Mozilla] Nouveau navigateur dédié aux développeurs

    4
    0 Votes
    4 Posts
    4k Views
    F
    <p>Salut à tous,</p> <p> </p> <p>Le navigateur Firefox propose aux développeurs une panoplie d’outils qui permettent notamment à ceux-ci d’inspecter leurs pages Web et de procéder au débogage du code JavaScript.<br/><br/> Au fil des versions, la fondation Mozilla ne cesse d’améliorer ces outils et d’en intégrer de nouveaux à destination des développeurs dans son navigateur, afin d’améliorer leur quotidien.<br/><br/> Le dernier outil en date est <a href="http://www.developpez.com/actu/72497/" rel="external nofollow">Firefox WebEDI</a>, un environnement de développement intégré à Firefox, dont l’objectif est de permettre aux développeurs de commencer à coder directement à partir du navigateur, sans avoir besoin de télécharger des outils supplémentaires.<br/><br/> Cependant, cette tendance à vouloir transformer Firefox, un navigateur grand public, en un outil de développement, peut en agacer plus d’un. Mozilla a donc décidé de lancer une déclinaison de Firefox spécialement dédiée aux développeurs.<br/><br/> Ce navigateur a été repensé afin de mettre en avant les éléments les plus intéressants pour les développeurs, afin que ces derniers puissent se concentrer sur le développement d’applications Web révolutionnaires. Ce navigateur inclut plusieurs outils tels que WebIDE ou encore Firefox Tools Adapter.<br/><br/> « <i>Nous avons repensé le navigateur en accordant la priorité aux intérêts des développeurs. Il est construit par des développeurs pour des développeurs, afin que vous puissiez déboguer l’ensemble du Web et construire plus facilement des expériences web impressionnantes</i> », explique la fondation Mozilla.<br/><br/> Avec ce navigateur, les développeurs Web auront à leur disposition tous les outils dont ils ont besoin pour développer leurs applications Web, allant de l’édition de code à des tests, sans avoir recours à des outils tiers.<br/><br/> En parallèle, Mozilla renforce également sa position dans le monde du gaming sur le Web avec plusieurs nouveautés. Parmi ces nouveautés, WebGL est désormais disponible sur tous les navigateurs modernes, permettant à des milliards d’utilisateurs d’accéder à du contenu en 3D sur le Web. Le nouveau navigateur pour les développeurs inclut notamment plusieurs outils spécifiques pour les spécialistes du gaming.<br/><br/> Le navigateur sera disponible à partir du 10 novembre prochain. La fondation Mozilla a publié une vidéo qui donne un premier aperçu de ce navigateur.</p> <p> </p> <p style="text-align:center;"> </p><div class="ipsEmbeddedVideo" contenteditable="false"><div><iframe allowfullscreen="true" data-embed-src="https://www.youtube.com/embed/Ehv5u-5rE8c?feature=oembed" frameborder="0" height="270" src="//melinyel.net/applications/core/interface/js/spacer.png" width="480"></iframe></div></div> <p><span style="color:#e6e6fa;"><span style="font-size:8px;">Source: www.developpez.com/actu/76859/Mozilla-va-lancer-un-nouveau-navigateur-dedie-aux-developpeurs-le-10-novembre/</span></span></p> <p> </p> <p>Cordialement,</p> <p>FaKe77.</p>
  • AzadA

    [Logiciel] Sublime Text

    23
    0 Votes
    23 Posts
    6k Views
    AzadA
    <p style="text-align:center;"><span style="font-size:18px;"><strong>Sublime Text</strong></span></p> <br/> <br/> <br/>Aujourd'hui, je viens vous présenter le logiciel par excellence pour développer en HTML / CSS ou même dans quasiment tout les autres langages ne nécessitant pas de compilation (essentiellement du web) : Sublime Text.<br/><br/><strong>Liens :</strong> <a data-ipb="nomediaparse" href="http://www.sublimetext.com/" rel="external nofollow">http://www.sublimetext.com/</a><br/><strong>Téléchargement :</strong> Sublime Text 3 is currently in beta. The latest build is 3059.<ul class="bbc"><li><a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/Sublime Text Build 3059.dmg" rel="external nofollow">OS X</a> (10.7 or later is required)</li><li><a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/Sublime Text Build 3059 Setup.exe" rel="external nofollow">Windows</a> - also available as a <a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/Sublime Text Build 3059.zip" rel="external nofollow">portable version</a></li><li><a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/Sublime Text Build 3059 x64 Setup.exe" rel="external nofollow">Windows 64 bit</a> - also available as a <a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/Sublime Text Build 3059 x64.zip" rel="external nofollow">portable version</a></li><li><a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3059_amd64.deb" rel="external nofollow">Ubuntu 64 bit</a> - also available as a <a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/sublime_text_3_build_3059_x64.tar.bz2" rel="external nofollow">tarball</a> for other Linux distributions.</li><li><a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3059_i386.deb" rel="external nofollow">Ubuntu 32 bit</a> - also available as a <a data-ipb="nomediaparse" href="http://c758482.r82.cf2.rackcdn.com/sublime_text_3_build_3059_x32.tar.bz2" rel="external nofollow">tarball</a> for other Linux distributions.<br/><br/></li></ul>Il n'y a pas grand chose à dire non plus sur ce logiciel, à part que l'essayer c'est l'adopter. Il y a une version payante du logiciel, je n'ai cependant jamais compris à quoi sert-elle puisque la version gratuite dispose de toute les fonctionnalités de manière illimité dans le temps (à part un popup qui apparait toutes les 10 à 15 sauvegardes de fichiers, pour vous demander si vous voulez acheter la license). <br/><br/><strong>Quelques screenshots :</strong><br/> <br/><p style="text-align:center;"><br/></p><p style="text-align:center;"><img alt="word_highlighting.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://c758482.r82.cf2.rackcdn.com/word_highlighting.png"/></p><p style="text-align:center;"><br/></p><p style="text-align:center;"><br/></p><p style="text-align:center;"><img alt="sublime.png" src="https://www.drupal.org/files/sublime.png"/></p><p style="text-align:center;"><br/></p><p style="text-align:center;"><br/></p><p style="text-align:center;"><img alt="alpha_goto_anything2_large.png" src="https://www.sublimetext.com/screenshots/alpha_goto_anything2_large.png"/></p><p style="text-align:center;"><br/></p><p style="text-align:center;"><br/></p><p style="text-align:center;"><br/></p><p style="text-align:center;"><br/></p><p style="text-align:center;">C'est le logiciel que j'utilise personnellement pour tout mes projets web et je le recommande à tout le monde. </p>
  • AnaeriaA

    [Logiciel] PNG Gauntlet

    8
    0 Votes
    8 Posts
    3k Views
    AnaeriaA
    <p>Bonjour à tous,</p> <p> </p> <p>Après une longue errance en tant qu'infographiste web, j'ai enfin trouvé un logiciel qui permet de facilement optimiser les PNG : <a href="http://pnggauntlet.com/" rel="external nofollow">http://pnggauntlet.com/</a>.</p> <p> </p> <p>Petit rappel du problème avec les PNG.</p> <p>Beaucoup de site utilisent les images au format PNG car il permet d'encoder des images sans perte de données (au contraire du JPEG) et avec des informations de transparence.</p> <p>Le problème c'est que ce format peut vite s'avérer lourd si on ne fait pas attention. De plus les grands logiciel de dessins, Photoshop en tête, n'optimise pas correctement le PNG (une honte vu le prix, mais bon... un autre débat).</p> <p>Donc quant on bosse sur plein de projets, on se retrouve facilement avec plusieurs dizaines voire centaines d'images sur les bras. Ce qui représente un véritable labeur si toutes les images sont à réencoder.</p> <p>Un exemple concret auquel j'ai été confronté : sur un ensemble de sites j'utilise un sprite d'icône contenant 150 icônes. Ce sprite est décliner en 4 versions (normal noir, normal blanc, couleur de survol et état désactive), puis chacun de ces sprite est décliner en différentes taille : (16x16, 24x24, 32x32, 48x48, 64x64). Chaque site à ses propres couleurs et donc ses propres sprites, ca nous fait donc 40 sites x 20 déclinaisons soit 800 images à réenregistrer dès qu'on touche à une icône .</p> <p> </p> <p>Et c'est la qu'intervient PNG Gauntlet pour la partie optimisation : on glisse tout les fichiers dans le logiciel, on clique sur optimize et... c'est tout !</p> <p>Simple, léger, efficace et fait gagné du temps de production.</p> <p> </p> <p>Une remarque quant même, l'optimisation peut être assez longue malgré une bonne utilisation des ressources machines. Pour mes 800 images, il aura fallut 2 heures avec le CPU entre 80% et 100% sur mon poste (Core-i7 3770K avec 18Go de RAM et un bon SSD).</p> <p> </p>
  • SoulalexS

    Débuter avec Git

    Pinned
    5
    0 Votes
    5 Posts
    3k Views
    SoulalexS
    <p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><img alt="[email protected]" src="https://git-scm.com/images/[email protected]"/></span></span></p> <p style="text-align:center;"><span style="font-size:14px;"><span style="font-size:24px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Débuter avec Git</strong></span></span></span></p> <p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><em>Ce tutoriel va vous aider à maîtriser Git, un célèbre logiciel de gestion de version, pour gérer au mieux vos projets.</em></span></span></p> <p style="text-align:center;"> </p> <p> </p> <p style="margin-left:40px;"><span style="color:#b22222;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><span style="font-size:18px;"><strong>1. Git qu’est-ce que c’est ?</strong></span></span></span></span></p> <p> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Git est logiciel de gestion de version décentralisé</strong> créé par Linus Torvalds, créateur du noyau Linux, lancé en 2005. Autrement dit, c’est un logiciel qui vous permettra de <strong>gérer les modifications apportées à un répertoire de travail</strong>. Ainsi, <strong>la gestion de votre projet sera considérablement améliorer</strong> et vos collaborateurs pourront travailler sereinement dessus sans avoir à se communiquer le code source avec un <strong>suivit complet de l’évolution du code source</strong> à travers une suite d’outils très intéressante pour vous permettre une gestion optimisée votre dépôt et une parfaite harmonie entre les différents commit réalisés par votre équipe :</span></span></p> <ul><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Commit</strong> : Regroupe une liste de modifications apportées au répertoire ainsi que des informations données par l’auteur.</span></span> </li><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Diff</strong> : Permet de connaître les différences entre deux commits.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Branch</strong> : Permet de dériver vos branches (autrement dit, ce seront des versions de votre projet).</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Pull</strong> : Permet de récupérer un répertoire depuis un dépôt (plusieurs options de fusion s’offrent à vous).</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Push</strong> : Permet de pousser un répertoire vers un dépôt.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Patch</strong> : Permet de créer et d’appliquer des patchs sur votre répertoire (Les patchs se génèrent à partir d’un commit).</span></span></li> </ul><p></p><p style="margin-left:40px;"><span style="color:#b22222;"><span style="font-size:18px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>2. Utilisation de Git</strong></span></span></span></p> <p style="margin-left:80px;"><span style="color:#008000;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><span style="font-size:18px;"><strong>2.1 En ligne de commande</strong></span></span></span></span></p> <p> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">Son utilisation est plus ou moins complexe puisque ce logiciel est conçu pour être utilisé en <strong>ligne de commandes</strong>. Il vous faut donc absolument connaître cette liste de commandes ci-dessous :</span></span></p> <ul><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git init</strong> : Créé un répertoire de travail.</span></span> </li><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git clone <depot></strong> : Clone un dépôt dans votre répertoire de travail.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git add <fichier></strong> : Ajoute un fichier au dépôt.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git commit -a</strong> : Commit tous les fichiers.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git commit <fichier></strong> : Commit le fichier.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git pull origin</strong> : Récupère le code source depuis le dépôt cloné.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git push origin</strong> : Pousse votre code source vers un dépôt cloné.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git branch <</strong><strong>branche</strong><strong>></strong> : Créé une branche.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git branch –d <</strong><strong>branche</strong><strong>></strong> : Supprime une branche</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git checkout <fichier></strong> : Annule les modifications apportées à un fichier.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>git reset --hard</strong> : Annule toutes les modifications apportées à un répertoire.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Git diff <fichier> <fichier></strong> : Affiche les différences entre deux fichiers.</span></span></li> </ul><p> </p> <p style="margin-left:80px;"><span style="color:#008000;"><span style="font-size:18px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>2.2 Avec une interface graphique</strong></span></span></span></p> <p> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">Heureusement, <strong>des développeurs ont créé des logiciels clients permettant d’obtenir une interface graphique du produit</strong> en interprétant les données de configuration stockées par Git dans votre répertoire de travail. Sur le <a data-ipb="nomediaparse" href="http://git-scm.com/" rel="external nofollow">site officiel de Git</a>, vous pourrez trouver une large gamme de clients graphiques.</span></span></p> <p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a href="http://www.hostingpics.net/viewer.php?id=495471gitextensiontutogit.png" rel="external nofollow"><img alt="495471gitextensiontutogit.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/495471gitextensiontutogit.png"/></a></span></span></p> <p style="text-align:center;"><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><em>Git Extensions, un client GUI de Git. </em></span></span></p> <p style="text-align:center;"> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Trois commandes  à ne pas oublier :</strong></span></span></p> <ul><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Commiter :</strong> Commentez et ajoutez votre travail à votre répertoire.</span></span> </li></ul><p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a href="http://www.hostingpics.net/viewer.php?id=480458commitgit.jpg" rel="external nofollow"><img alt="480458commitgit.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/480458commitgit.jpg"/></a></span></span></p> <ul><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Pousser : </strong>Envoyez votre travail sur un répertoire distant.</span></span> </li></ul><p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a href="http://www.hostingpics.net/viewer.php?id=156315pushgit.jpg" rel="external nofollow"><img alt="156315pushgit.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/156315pushgit.jpg"/></a></span></span></p> <ul><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Récupérer :</strong> Récupérer un travail depuis un dépôt comme Github.</span></span> </li></ul><p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a href="http://www.hostingpics.net/viewer.php?id=272430pullgit.jpg" rel="external nofollow"><img alt="272430pullgit.jpg" src="http://img15.hostingpics.net/pics/272430pullgit.jpg"/></a></span></span></p> <p></p><p style="margin-left:40px;"><span style="color:#b22222;"><span style="font-size:18px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>3. GitHub : Partagez vos projets en ligne</strong></span></span></span></p> <p> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">Avec <a data-ipb="nomediaparse" href="https://github.com/" rel="external nofollow">GitHub</a>, <strong>vous pourrez partager vos projets avec vos collaborateurs</strong>. En effet, ce site va stocker vos projets en ligne et vous pourrez les gérer depuis ce site. Tout comme un client graphique Git, vous pourrez suivre l’avancée de vos projets avec les commits et vos différentes branches. En outre, ce site vous propose un <strong>bugtracker</strong> (dans l’onglet « Issues ») et un <strong>rebasage de votre branche sur d’autres créées par des contributeurs</strong> de votre projet (dans l’onglet « Pull Requests »). Vous avez aussi la possibilité de créer un <strong>« wiki »</strong> contenant une liste d’informations utiles pour votre projet. Néanmoins, si vous ne voulez pas que vos projets soit rendus public, vous avez la <strong>possibilité de les privatiser</strong>, malheureusement ce service est payant.</span></span></p> <p> </p> <ul><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Créer un  répertoire :</strong></span></span> </li></ul><p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;">Sur la page d’accueil de GitHub, à droite, vous avez la liste de vos répertoires et un bouton <strong>« New repository »</strong>.</span></span></p> <p><a href="http://www.hostingpics.net/viewer.php?id=655332newrepo.jpg" rel="external nofollow"><img alt="655332newrepo.jpg" src="http://img15.hostingpics.net/pics/655332newrepo.jpg"/></a></p> <p> </p> <ul><li><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Découverte du dépôt :</strong></span></span> </li></ul><p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><a href="http://www.hostingpics.net/viewer.php?id=615461repo.jpg" rel="external nofollow"><img alt="615461repo.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/615461repo.jpg"/></a></span></span></p> <p> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Branch : </strong>Les branches sont des dérivées de votre code. Par exemple, vous pouvez créer une branche master contenant une version stable de votre projet et une version de développement où vous développerez votre projet.</span></span></p> <p> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Issues :</strong> C’est un bugtracker. Tout contributeur peut rapporter un bug. Vous pouvez fixer des objectifs (réparer x bugs en x jours), assignez un bug à un contributeur, ajouter des labels ou encore commentez l’avancement d’un bug.</span></span></p> <p><a href="http://www.hostingpics.net/viewer.php?id=974458githubissuses.jpg" rel="external nofollow"><img alt="974458githubissuses.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/974458githubissuses.jpg"/></a></p> <p> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Pull Requests :</strong> Cet outil permet aux contributeurs de votre projet de vous proposer des corrections sur celui-ci. Les contributeurs doivent avoir une copie modifiée de votre répertoire de travail dans leur dépôt Github.</span></span></p> <p><a href="http://www.hostingpics.net/viewer.php?id=922794githubpullrequest.jpg" rel="external nofollow"><img alt="922794githubpullrequest.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/922794githubpullrequest.jpg"/></a></p> <p> </p> <p><span style="font-size:14px;"><span style="font-family:'lucida sans unicode', 'lucida grande', sans-serif;"><strong>Wiki :</strong> Une petite documentation pour votre projet ? Ça ne fait pas de mal.</span></span></p>
  • E

    Project Parfait

    5
    0 Votes
    5 Posts
    2k Views
    E
    <p>Bonjour,</p><p> </p><p>Savez-vous ce qu'est Project Parfait ?</p><p> </p><p>Eh bien, c'est un service en ligne permettant de retrouver et d'extraire toutes les conditions CSS d'un PSD. Il suffit d'uploader son PSD, l'application l'interprète et décompose les calques, puis vous donne les informations CSS.</p><p>Ce service, encore en béta est plutôt efficace. Je l'ai testé sur un PSD et n'ai pas été déçu. </p><p> </p><p>Sans plus attendre, voici le lien : <a href="https://projectparfait.adobe.com/" rel="external nofollow">https://projectparfait.adobe.com/</a> </p><p> </p><p>Vous pourrez surement plus vous en passer une fois testé. </p>
  • E

    Mondrian.io

    3
    0 Votes
    3 Posts
    2k Views
    E
    <p>Bonjour,</p> <p> </p> <p>Une petite application web nommé <a href="http://mondrian.io/" rel="external nofollow">Mondrian.io</a> vous permettra de créer et d'éditer des <a href="http://fr.wikipedia.org/wiki/Image_vectorielle" rel="external nofollow">images vectoriels</a>, à la manière d'illustrator ou d'inkskape, qu'ils soient en localstorage, sur internet ou sur votre ordinateur. </p> <p> </p> <p>PS : Ce sera bien évidemment moins efficace que les logiciels comme Illustrator. ^_^ </p> <p> </p> <p>Voilà. </p>
  • AbrahamA

    Code.org, codecademy

    5
    0 Votes
    5 Posts
    3k Views
    AbrahamA
    <p>Bonjour à tous ! </p> <p> </p> <p>Je viens vous présenter un projet qui souhaite réunir le plus de programmeurs possible autour d'une même passion : la programmation. Voici une petite vidéo de présentation.</p> <p> </p> <p style="text-align:center;"></p><p>https://www.youtube.com/watch?v=nKIu9yen5nc</p> <p> </p> <p>Une fois que vous avez regardé cette vidéo, je vous invite, vous, programmeur en herbe, à vous rendre sur ce site très bien foutu qui vous permettra d'apprendre méthodiquement plusieurs langages (PHP, HTML, CSS, Ruby, Python ...). Vous serez guidé pas à pas dans la programmation, en étant confronté tout le temps à des petits "travaux pratiques" que vous devrez réaliser vous même pour progresser dans le cour. Ne vous en faites pas, vous serez très bien guidé, et si vous avez des problèmes, il y a un petit bouton "HINT" qui vous aidera surement ! </p> <p> </p> <p>Sans plus attendre, voici le site : <a href="http://www.codecademy.com/fr/dashboard" rel="external nofollow">http://www.codecademy.com/fr/dashboard</a></p> <p> </p> <p>Cordialement, Abraham</p>
  • E

    Coleure

    6
    0 Votes
    6 Posts
    2k Views
    E
    <p>Bonjour,</p> <p> </p> <p>Dans un projet, pour ça création, on a souvent du mal à trouver des couleurs sympa, pas trop lumineux, pas trop sombre, bref un couleur qui fait bien. Et c'est pour ça que <a href="http://coleure.com/" rel="external nofollow">Coleure</a> est là. Ce site, original, vous présentera des couleurs plutôt bien choisi pour les intégrer dans votre projet.</p> <p> </p> <p>Dites-moi ce que vous en pensez ! </p>