Causa per il panico? Prime impressioni di Coda 2 e Diet Coda

Panic, lo sviluppatore Mac OS X da lungo tempo, ha rilasciato giovedì la seconda generazione di Coda, insieme a un'app di supporto per iOS; Dieta Coda. Abbiamo avuto una risposta mista nella comunità dei codificatori - alcuni si sentono anti-climax, altri più felici che mai.

Ho giocato con entrambe le app dalla loro uscita, quindi diamo un'occhiata a loro (compreso il modo in cui lavorano insieme) e vediamo di cosa si tratta.


La versione originale di Coda è stata sviluppata e rilasciata per Mac OS X 10.4 quasi cinque anni fa, vedendo per prima cosa la luce del 2007. Questo è un lungo periodo durante il quale costruire un fan club. Con il fedele seguito di Coda sia nella comunità del web design stagionato che in coloro che stanno ancora imparando, l'ultimo annuncio (in coppia con una vendita del 50% di un solo giorno che sono felice di dire che ne ho approfittato) ha generato un sacco di hype per il due app.


Coda 2: Novità

La cosa ovvia che noterai quando lanci Coda 2 per la prima volta è che ha un'interfaccia utente nuova e migliorata, con un sistema di schede ridisegnato in grado di visualizzare immagini e / o testo, in modo da poter ottenere un'anteprima visuale di ogni scheda è in possesso. È possibile modificare facilmente queste schede per visualizzare anteprime delle immagini o meno, in modo da non sprecare spazio quando non è necessario.

Coda continua a funzionare straordinariamente bene come app a schermo intero e offre anche credibilità alle macchine più piccole (come il MacBook Air 11 ") come macchine di progettazione Web. Non ti troverai a passare continuamente da un'applicazione all'altra - e anche allora, in OS X Lion è abbastanza indolore.


La "Super Sidebar"

Panic ha anche introdotto quella che chiama "Super Sidebar", una barra laterale riprogettata che contiene molti strumenti fondamentali, incluso il browser dei file. Commutando le schede all'interno della barra laterale è possibile accedere a numerosi giocattoli, inclusa la documentazione su un numero di linguaggi front-end come PHP e CSS.

Continuando il concetto di "web design a una finestra", la nuova documentazione ospitata nella sidebar significa che non dovrai lasciare l'app quando fai riferimento alle informazioni sulla tua funzione o snippet preferito di CSS.

I suggerimenti per le varie lingue vengono visualizzati mentre scrivi, indicando anche la documentazione, anche se come Jeffrey ha menzionato su Nettuts +, i suggerimenti JavaScript non sembrano ancora configurati.

La barra laterale contiene di più, consolidando gran parte delle cose che normalmente affollano il tuo spazio di lavoro con modali fluttuanti nella prima versione.


Visual CSS

Una delle caratteristiche principali di Coda è sempre stata il suo strumento di authoring CSS, che consente ai designer di manipolare i loro fogli di stile all'interno di un'interfaccia visiva. Mentre era disponibile attraverso una scheda dedicata nel Coda originale, ora è integrato direttamente nei popup in stile tooltip nell'editor, come parte del consolidamento degli strumenti di Coda.

Ora, quando digiti il ​​tuo CSS, sarai in grado di usare le descrizioni dei comandi per manipolare visivamente gli stili (come selezionare un colore che puoi vedere) piuttosto che dover inserire un codice esadecimale. Questa è potenzialmente una funzionalità incredibilmente utile, specialmente per coloro che ancora imparano la lingua e si abituano allo stile del codice.

Qualcosa che ha creato un po 'di polemiche con la nuova versione è l'apparente favoritismo per WebKit CSS. Ad esempio, in alcuni casi Coda si autocomplete solo se si utilizza la sintassi WebKit e ignorerà quelli progettati per altri motori. Durante la progettazione di gradienti, Coda genererà attualmente il prefisso per WebKit, ma nessun altro fornitore.

Dicendo ciò, WebKit non dovrebbe essere ignorato. Safari di Apple e Chrome di Google, oltre a pochi browser mobili, sono supportati da WebKit. Infatti, da quest'anno, ha la più grande quota di mercato di qualsiasi motore di layout, quindi dovrebbe essere una priorità assoluta per molti designer. Tuttavia, posso sicuramente capire perché la gente è arrabbiata con la mancanza di supporto per i suoi rivali.


File e iCloud

Panic ha introdotto un browser di file più grande e migliore che condivide le funzionalità con la loro popolare applicazione FTP, Transmit. Ora puoi gestire i tuoi file locali insieme a quelli altrove tramite FTP, SFTP, S3 e WebDAV.

Se acquisti la tua copia di Coda 2 dal Mac App Store, sarai ricompensato con il supporto iCloud. Con le funzionalità di archiviazione dei file di iCloud, le tue copie di Coda 2 saranno in grado di rimanere in sincronia tra loro, quindi è semplice riprendere il lavoro svolto sul desktop sul tuo notebook e viceversa.


Dieta Coda e AirPreview

Oltre a Coda 2, Panic ha anche introdotto Diet Coda, un'app indipendente per iOS che funziona sia da sola che insieme a Coda per OS X.

Negli ultimi anni abbiamo parlato molto dell'iPad; praticamente da quando Apple ha annunciato e rilasciato la prima generazione di tablet. Mentre da tempo ci sono state app per permetterti di modificare HTML e altre lingue su iOS, Diet Coda significa un notevole progresso in quest'area, e uno che potrebbe potenzialmente ridefinire il posto del tablet in un flusso di lavoro di web design.


AirPreview

Probabilmente hai già sentito parlare di AirPlay, la tecnologia Apple che ti consente di trasmettere contenuti multimediali su Apple TV o su un altro dispositivo in grado di ricevere segnali AirPlay. Coda 2 e Diet Coda hanno una caratteristica molto simile che ti permette di trasmettere il tuo codice via etere per visualizzare l'anteprima sul tuo iPad (ovviamente con Diet Coda in esecuzione).

Una volta che hai completato la configurazione iniziale (richiedendo una strana azione in cui punti la videocamera dell'iPad nell'app Coda sul tuo Mac), è un servizio continuo che ti consente di visualizzare istantaneamente le modifiche apportando il refresh sull'iPad, senza bisogno di salvare su OS X.

Ovviamente l'utilità di questo è in questione in quanto dipende fortemente dal tipo di lavoro che fai, ma lo sto già trovando piuttosto utile. Ad esempio, mentre scrivo questo articolo all'interno di Coda 2, ho semplicemente bisogno di smettere di digitare, premere refresh su iPad e le mie modifiche sono immediatamente visibili. In alternativa, posso semplicemente salvare il mio documento per vedere la versione di AirPreview aggiornarsi all'istante.

È bello, se non altro.


Dieta Coda: l'app

Diet Coda è una nuova app, ed è grandiosa. L'app è destinata ad appartenere al tuo flusso di lavoro di web design, come uno di un certo numero di dispositivi, permettendoti di effettuare piccole modifiche da remoto mentre potresti non essere alla tua scrivania.

Sfortunatamente, non è possibile creare siti locali e modificarli completamente sul tuo iPad. Anche se è completamente in grado di essere l'unica app in cui hai progettato un intero sito web, dovrai comunque ospitare i file su un server SFTP o FTP - basta modificare da remoto. Mi piacerebbe vedere l'introduzione della memorizzazione locale a un certo punto.

Mentre mi sento negativo, non è possibile sincronizzare i siti con Coda 2 su iCloud, quindi non farti sperare lassù.

Tuttavia, è ancora un'app stellare se si desidera modificare da remoto. Una volta connesso il server, accederai a un gestore di file in stile trasmissione che ti consente di esaminare i tuoi file, rinominarli, eliminarli, duplicarli e / o spostarli. Naturalmente, sarai anche in grado di creare file e cartelle nuovi di zecca, nonché di modificare documenti esistenti.

Proprio come in Coda, puoi aprire più documenti contemporaneamente e passare da uno all'altro attraverso le schede in alto (attivate dal pulsante viola nell'angolo in alto a sinistra). Toccando sull'icona dell'occhio, sarai in grado di vedere in anteprima il documento su cui stai lavorando.

Ancora una volta, proprio come in Coda, puoi ritagliare ritagli di codice dal tuo contenuto e inserire quelli che hai già memorizzato.

Per il prezzo, Diet Coda è un'app incredibile. Potresti non essere in grado di progettare un intero sito da zero con esso, ma per l'esecuzione di modifiche a siti e documenti esistenti, offre la ragione iPad per i web designer di investire in. Probabilmente prenderei ancora un MacBook equipaggiato con Coda, ma Di tutte le app di sviluppo web che ho utilizzato su iOS, Diet Coda è ancora la migliore.


Coda controverso

Coda 2 non è stato rilasciato senza la sua parte di polemiche. Abbiamo già discusso l'insolita esclusione di eventuali prefissi di fornitori diversi da WebKit, ma l'app non è stata ben accolta da tutti gli sviluppatori web. In effetti, la recensione di Jeffrey su Coda su Nettuts + (che, se sei interessato allo sviluppo, dovresti controllare) contiene commenti pieni di sviluppatori che non sono troppo entusiasti dell'ultima versione.

Una lamentela comune si riferisce al drammatico cambio dell'interfaccia utente, ma sostengo che si tratta di abituarsi ad esso. È un'interfaccia flessibile che puoi modificare per massimizzare lo spazio reale dello schermo che dedichi al tuo codice.

Coda è sempre stata, a mio parere, orientata allo sviluppo del front-end. Per i web designer, in particolare quelli abbastanza nuovi per il settore, Coda è un'app fantastica che offre la maggior parte di ciò che ti serve proprio sotto lo stesso tetto.