Contrairement à Apple, Adobe semble aimer partager ses idées de produits dès l’enfance. C'est à la fois une bonne et une mauvaise chose. En tant qu'utilisateur, c'est amusant de voir ce qu'Adobe a dans sa manche. Certes, il est frustrant de passer du temps à travailler sur un projet avant de le voir disparaître complètement et ne jamais aboutir. Il y a aussi la frustration liée à l'utilisation de tout projet de version bêta précoce. Autoriser les utilisateurs à consulter la version à peine fonctionnelle de votre produit peut les dissuader d'essayer la version finale.
Pour le meilleur ou pour le pire, Adobe présente souvent ses produits en plein essor au public. La dernière application de cette tendance est un éditeur de texte appelé Brackets. Adobe affirme que ce nouvel éditeur de texte sera innovant, ouvert, ciblé et extensible. Les supports seront-ils à la hauteur de ces nobles promesses? Continuez à lire pour le découvrir.
Qu'est-ce que les crochets?
La page d'accueil du projet Brackets présente l'application comme un "éditeur de code source ouvert construit avec le Web pour le Web". Par là, ils signifient qu'il est réellement construit avec HTML, CSS et JavaScript, ce qui le rend très facile à étendre et à modifier. C’est génial car c’est aussi 100% open source.
Bon PR
Le fait que Brackets soit complètement open source est très intéressant. Je ne suis pas sûr que Adobe ait jamais vraiment consacré du temps et des efforts légitimes à une application gratuite et open source. Cela représente un événement assez important et ce sera vraiment intéressant de voir où il mène.
En fin de compte, je pense que la participation d’Adobe à des projets comme celui-ci est vraiment une très bonne chose. Il est indéniable que leur réputation auprès des développeurs Web a été plutôt rude ces derniers temps. J'ai moi-même écrit des articles entiers expliquant pourquoi Adobe ne comprend pas les développeurs.
L'ensemble du projet Brackets est une réponse décente à cette plainte. S'il y a une chose que vous pouvez faire pour gagner les faveurs de la communauté des concepteurs de sites Web, c'est pour intervenir et nous donner quelque chose sur lequel nous pouvons tous travailler et que nous pouvons prendre.
Au-delà de cela, Brackets est enfin un projet uniquement destiné aux codeurs, et non un WYSIWYG à moitié cuit destiné à éliminer le codage du flux de travail de développement Web. Adobe est mieux placé que quiconque sur la planète pour créer un éditeur de texte qui devienne la norme de l'industrie, mais les précurseurs de ce jeu proviennent de tous, sauf d'Adobe: Sublime Text, Textmate, Coda, Espresso; tout cela vient à l’esprit avant tout produit Adobe.
Git Your Code On
Étant donné que Brackets est un projet open source, il est logique qu’il soit actuellement hébergé sur Git Hub. Cela signifie que toute personne utilisant CSS, HTML et JavaScript peut s'emparer du projet et y contribuer. En fait, Adobe mise beaucoup sur ce projet mené par la communauté. Si vous pensez qu'il manque des fonctionnalités, corrigez-les!
Si vous voulez essayer Brackets par vous-même, ouvrez la page de téléchargement du projet et saisissez un fichier .zip. Gardez à l'esprit que ce que vous allez trouver est un peu non conventionnel, car l'application en est à un stade précoce de développement et n'est en aucun cas destinée à un usage public général.
Lorsque vous téléchargez le fichier .zip, ouvrez-le et vous trouverez toutes sortes de fichiers. L'application elle-même est contenue dans le? Bin? dossier, alors quoi de tout cela?
Le reste des fichiers que vous voyez contient en fait la source complète de l'application. Comme il est écrit en HTML, CSS et JavaScript, ce n'est pas une application native, mais simplement enveloppé dans un shell natif afin de pouvoir accéder aux fichiers locaux.
Parce que vous avez accès à tous les fichiers sources, vous pouvez commencer tout de suite à le pirater et à le modifier. Génial!
Utiliser des crochets
Lorsque vous ouvrez Brackets, vous verrez immédiatement qu'Adobe tente de sortir du tableau de bord avec son interface en panneau remplie d'icônes, de barres d'outils, d'options de menu, etc. Ils réalisent certes que ces éléments ne servent qu’à entraver le développement Web et optent plutôt pour la simple interface à deux colonnes illustrée ci-dessous.
Comme vous pouvez le constater, il s'agit d'un éditeur pointu, empruntant énormément au célèbre modèle d'interface utilisateur de Loren Brichter, devenu si célèbre (barre latérale sombre, interface claire). Actuellement, les options de menu sont nichées à l'intérieur de la fenêtre de l'application, mais il ne s'agit que d'un problème temporaire qui sera résolu à long terme.
La mise en évidence de la syntaxe est évidemment opérationnelle, le navigateur de fichiers de gauche est agréable? mais quoi de si novateur dans cette affaire?
Edition rapide
Adobe dit qu'ils ont des tonnes d'idées sur la façon de faire de Brackets un éditeur de texte vraiment innovant. Étant donné que ce marché manque d'innovation réelle depuis quelques années (à l'exception de Sublime Text 2), c'est une chose qui peut me passionner.
Malheureusement, le projet est suffisamment nouveau pour ne pas en montrer beaucoup dans ce domaine. Cependant, il existe au moins deux caractéristiques à discuter, la première s'appelle Édition rapide.
Supposons que vous naviguez dans votre code HTML et que vous souhaitiez modifier rapidement votre code CSS. Dans tous les autres éditeurs de texte, vous devez passer au fichier CSS. Cependant, entre parenthèses, vous pouvez insérer votre curseur dans la classe et appuyer sur Commande-E pour ouvrir la fonction Édition rapide.
Comme vous pouvez le constater, votre code HTML s'ouvre et révèle un calque CSS masqué. Sur la droite, vous pouvez voir les règles CSS qui affectent votre classe sélectionnée. Cliquez simplement sur un pour le choisir et modifiez le texte à gauche pour mettre à jour votre fichier .css externe actuel.
C’est une fonctionnalité vraiment très agréable et c’est définitivement le type de pensée unique et novatrice que nous attendons tous avec impatience que les développeurs l’apportent aux éditeurs de texte Web. Espérons que nous verrons beaucoup plus de fonctionnalités comme celle-ci très bientôt.
Aperçu en direct
La deuxième grande fonctionnalité est la possibilité de lier votre document HTML à votre navigateur.En cliquant sur l'éclair dans le coin supérieur droit de l'interface, vous ouvrez un aperçu du document actuel dans votre navigateur.
Une fois que vous avez cet aperçu derrière vous, il se mettra à jour en direct et instantanément lorsque vous modifierez le code CSS de la page. Aucun bouton d'actualisation requis.
Actuellement, cela ne fonctionne que dans Chrome et avec CSS. Si vous modifiez le balisage réel, vous devrez actualiser la page manuellement. Encore une fois, ce ne sera probablement pas vrai à long terme.
Comment c'est?
Il est absolument injuste de juger Brackets dans son état actuel, mais Adobe l'a rendu public, je pense donc qu'une discussion publique est appropriée.
En ce qui concerne Brackets, il n’est pas près de quelque chose que vous voudrez prendre pour un usage quotidien. Lag, problèmes, comportement inattendu; toutes les marques d'une version bêta précoce sont là. De plus, à part Quick Edit, il n’ya vraiment pas grand-chose en soi d’être impressionné en tant qu’utilisateur. Ils n'ont même pas fini d'ajouter les fonctionnalités habituelles d'un éditeur professionnel: mode écran divisé, sélections multiples, etc.
Cela étant dit, ce qui est plus important que ce que le projet ressent dans son état actuel, c'est où il va. Supports a la potentiel se transformer en quelque chose de vraiment génial s’il est propagé correctement.
Sublime Text nous a montré à quel point un éditeur de texte simple peut être incroyable avec de nombreuses options de personnalisation ouvertes et une architecture de plug-ins riche. Brackets reprend cette tradition et la pousse encore plus loin. Si Adobe se penche réellement sur le problème au cours des deux prochaines années et insiste sur le développement, cela pourrait devenir un éditeur de texte incroyable.
Malheureusement, le sceptique en moi est une forte bête qui dépasse souvent mon optimisme. Adobe adore démarrer des projets, créer du battage publicitaire, puis les abandonner au profit d'une nouvelle entreprise qui promet davantage pour attirer davantage l'attention. Cela arrivera-t-il aux supports? Personne ne peut dire.
En bout de ligne: il est tout à fait rafraîchissant de voir Adobe aborder un projet pour les développeurs Web sous un angle qui a du sens pour les vrais développeurs Web et j'espère qu'ils ne le gâchent pas.
Qu'est-ce que tu penses?
Ce n'est pas la première fois que je parle d'un nouveau projet Adobe ces dernières années, mais c'est peut-être la première fois que j'ai quelque chose de gentil à dire. Je suis impatient de voir où se déroulera ce projet au cours de la prochaine année et je téléchargerai avec impatience les nouvelles versions afin de suivre l'évolution de Brackets.
J'aimerais entendre vos pensées sur les supports. Est-ce le prochain grand éditeur de texte pour le développement Web ou un autre flop Adobe? Est-ce que vous appréciez la route open source? Allez-vous contribuer au projet? Laissez nous savoir!