8 meilleurs outils de développement pour Linux
Dans notre monde en évolution rapide, les frontières entre les différents systèmes d'exploitation sont souvent subtiles, ce qui est une bonne nouvelle pour les webmasters qui envisagent d'utiliser Linux sur leurs postes de travail de développement. Les créateurs de contenu issus de Windows et de macOS s'attendent souvent à continuer à utiliser leur logiciel de niveau professionnel comme Adobe Dreamweaver sous Linux, mais constatent qu'il n'y est pas disponible.
Bien qu'il soit possible d'exécuter de nombreuses applications Windows (y compris Dreamweaver) sous Linux via Wine, l'expérience et l'intégration au bureau ne seront pas les mêmes. L'état de la disponibilité des logiciels sous Linux s'améliore constamment, de nombreux produits commerciaux étant commercialisés aujourd'hui pour toutes les principales plates-formes - Windows, macOS et Linux - mais les commutateurs potentiels devraient être prêts à faire des compromis et parfois à changer leurs habitudes.
Nous avons sélectionné les applications Linux spécialisées les plus utiles qui rendront la transition plus confortable. Tout comme les outils et les ressources de notre outils de conception web Roundup, certains d'entre eux sont gratuits et open source, d'autres coûtent de l'argent, mais il n'y a pas de dépendance évidente entre la qualité et le prix.
Pour plus de conseils, consultez nos guides hébergement Web et choisir le parfait constructeur web . Et avant de continuer, assurez-vous d'avoir le meilleur stockage en ligne pour vos options. Mais pour l'instant, examinons de plus près ce qui est disponible.
01. Seamonkey
Compositeur Seamonkey est l'un des plus simples à utiliser constructeurs de sites Web et a une grande compatibilité avec les produits Mozilla. L'application est un éditeur WYSIWYG avec trois modes: éditeur de document, explorateur de balisage et éditeur de code source (pour plus d'options, consultez notre guide du meilleurs éditeurs de code ). Dans le cas le plus simple, un utilisateur peut simplement organiser du texte, des images, des tableaux et d'autres objets sans écrire une seule ligne de code, similaire à ce qu'un processeur de texte comme MS Word fournit. Seamonkey Composer créera automatiquement un balisage HTML approprié, ce qui sera suffisant pour les sites Web statiques.
De toute évidence, la plupart des projets Web modernes utilisent beaucoup de JavaScript et d'autres scripts distants, mais cela ne rend pas Composer inutile. Vous pouvez toujours préparer une conception de base avec lui et maîtriser le reste de vos projets avec d'autres outils. Par défaut, Composer stocke toute la mise en forme et tous les styles de texte enrichi directement dans le code HTML brut, mais il est possible de dire à Composer d'utiliser les styles CSS et de l'externaliser ultérieurement dans un fichier séparé.
Il y a aussi le bel onglet Aperçu, qui rend en direct un aperçu de votre projet de type navigateur, comme s'il était chargé dans un navigateur Web. La partie navigateur est le Seamonkey Navigator basé sur Gecko, qui ne diffère pas beaucoup de Mozilla Firefox en termes d'affichage du contenu Web. L'un des outils les plus pratiques de Composer est le bouton Publier de sa barre d'outils. Cela permet un téléchargement rapide et transparent de votre code directement dans le répertoire du site via FTP.
02. Combien
Combien est peut-être un logiciel de développement Web moins connu de nos jours, mais c'était un choix numéro un il n'y a pas si longtemps. La célèbre application Quanta Plus était un IDE intégré spécialement conçu pour les concepteurs et les développeurs Web, mais plus tard, elle a été absorbée par KDevelop , un IDE multiplateforme encore plus puissant. Cependant, le projet original Quanta Plus perdure sous le patronage de Environnements de bureau Trinity t (TDE), un effort de la communauté pour maintenir KDE3. Quoi qu'il en soit, il est toujours possible d'installer Quanta dans une distribution Linux moderne et de bénéficier de son riche ensemble de fonctionnalités.
Bien qu'un peu démodé, Quanta s'est avéré être un choix viable pour le projet Web actuel. L'éditeur arbore une interface à onglets et permet de travailler avec des styles de texte, des tableaux, des listes, des formulaires et des scripts. On suppose toujours qu'un utilisateur Quanta doit coder à la main, mais il existe de nombreux outils pour vous aider dans Quanta. Le menu Balises propose un catalogue trié de balises fréquemment utilisées et est idéal pour une recherche rapide de balises. La plupart des autres outils sont également faciles à trouver.
Grâce à la disposition d'interface traditionnelle de Quanta Plus, il existe des dizaines de fonctionnalités avancées ici et là, mais il est peu probable qu'un utilisateur se perde. Chaque fonctionnalité se trouve au bon endroit et donc explorer les possibilités de l'éditeur Quanta n'est jamais gênant.
03. Bluegriffon
BleuGriffon est un éditeur web construit autour du moteur de rendu de Mozilla Firefox mais c'est peut-être la seule chose qu'il a en commun avec Seamonkey. BlueGriffon est certainement un outil plus avancé à tous égards et il peut servir d'éditeur HTML pour des sites Web complexes. L'interface a une disposition saine et se sent proche d'un traitement de texte moyen, sauf peut-être pour le thème sombre par défaut utilisé par BlueGriffon.
L'application est proposée en trois variantes: la version freeware possède les fonctionnalités essentielles de l'éditeur WYSIWIG; la version Basic (75 euros) ajoute de nombreuses fonctionnalités de bon goût, notamment des éditeurs dédiés aux styles CSS et aux formules MathML, des extraits de code, un outil de prévisualisation de la version mobile, un gestionnaire de projet et une poignée d'outils de niveau professionnel.
La licence EPUB la plus chère (195 euros) s'adresse davantage aux concepteurs EPUB et offre un support pour l'exportation de projets vers EPUB 2/3. Cependant, la version gratuite de BlueGriffon est déjà une application à part entière qui vaut la peine d'être essayée pour produire un contenu Web de haute qualité.
La section Préférences de BlueGriffon est très similaire à celle de Firefox et en plus des nombreuses choses que vous pouvez personnaliser à votre guise, il est également possible d'étendre BlueGriffon avec des plug-ins supplémentaires. Par exemple, un bon début est d'ajouter des dictionnaires de vérification orthographique manquants et peut-être des choses comme FireFTP pour un téléchargement rapide du code.
Dans l'ensemble, vous ne pouvez pas vous tromper en ayant un éditeur Web puissant entièrement conforme aux dernières normes du W3C, notamment HTML5, CSS 2.1 et de grandes parties de CSS 3, CSS Media Queries, MathML, SVG, etc.
04. Sublime Text
Texte sublime offre encore une autre approche pour travailler avec les sites Web. L'application est essentiellement un éditeur de texte super chargé basé sur le framework Electron, de sorte qu'il a un moteur de navigateur en son cœur. L'interface est minimaliste et axée sur le code; il se compose simplement d'une zone d'édition de texte, tandis que toutes les fonctionnalités avancées sont cachées dans les éléments de la barre de menus. Cependant, il est facile d'ajuster la disposition de l'interface utilisateur Sublime Text à un goût plus exigeant.
Le menu Affichage vous permet de multiplexer le panneau de l’éditeur par colonnes ou lignes et également d’ajouter le panneau le plus à gauche avec la liste des fichiers ouverts. Il s'avère que Sublime Text est un outil judicieux à utiliser pour augmenter votre productivité car il permet de travailler avec plusieurs fichiers à la fois, même sans avoir besoin de basculer entre les onglets. Sublime Text prend en charge les plugins et c'est là que nous pouvons rendre cet éditeur de texte généraliste plus axé sur le Web.
Commencez par installer Package Control, un gestionnaire de plugins pour Sublime Text. Ensuite, vous pourrez obtenir divers avantages supplémentaires, comme Emmet pour les extraits de code en JavaScript, HTML et CSS, le plug-in d'intégration Git, le sélecteur de couleurs, le minificateur de code et bien d'autres. Les plug-ins ajoutent vraiment beaucoup aux fonctionnalités de l’éditeur. Par exemple, le plugin SideBarEnhancements permet de renommer, déplacer et dupliquer des fichiers, ce qui n'est pas possible autrement.
Rendez visite au Site de contrôle des packages , qui héberge des centaines de plugins de toutes sortes, dont beaucoup peuvent transformer Sublime Text en un superbe couteau suisse pour le développement Web.
05. Code Visual Studio
Traditionnellement, Code VS établit des comparaisons avec Sublime Text, car les deux éditeurs de code offrent un design moderne, un thème sombre et un ensemble respectueux de plugins supplémentaires. Encore une fois, ce sont des plugins qui peuvent transformer un outil de développement à usage général en un logiciel axé sur le Web. Dans le cas de VS Code, la liste incontournable comprend les codes Font Awesome, CSS Peek, CSS Tree Validator, Live Sass Compiler ainsi qu'un plugin de minification de code.
Le plus fort de VS Code est qu'il dispose de tous les outils les plus fréquemment utilisés à portée de main: la barre latérale cache un explorateur de projet, un outil de recherche et de remplacement, un panneau de contrôle de source, un débogueur et un gestionnaire d'extensions intégré. Il existe également plus de 10000 extensions disponibles pour pratiquement tous les usages et tous les goûts, toutes peuvent être installées en quelques clics de souris. L'objectif reste le même: les extensions aident à rendre les utilisateurs de VS Code plus productifs dans l'écriture et l'édition du code source.
Les fonctionnalités d'édition dans VS Code sont superbes; par exemple, l'indentation, l'exécution d'extraits de code et la correspondance entre crochets fonctionnent tout simplement et ne vous gênent pas. Cela peut être un peu lent lors de la mastication de fichiers très volumineux (ceux pesant 5 Mo et plus), mais ce n'est, espérons-le, pas le cas pour la plupart des projets Web. Avec la prise en charge de la division d'écran, des onglets, des miettes de pain et de nombreux paramètres d'affichage utiles, VS Code est facile à prendre et à utiliser immédiatement. Bien que, espérons-le, les utilisateurs de Linux ne craignent pas que VS Code ressemble et ressemble à un produit Microsoft.
06. Pinegrow
Pinegrow est un studio web puissant avec des moyens développés pour le stylisme et l'édition visuelle. Alors que de nombreux autres éditeurs Web peuvent ressembler à des applications de traitement de texte, Pinegrow pourrait être mieux comparé à un éditeur vectoriel. L'interface est quelque peu unique par rapport à ses contemporains, mais elle est assez confortable à utiliser.
Bien que vous puissiez démarrer un nouveau projet Pinegrow avec un index.html vide et tout écrire à la main, l'application vous encourage à utiliser des modèles de page, qui sont de très haute qualité. Il faut beaucoup moins d'efforts pour remplir le projet basé sur un modèle avec votre propre texte et images que de faire la même chose à partir de zéro. Pinegrow est également la seule application de notre guide qui masque le code source d'un projet Web par défaut - appuyez sur Ctrl + E pour en parler. D'autre part, utiliser votre souris pour sélectionner des blocs logiques sur la page puis les ajuster s'est avéré plus rapide et plus efficace que l'écriture de code. En plus de cela, Pinegrow ajoute un merveilleux éditeur visuel CSS, une barre latérale pratique avec des widgets que vous pouvez faire glisser et déposer sur le canevas (boutons, tableaux, champs de texte, etc.) et quelques plug-ins supplémentaires (payants).
Pour toutes ces nombreuses fonctionnalités, Pinegrow propose aux développeurs des options d'achat allant de 36 $ à 111 $. La licence de base devrait être suffisante pour les sites Web d'une page, tandis que la licence pro coûteuse comprend une collection de thèmes WordPress. Quoi qu'il en soit, il y a une période d'essai de 30 jours, ce qui est suffisant pour prendre Pinegrow pour un tour.
07. Dripping
À bien des égards, Égouttage est comme Pinegrow, seulement un peu plus simple et fonctionnant sur une base d'abonnement mensuel ou annuel (comme 9 $ par mois). L'application est idéale pour produire des landing, des portfolio, des menus alimentaires ou des pages web personnelles grâce aux 17 modèles joliment stylisés. Bien sûr, cela limite la créativité à certains égards, mais en retour, vous obtenez des recettes rapides pour faire avancer les choses. Pingendo propose un riche ensemble de choses à glisser-déposer sur votre page Web, y compris toutes sortes d'éléments de navigation, de fileurs, de sélecteurs, de badges, de cartes, de parties Google Map et plus encore.
L'interface de Pingendo peut sembler plus basique que celle de Pinegrow, mais elle est également plus claire et plus facile à habituer. La barre supérieure comporte des options de prévisualisation et vous permet de voir instantanément à quoi ressemblera la page Web sur un écran de smartphone, tablette ou ordinateur portable. Le panneau latéral gauche rétractable est un bon exemple de dissimulation d'un grand nombre d'éléments à l'intérieur d'une barre d'outils compacte. Alors que la plupart des panneaux et sections sont ancrés sur les côtés, certains éléments flottent comme des sous-fenêtres séparées.
Par exemple, vous pouvez organiser l'arborescence des projets et les fenêtres HTML / SASS comme vous le souhaitez ou les fermer si elles vous gênent. La seule déception possible de Pingendo est qu'il s'agit uniquement d'un constructeur Bootstrap et non d'un éditeur de page Web universel. En même temps, c'est l'une des meilleures solutions pour créer des sites basés sur Bootstrap, en utilisant une superbe interface avec beaucoup d'ajustement et de finition.
08. Aptana Studio
Aptana vous laissera un peu de repos du logiciel payant, car le gros bouton bleu Télécharger du site officiel mène directement à la page GitHub du projet (rendez-vous sur Releases pour obtenir le logiciel rapidement). Aptana est un logiciel basé sur Java qui ressemble plus à l'IDE d'un développeur. Le logiciel est cependant fortement axé sur les éléments liés au Web et peut être intéressant pour les développeurs et les administrateurs Web.
Vous commencez avec un écran vide et allez probablement d'abord dans l'assistant Nouveau projet. Notez quelques préréglages qui incluent des modèles Ruby, Rails et PHP. En utilisant le panneau Explorateur de projet sur le côté gauche de l'écran, il est possible de naviguer dans la structure de répertoires et de créer des fichiers.
La zone principale de la fenêtre Aptana Studio est consacrée à un éditeur de texte avec numérotation des lignes, mise en surbrillance du code, onglets et autres fonctionnalités essentielles. Semblable à d'autres IDE de haute qualité, Aptana dispose d'un assistant de code qui fournit des astuces pour les balises HTML5 et CSS, ainsi que pour les objets Java et PHP / Ruby. Un débogueur de code et des outils de déploiement avancés sont également inclus et, à notre avis, cela seul fait d'Aptana un outil de développement Web plus préférable qu'un éditeur basé sur un navigateur. Par exemple, Aptana fonctionne très bien avec les connexions SFTP et FTPS sécurisées modernes dès la sortie de la boîte, ce qui est apparemment un problème pour de nombreuses applications plus simples.
De plus, ne manquez pas l’onglet Terminal sous la zone d’édition principale d’Aptana. Le terminal est un moyen efficace de déployer des applications Web (par exemple avec Déploiement propre de $ mvn ), ainsi qu'un accès rapide à l'extraction, la synchronisation et la fusion de code (par exemple via Git).
Cet article a été initialement publié dans le numéro 319 de rapporter , le magazine le plus vendu au monde pour les concepteurs et développeurs Web. Abonnez-vous au net .
Rejoignez-nous à Rich Mix, Shoreditch le 26 septembre pour Generate CSS, une conférence sur mesure pour les concepteurs Web présentée par Creative Bloq, net et Web Designer. Réservez votre billet Early Bird avant le 15 août à www.generateconf.com .
Lire la suite:
