Aperçus de Coda 2 et Diet Coda
par Nicolas Furno le 24.05.2012 à 18:10
Panic a enfin sorti une nouvelle version de son gestionnaire de sites Internet. Coda 2 [2.0 / Démo – US – 79,99 € (promo à 39,99 €) – 37,6 Mo – Panic, Inc.] est une mise à jour majeure de l'application, cinq ans après la sortie de la première version. L'éditeur n'a pas chômé toutes ces années : avec cette version, tout a changé, ou presque. L'interface a été transformée et de nouvelles fonctions sont apparues : aperçu en images…
Le changement le plus visible est d'abord l'interface. Pour cette deuxième version, l'éditeur a repensé l'interface de Coda. Par défaut, elle se divise en trois espaces : les éléments ouverts dans une barre d'onglets ou de vignettes en haut (1), un espace central avec le fichier en cours d'édition (2) et une barre latérale située sur la droite (3).

Cette interface de base peut être largement modifiée par l'utilisateur. La barre latérale peut retrouver une position à gauche plus classique ou même disparaître et les vignettes sur le dessus peuvent se transformer en simples onglets. Au total, on peut retrouver une interface très simple, beaucoup plus proche d'un éditeur de code comme BBEdit (39,99 €).
Coda 2 innove avec sa barre d'éléments ouverts. Par défaut, elle se présente sous la forme d'un bloc contenant des vignettes pour chaque fichier, mais vous pouvez la réduire à sa plus simple expression. La taille des vignettes est variable, mais on peut même revenir aux onglets textuels traditionnels.
Si l'on peut regretter que cette barre ne soit pas placée sur le côté pour mieux s'accommoder aux écrans larges des Mac, cette souplesse minimise toutefois son impact. Même sur un petit écran, Coda 2 reste très confortable, d'autant que l'application intègre le mode plein écran d'OS X Lion. Notons au passage que les trois boutons de gestion de la fenêtre s'adaptent au mode choisi : à l'horizontale en mode onglets, ils passent à la verticale en mode vignettes. Apple avait tenté cette disposition dans iTunes avant de faire marche arrière, elle nous semble ici plutôt adaptée.
Déjà présente dans la version précédente, la barre latérale gagne plusieurs fonctions dans Coda 2 et centralise des éléments qui prenaient jusque-là d'autres interfaces. La gestion des "clips", des bouts de code que l'on peut injecter dans n'importe quel fichier pour gagner du temps, prend place dans cette barre, de même que la recherche dans les fichiers.
La barre latérale affiche au démarrage une sorte de menu avec une icône pour chaque fonction. Un clic ouvre une fonction, mais vous pouvez placer les fonctions les plus utilisées dans l'espace situé en haut de cette barre par des glisser/déposer. Une fois une fonction ajoutée aux favoris, Coda 2 offre un accès rapide à celle-ci par un raccourci clavier : ⌘⌥2 active la deuxième fonction par exemple. C'est pratique, mais Coda savait afficher deux informations en même temps dans sa barre latérale. Au passage, signalons que la fonction "Hints" qui affiche des informations sur la fonction ou la balise actuellement utilisée a été enrichie et qu'elle propose désormais plus d'éléments.
Coda 2 ajoute également une barre de chemin d'accès. Elle prend place entre les vignettes de fichiers ouverts et la partie dédiée au code et elle a deux fonctions : connaître en permanence la position exacte d'un fichier, bien sûr, mais aussi offrir un accès rapide aux différents éléments de structure d'un fichier. Un clic sur un dossier affiche tous les fichiers présents dans ce dossier.
Interface
Le changement le plus visible est d'abord l'interface. Pour cette deuxième version, l'éditeur a repensé l'interface de Coda. Par défaut, elle se divise en trois espaces : les éléments ouverts dans une barre d'onglets ou de vignettes en haut (1), un espace central avec le fichier en cours d'édition (2) et une barre latérale située sur la droite (3).

L'interface générale de Coda 2 - clic pour agrandir
Cette interface de base peut être largement modifiée par l'utilisateur. La barre latérale peut retrouver une position à gauche plus classique ou même disparaître et les vignettes sur le dessus peuvent se transformer en simples onglets. Au total, on peut retrouver une interface très simple, beaucoup plus proche d'un éditeur de code comme BBEdit (39,99 €).
Coda 2 innove avec sa barre d'éléments ouverts. Par défaut, elle se présente sous la forme d'un bloc contenant des vignettes pour chaque fichier, mais vous pouvez la réduire à sa plus simple expression. La taille des vignettes est variable, mais on peut même revenir aux onglets textuels traditionnels.
Les trois états de la barre d'onglets de Coda 2 : simples onglets (en haut) ou vignettes plus ou moins grandes (minimum au milieu, maximum en bas).
Si l'on peut regretter que cette barre ne soit pas placée sur le côté pour mieux s'accommoder aux écrans larges des Mac, cette souplesse minimise toutefois son impact. Même sur un petit écran, Coda 2 reste très confortable, d'autant que l'application intègre le mode plein écran d'OS X Lion. Notons au passage que les trois boutons de gestion de la fenêtre s'adaptent au mode choisi : à l'horizontale en mode onglets, ils passent à la verticale en mode vignettes. Apple avait tenté cette disposition dans iTunes avant de faire marche arrière, elle nous semble ici plutôt adaptée.
Déjà présente dans la version précédente, la barre latérale gagne plusieurs fonctions dans Coda 2 et centralise des éléments qui prenaient jusque-là d'autres interfaces. La gestion des "clips", des bouts de code que l'on peut injecter dans n'importe quel fichier pour gagner du temps, prend place dans cette barre, de même que la recherche dans les fichiers.
Quelques fonctions du panneau latéral de Coda 2 : le menu principal, le navigateur de fichiers local, le navigateur de codes et les clips
La barre latérale affiche au démarrage une sorte de menu avec une icône pour chaque fonction. Un clic ouvre une fonction, mais vous pouvez placer les fonctions les plus utilisées dans l'espace situé en haut de cette barre par des glisser/déposer. Une fois une fonction ajoutée aux favoris, Coda 2 offre un accès rapide à celle-ci par un raccourci clavier : ⌘⌥2 active la deuxième fonction par exemple. C'est pratique, mais Coda savait afficher deux informations en même temps dans sa barre latérale. Au passage, signalons que la fonction "Hints" qui affiche des informations sur la fonction ou la balise actuellement utilisée a été enrichie et qu'elle propose désormais plus d'éléments.
Ajout de la fonction "Hints" aux favoris de la barre latérale.
Coda 2 ajoute également une barre de chemin d'accès. Elle prend place entre les vignettes de fichiers ouverts et la partie dédiée au code et elle a deux fonctions : connaître en permanence la position exacte d'un fichier, bien sûr, mais aussi offrir un accès rapide aux différents éléments de structure d'un fichier. Un clic sur un dossier affiche tous les fichiers présents dans ce dossier.
La nouvelle barre du chemin d'accès de Coda 2. En cliquant sur le nom du fichier, on obtient une liste de ses éléments (en bas) : en un clic, la partie dédiée au code se déplace au bon endroit.
| |
3
2
1
Vos réactions (36 réactions)
truiter
[24/05/2012 18:11]
je sais pas ce que ça vaut niveau productivité, mais au niveau interface graphique c'est joli en tout cas.
je sais pas ce que ça vaut niveau productivité, mais au niveau interface graphique c'est joli en tout cas.
RedMak
[24/05/2012 18:17]
alors je l'ai utilisé aujourd'hui, il est très bien, mais il y a une erreur d'autocomplete de la f° js "parseInt", coda met le ' i ' de cette f° en minuscule se qui est faut et ne sera pas executer, je les ai envoyer un mail, en attendant la correction du bug, je ferais plus attention à cette fonction d'autocomplete .
alors je l'ai utilisé aujourd'hui, il est très bien, mais il y a une erreur d'autocomplete de la f° js "parseInt", coda met le ' i ' de cette f° en minuscule se qui est faut et ne sera pas executer, je les ai envoyer un mail, en attendant la correction du bug, je ferais plus attention à cette fonction d'autocomplete .
Lou117
[24/05/2012 18:23]
@truiter : Au niveau productivité, c'est une véritable merveille quand on manipule plusieurs sites en même temps, leur version de dév' et leur version de prod', vingt secondes de conf' et c'est transparent. Personnellement, j'avais abandonné Coda 1, trop pauvre sur l'auto-complétion quand on travaille sur de gros projets avec PHP notamment, Coda 2 règle le problème, et je retourne à mes premières amours :D
@truiter : Au niveau productivité, c'est une véritable merveille quand on manipule plusieurs sites en même temps, leur version de dév' et leur version de prod', vingt secondes de conf' et c'est transparent. Personnellement, j'avais abandonné Coda 1, trop pauvre sur l'auto-complétion quand on travaille sur de gros projets avec PHP notamment, Coda 2 règle le problème, et je retourne à mes premières amours :D
zellerda
[24/05/2012 18:23]
via iGeneration pour iPad
Il manque toujours l'autocomplete pour les classes et les méthodes qui sont dans des autres fichiers, comme dans netbeans ou phpstorm. Sinon pour le reste c'est mieux, surtout l'indentation multiligne que l'on peux faire enfin avec TAB.
Il manque toujours l'autocomplete pour les classes et les méthodes qui sont dans des autres fichiers, comme dans netbeans ou phpstorm. Sinon pour le reste c'est mieux, surtout l'indentation multiligne que l'on peux faire enfin avec TAB.
Rigat0n
[24/05/2012 18:27]
via iGeneration pour iPad
DietCoda est une GROSSE BLAGUE comparé à Textastic. Ça n'a même pas l'air de fonctionner offline.
DietCoda est une GROSSE BLAGUE comparé à Textastic. Ça n'a même pas l'air de fonctionner offline.
ziggyspider
[24/05/2012 18:53]
@ truiter : Comme première impression, niveau productivité, les choses sont allées dans le bon sens, tout est à un clic ou deux. L'auto complétion a fait un grand pas en avant. Vraiment pas de regrets à avoir fait la mise à jour.
@ truiter : Comme première impression, niveau productivité, les choses sont allées dans le bon sens, tout est à un clic ou deux. L'auto complétion a fait un grand pas en avant. Vraiment pas de regrets à avoir fait la mise à jour.
sunjohn
[24/05/2012 19:45]
pas de support de PHPdoc, une autocompletion qui bloque au moindre require... c'est une perte de productivité énorme sur les gros projets. et pas de combinaison de touches sur le nom d'une méthode pour y accéder immédiatement, même si c'est dans un autre fichier et qu'il n'est pas ouvert. rien que ces deux points le rendent inutilisable pour moi.
ou bien me trompes-je ?
pas de support de PHPdoc, une autocompletion qui bloque au moindre require... c'est une perte de productivité énorme sur les gros projets. et pas de combinaison de touches sur le nom d'une méthode pour y accéder immédiatement, même si c'est dans un autre fichier et qu'il n'est pas ouvert. rien que ces deux points le rendent inutilisable pour moi.
ou bien me trompes-je ?
dway
[24/05/2012 20:20]
via iGeneration pour iPad
Pouah l'usine a gaz.
Pour coder et pas perdre de temps avec une interface blinbling, je resterai qous sublimetext 2 !
Pouah l'usine a gaz.
Pour coder et pas perdre de temps avec une interface blinbling, je resterai qous sublimetext 2 !
SolMJ
[24/05/2012 20:24]
Euh non... dans le gros projets (et même les petits en général) on ne code pas dans les mêmes fichiers que les bibliothèques et Coda 2 ne permet que l'auto-completion dans la même fichier... au final ça ne sert un peu à rien en l'état...
trop pauvre sur l'auto-complétion quand on travaille sur de gros projets avec PHP notamment, Coda 2 règle le problème
Euh non... dans le gros projets (et même les petits en général) on ne code pas dans les mêmes fichiers que les bibliothèques et Coda 2 ne permet que l'auto-completion dans la même fichier... au final ça ne sert un peu à rien en l'état...
SolMJ
[24/05/2012 20:37]
Coda 2 est indubitablement meilleur et plus complet qu'Espresso 2 pour moi. (j'ai les 2).
Quelqu'un aurait un avis par rapport a Espresso ?
Coda 2 est indubitablement meilleur et plus complet qu'Espresso 2 pour moi. (j'ai les 2).
kevinhdu62
[24/05/2012 20:41]
Par contre, j'ai testé Air Preview avec l'iPad mais quand ma feuille CSS est externe, elle n'est pas prise en compte sur l'aperçu … Ça fait ça à tout le monde ?
Par contre, j'ai testé Air Preview avec l'iPad mais quand ma feuille CSS est externe, elle n'est pas prise en compte sur l'aperçu … Ça fait ça à tout le monde ?
hadrien01
[24/05/2012 20:46]
via MacG Mobile
J'ai Coda et Espresso 2, et je préfère largement ce dernier : plus rapide, plus simple, ... Mais il faut absolument que je teste Coda 2; j'ai l'impression que cela combine le meilleur des deux (le repli de code est étrangement semblable à celui d'Espresso, d'ailleurs).
Sur les premières captures d'écran, la grosse barre me dérangeait, mais l'interface peut devenir plus sobre, un impératif selon moi. Défaut récurrent de ces deux logiciels, et apparemment non corrigé dans Coda 2, le non-support des propriétés CSS spécifiques à Gecko, Internet Explorer, et Opera, par exemple pour le nouvel outil de dégradés (Gradient gère ceci bien mieux).
La gestion de projets de Coda a toujours été son point fort, et j'espère que Panic a amélioré son support pour les fichiers locaux. Il faudra que je teste tout ça ce week-end.
J'ai Coda et Espresso 2, et je préfère largement ce dernier : plus rapide, plus simple, ... Mais il faut absolument que je teste Coda 2; j'ai l'impression que cela combine le meilleur des deux (le repli de code est étrangement semblable à celui d'Espresso, d'ailleurs).
Sur les premières captures d'écran, la grosse barre me dérangeait, mais l'interface peut devenir plus sobre, un impératif selon moi. Défaut récurrent de ces deux logiciels, et apparemment non corrigé dans Coda 2, le non-support des propriétés CSS spécifiques à Gecko, Internet Explorer, et Opera, par exemple pour le nouvel outil de dégradés (Gradient gère ceci bien mieux).
La gestion de projets de Coda a toujours été son point fort, et j'espère que Panic a amélioré son support pour les fichiers locaux. Il faudra que je teste tout ça ce week-end.
manu1707
[24/05/2012 20:51]
nan mais dway ...
Et pourquoi pas textedit de mac os pendant que tu y es ?
Tu sais même pas faire un site j'ai l'impression toi ...
nan mais dway ...
Et pourquoi pas textedit de mac os pendant que tu y es ?
Tu sais même pas faire un site j'ai l'impression toi ...
3
2
1
Réagir
Il n'est pas possible de réagir à cette dépêche. Si vous souhaitez toutefois réagir, n'hésitez pas à faire un tour dans nos forums.






Juin 2013
