Aller directement au contenu

Outils du développeur

9 Sujets 77 Messages

<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>

Cette catégorie peut être suivie depuis le web social ouvert via le pseudo outils-du-dé[email protected]

  • [Site] CodeAnywhere

    18
    0 Votes
    18 Messages
    9k Vues
    AzadA
    CodeAnywhere [image: xNqNYVC.png?1] Aujourd'hui je viens vous présenter un site que j'ai découverts, qui a l'air vachement intéressant : CodeAnywhere. 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ù. Si vous disposez d'un projet commun ou personnel, qu'il soit sur votre  Dropbox , votre Github, votre FTP ou d'autres services du cloud, CodeAnywhere vous permet de coder e t travailler dessus depuis n'importe où dans le monde. Il vous suffit de vous rendre sur le site pour travailler sur votre projet, et c'est super intéressant. Visiblement, tout les langages sont nativement pris en charge, du moins la plus grande majorité. 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. Petit plus personnel : Le SSL est activé sur l'ensemble du site. https://codeanywhere.com/ [image: UjTnQ3H.png]
  • [Mozilla] Nouveau navigateur dédié aux développeurs

    4
    0 Votes
    4 Messages
    4k Vues
    F
    Salut à tous, 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. 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. Le dernier outil en date est Firefox WebEDI, 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. 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. 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. « 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 », explique la fondation Mozilla. 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. 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. 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. Source: www.developpez.com/actu/76859/Mozilla-va-lancer-un-nouveau-navigateur-dedie-aux-developpeurs-le-10-novembre/ Cordialement, FaKe77.
  • [Logiciel] Sublime Text

    23
    0 Votes
    23 Messages
    6k Vues
    AzadA
    Sublime Text 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. Liens : http://www.sublimetext.com/ Téléchargement : Sublime Text 3 is currently in beta. The latest build is 3059. OS X (10.7 or later is required) Windows - also available as a portable version Windows 64 bit - also available as a portable version Ubuntu 64 bit - also available as a tarball for other Linux distributions. Ubuntu 32 bit - also available as a tarball for other Linux distributions. 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). Quelques screenshots : ![word_highlighting.png](<base_url>/applications/sslimageproxy/interface/image.php?url=http://c758482.r82.cf2.rackcdn.com/word_highlighting.png) [image: sublime.png] [image: alpha_goto_anything2_large.png] C'est le logiciel que j'utilise personnellement pour tout mes projets web et je le recommande à tout le monde.
  • [Logiciel] PNG Gauntlet

    8
    0 Votes
    8 Messages
    3k Vues
    AnaeriaA
    Bonjour à tous, Après une longue errance en tant qu'infographiste web, j'ai enfin trouvé un logiciel qui permet de facilement optimiser les PNG : http://pnggauntlet.com/. Petit rappel du problème avec les PNG. 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. 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). 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. 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 . 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 ! Simple, léger, efficace et fait gagné du temps de production. 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).
  • Débuter avec Git

    Épinglé
    5
    0 Votes
    5 Messages
    3k Vues
    SoulalexS
    [image: [email protected]] Débuter avec Git Ce tutoriel va vous aider à maîtriser Git, un célèbre logiciel de gestion de version, pour gérer au mieux vos projets. 1. Git qu’est-ce que c’est ? Git est logiciel de gestion de version décentralisé créé par Linus Torvalds, créateur du noyau Linux, lancé en 2005. Autrement dit, c’est un logiciel qui vous permettra de gérer les modifications apportées à un répertoire de travail. Ainsi, la gestion de votre projet sera considérablement améliorer et vos collaborateurs pourront travailler sereinement dessus sans avoir à se communiquer le code source avec un suivit complet de l’évolution du code source à 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 : Commit : Regroupe une liste de modifications apportées au répertoire ainsi que des informations données par l’auteur. Diff : Permet de connaître les différences entre deux commits. Branch : Permet de dériver vos branches (autrement dit, ce seront des versions de votre projet). Pull : Permet de récupérer un répertoire depuis un dépôt (plusieurs options de fusion s’offrent à vous). Push : Permet de pousser un répertoire vers un dépôt. Patch : Permet de créer et d’appliquer des patchs sur votre répertoire (Les patchs se génèrent à partir d’un commit). 2. Utilisation de Git 2.1 En ligne de commande Son utilisation est plus ou moins complexe puisque ce logiciel est conçu pour être utilisé en ligne de commandes. Il vous faut donc absolument connaître cette liste de commandes ci-dessous : git init : Créé un répertoire de travail. git clone <depot> : Clone un dépôt dans votre répertoire de travail. git add <fichier> : Ajoute un fichier au dépôt. git commit -a : Commit tous les fichiers. git commit <fichier> : Commit le fichier. git pull origin : Récupère le code source depuis le dépôt cloné. git push origin : Pousse votre code source vers un dépôt cloné. git branch <branche> : Créé une branche. git branch –d <branche> : Supprime une branche git checkout <fichier> : Annule les modifications apportées à un fichier. git reset --hard : Annule toutes les modifications apportées à un répertoire. Git diff <fichier> <fichier> : Affiche les différences entre deux fichiers. 2.2 Avec une interface graphique Heureusement, des développeurs ont créé des logiciels clients permettant d’obtenir une interface graphique du produit en interprétant les données de configuration stockées par Git dans votre répertoire de travail. Sur le site officiel de Git, vous pourrez trouver une large gamme de clients graphiques. ![495471gitextensiontutogit.png](<base_url>/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/495471gitextensiontutogit.png) Git Extensions, un client GUI de Git. Trois commandes  à ne pas oublier : Commiter : Commentez et ajoutez votre travail à votre répertoire. ![480458commitgit.jpg](<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/480458commitgit.jpg) Pousser : Envoyez votre travail sur un répertoire distant. ![156315pushgit.jpg](<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/156315pushgit.jpg) Récupérer : Récupérer un travail depuis un dépôt comme Github. [image: 272430pullgit.jpg] 3. GitHub : Partagez vos projets en ligne Avec GitHub, vous pourrez partager vos projets avec vos collaborateurs. 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 bugtracker (dans l’onglet « Issues ») et un rebasage de votre branche sur d’autres créées par des contributeurs de votre projet (dans l’onglet « Pull Requests »). Vous avez aussi la possibilité de créer un « wiki » 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 possibilité de les privatiser, malheureusement ce service est payant. Créer un  répertoire : Sur la page d’accueil de GitHub, à droite, vous avez la liste de vos répertoires et un bouton « New repository ». [image: 655332newrepo.jpg] Découverte du dépôt : ![615461repo.jpg](<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/615461repo.jpg) Branch : 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. Issues : 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. ![974458githubissuses.jpg](<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/974458githubissuses.jpg) Pull Requests : 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. ![922794githubpullrequest.jpg](<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/922794githubpullrequest.jpg) Wiki : Une petite documentation pour votre projet ? Ça ne fait pas de mal.
  • Project Parfait

    5
    0 Votes
    5 Messages
    2k Vues
    E
    Bonjour, Savez-vous ce qu'est Project Parfait ? 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. Ce service, encore en béta est plutôt efficace. Je l'ai testé sur un PSD et n'ai pas été déçu. Sans plus attendre, voici le lien : https://projectparfait.adobe.com/ Vous pourrez surement plus vous en passer une fois testé.
  • Mondrian.io

    3
    0 Votes
    3 Messages
    2k Vues
    E
    Bonjour, Une petite application web nommé Mondrian.io vous permettra de créer et d'éditer des images vectoriels, à la manière d'illustrator ou d'inkskape, qu'ils soient en localstorage, sur internet ou sur votre ordinateur. PS : Ce sera bien évidemment moins efficace que les logiciels comme Illustrator. ^_^ Voilà.
  • Code.org, codecademy

    5
    0 Votes
    5 Messages
    3k Vues
    AbrahamA
    Bonjour à tous ! 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. https://www.youtube.com/watch?v=nKIu9yen5nc 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 ! Sans plus attendre, voici le site : http://www.codecademy.com/fr/dashboard Cordialement, Abraham
  • Coleure

    6
    0 Votes
    6 Messages
    2k Vues
    E
    Bonjour, 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 Coleure est là. Ce site, original, vous présentera des couleurs plutôt bien choisi pour les intégrer dans votre projet. Dites-moi ce que vous en pensez !