![\"banner_web_design\"](\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/9\/2010\/05\/banner_web_design.png\")
<\/p>\n<\/p>\n
Le besoin d’avoir une “trousse \u00e0 outils” de logiciels polyvalents et pratiques s’est vite fait sentir quand j’ai voulu d\u00e9velopper \u00e0 titre personnel et en amateur un site web<\/a> et un blog<\/a> sous WordPress.<\/p>\n De la gestion des acc\u00e8s distants (FTP et consorts) \u00e0 l’\u00e9dition de feuilles de style CSS; voici la liste tr\u00e8s personnelle et loin d’\u00eatre objective (ni exhaustive) de mes softs indispensables pour le webdesign sur Mac.<\/em><\/p>\n <\/p>\n Gestion des sites, \u00e9dition des CSS, pr\u00e9visualisation, Coda sait tout faire<\/strong>. Ce logiciel est un peu le roi de l’\u00e9dition web. D\u00e9velopp\u00e9 pour Mac OS, il s’int\u00e8gre parfaitement au syst\u00e8me, avec une \u00e9l\u00e9gance certaine. A des lieues d’un Dreamweaver, pesant et bien plus complexe \u00e0 prendre en main.<\/p>\n Passer en revue toutes les fonctionnalit\u00e9s de Coda m\u00e9riterait un post \u00e0 part enti\u00e8re. Rendez-vous sur notre test<\/a> pour en savoir un peu plus, et t\u00e9l\u00e9chargez la version d’essai pour vous faire votre propre opinion. Ce logiciel m\u00e9rite votre attention!<\/p>\n <\/p>\n Espresso permet d’organiser, trouver, pr\u00e9visualiser, publier, \u00e9diter, naviguer, synchroniser, etc. <\/p>\n Polyvalent, TextWrangler est tr\u00e8s pratique sans \u00eatre trop complexe. si vous cherchez un sp\u00e9cialiste de l’\u00e9dition HTML, le m\u00eame \u00e9diteur propose BBEdit, un incontournable dans sa cat\u00e9gorie. <\/p>\n Malheureusement, le d\u00e9veloppeur n’a plus vraiment le temps de mettre la main \u00e0 la p\u00e2te et son projet est en pause. Esp\u00e9rons que quelqu’un prenne la rel\u00e8ve.<\/p>\n <\/p>\n Transmit propose un widget pour Dashboard et des scripts Automator pour aller encore plus loin dans l’exploitation de votre FTP. La version 4 permet m\u00eame de monter ses disques distants sur le bureau. Indispensable.<\/p>\n <\/p>\n A noter que les d\u00e9veloppeurs travaillent d’arrache-pied pour mettre \u00e0 jour leur logiciel tr\u00e8s r\u00e9guli\u00e8rement. <\/p>\n Cette technique rajoute la prise en charge de syst\u00e8mes de fichiers non support\u00e9s par Mac OS X dans sa configuration d’origine. En installant le couple MacFuse (code) et MacFusion (interface graphique), vous pourrez faire monter vos disques FTP sur le bureau, dans le Finder comme n’importe quelle autre unit\u00e9 de stockage.<\/p>\n Seul souci \u00e0 signaler lors de mes tests: les temps de transferts sont plus longs que via un logiciel d\u00e9di\u00e9. A vous de tester !<\/p>\n <\/p>\n D\u00e9compressez l’archive et vous avez \u00e0 disposition un serveur avec MySQL, Apache et PHP sous la main. Consultez ce tutoriel<\/a> tr\u00e8s bien fait pour en savoir un peu plus sur l’installation d’un WordPress en locale avec Mamp.<\/p>\n <\/p>\n Alkaline est aussi une application de gestion pour votre Mac qui peut s’int\u00e9grer directement dans Coda ou Textmate.<\/p>\n <\/p>\n Regardez aussi PixelMator<\/a>, Gimp <\/a>– bien entendu – ou encore Picturesque<\/a>, lequel est plus orient\u00e9 publication web (pour accompagner un post de blog).<\/p>\n <\/p>\n Ma pr\u00e9f\u00e9rence va vers Rapidweaver qui propose une interface plus compl\u00e8te. <\/p>\n Pour un amateur comme moi, la ma\u00eetrise ce genre de logiciel est encore un but qu’il sera difficile d’atteindre.<\/p>\n","protected":false},"excerpt":{"rendered":" Le besoin d’avoir une “trousse \u00e0 outils” de logiciels polyvalents et pratiques s’est vite fait sentir quand j’ai voulu d\u00e9velopper \u00e0 titre personnel et en amateur un site web et un blog sous WordPress. De la gestion des acc\u00e8s distants (FTP et consorts) \u00e0 l’\u00e9dition de feuilles de style CSS; voici la liste tr\u00e8s personnelle … Continue reading “Outils de webdesign sur Mac: ma s\u00e9lection tr\u00e8s personnelle”<\/span><\/a><\/p>\n","protected":false},"author":8008,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[1],"tags":[461,462,15,59],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-3975","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-developpement","tag-editeur-html","tag-internet","tag-web-reseau-social"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/posts\/3975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/users\/8008"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/comments?post=3975"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/posts\/3975\/revisions"}],"predecessor-version":[{"id":168743,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/posts\/3975\/revisions\/168743"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/media?parent=3975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/categories?post=3975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/tags?post=3975"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/usertag?post=3975"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/vertical?post=3975"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/content-category?post=3975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Edition web<\/h2>\n
![\"\"](\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/9\/2010\/04\/2t_toneshop_THUMB.jpg\")
<\/a>Coda<\/a><\/strong><\/p>\n<\/a>Espresso<\/a><\/strong>
\nAlternative au pr\u00e9c\u00e9dent, Espresso est un nouveau venu dans l’\u00e9dition web qui a fait voeux de regrouper l’ensemble des fonctionnalit\u00e9s sous une m\u00eame interface. Avantage imm\u00e9diat: ne plus avoir \u00e0 switcher entre les logiciels pour \u00e9diter du code.<\/p>\n
\nL’interface est claire, les fonctionnalit\u00e9s nombreuses. On sent que c’est un outil de travail qui fera le bonheur de tous les Mac users<\/strong>.<\/p>\n<\/a>TextWrangler<\/a><\/strong>
\nSi vous cherchez un simple \u00e9diteur de texte de qualit\u00e9<\/strong>, TextWrangler est fait pour vous. Loin de proposer la caravane de fonctionnalit\u00e9s d’un Coda ou d’un Espresso, TextWrangler se concentre sur l’\u00e9dition de texte mais le fait bien.<\/p>\n
\nEt profitez-en pour jeter un coup d’oeil \u00e0 Yojimbo<\/a>, qui cache un puissant fourre-tout pour vos notes et vos id\u00e9es.<\/p>\n<\/a>Smultron<\/a><\/strong>
\nVersion all\u00e9g\u00e9e et gratuite de TextWrangler, Smultron est l’alternative Open Source<\/strong> pour \u00e9diter son code HTML.<\/p>\nFTP & Co<\/h2>\n
<\/a>Transmit<\/a><\/strong>
\nEdit\u00e9 par la m\u00eame \u00e9quipe qui a cr\u00e9\u00e9 Coda, Transmit est s\u00fbrement l’un des gestionnaire de FTP les plus complets<\/strong> pour la plateforme Mac.
\nVous y trouverez tout le n\u00e9cessaire et plus encore.<\/p>\n<\/a>Cyberduck<\/a><\/strong>
\nAlternative Open Source<\/strong> au pr\u00e9c\u00e9dent, le canard num\u00e9rique tient bien la comparaison. Complet, dot\u00e9 d’une interface simple et accessible m\u00eame aux plus novices, Cyberduck est un partenaire de choix.<\/p>\n
\nUn don pour les soutenir est r\u00e9ellement le moins que vous puissiez faire!<\/p>\n<\/a>MacFuse<\/a>\/ MacFusion<\/a><\/strong>
\nAutre possibilit\u00e9 si vous ne souhaitez pas vous encombrer d’un logiciel FTP: l’int\u00e9gration de vos disques distants dans le Finder<\/strong>. Une op\u00e9ration rendue possible gr\u00e2ce \u00e0 la technologie MacFuse.<\/p>\nTesting<\/h2>\n
<\/a>Mamp<\/a><\/strong>
\nMamp est une solution cl\u00e9 en main pour cr\u00e9er une copie locale de votre site internet<\/strong>.<\/p>\n
\nUne option tr\u00e8s efficace pour r\u00e9gler, affiner et modifier vos installations web sans toucher aux versions en ligne. Il vous suffira ensuite d’uploader les modifications sur votre “vrai” serveur une fois les v\u00e9rifications n\u00e9cessaires effectu\u00e9es.<\/p>\n![\"alkaline-icon\"](\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/9\/2010\/05\/alkaline-icon.png\"){kind=icon}
Alkaline<\/a><\/strong>
\nAlkaline, c’est \u00e0 la fois un logiciel, une web app et une s\u00e9rie d’extensions. Son utilit\u00e9 principale est de pouvoir tester la compatibilit\u00e9 de votre site web avec la plupart des navigateurs<\/strong> du march\u00e9, quelle que soit leur version.
\nVous devrez ouvrir un compte sur le site de l’\u00e9diteur pour acc\u00e9der aux profils de test et soumettre votre projet. Diverses offres sont propos\u00e9es, dont une gratuite.<\/p>\nDivers<\/h2>\n
<\/a>Photoshop<\/a><\/strong>
\nLe poids lourd de l’image<\/strong> est toujours pr\u00e9sent quand il s’agit de production graphique. Alors bien s\u00fbr c’est un poste de d\u00e9pense important dans le pack de logiciels propos\u00e9, mais des alternatives plus light existes si vous ne pouvez pas vous offrir le “pr\u00e9cieux”.<\/p>\n<\/a><\/a>iWeb<\/a>, Rapidweaver<\/a>, Sandvox<\/a><\/strong>
\nLes designers en herbe trouveront leur bonheur avec l’une de ces trois applications qui vous prend par la main pour d\u00e9velopper vos premi\u00e8res pages web<\/strong>. Les plus chevronn\u00e9s y trouveront quelques sources d’inspiration.<\/p>\n
\niWeb est un pur produit Apple, tr\u00e8s bien finalis\u00e9 mais plut\u00f4t “ferm\u00e9”. Sandvox me semble un peu \u00e0 la tra\u00eene par rapport \u00e0 Rapidweaver. Moins de choix de templates, une offre de plug-ins moins d\u00e9velopp\u00e9e.<\/p>\n<\/a>Dreamweaver<\/a><\/strong>
\nBien que moins “sexy” que Coda ou Espresso, Dreamweaver n’en reste pas moins une r\u00e9f\u00e9rence pour d\u00e9velopper<\/strong>. Pour la gestion et l\u2019\u00e9dition de code, une connaissance de ce logiciel est r\u00e9ellement un plus, m\u00eame si les alternatives plus jeunes et jolies sont maintenant nombreuses.<\/p>\n