Oorzaak voor paniek? Eerste indrukken van Coda 2 en Diet Coda

Panic, de al lang bestaande Mac OS X-ontwikkelaar, heeft donderdag de tweede generatie Coda uitgebracht, samen met een bijbehorende app voor iOS; Dieet Coda. We hebben een gemengde reactie in de coderende gemeenschap - sommigen voelen zich anticlimax, anderen zijn gelukkiger dan ooit.

Ik speel sinds de release met beide apps, dus laten we ze eens bekijken (inclusief hoe ze samenwerken) en zien waar het allemaal om draait.


De originele versie van Coda is bijna vijf jaar geleden ontwikkeld en uitgebracht voor Mac OS X 10.4, voor het eerst in 2007 te zien. Dat is lang om een ​​fanclub te bouwen. Met de trouwe aanhang van Coda in zowel de doorgewinterde webontwerpgemeenschap als de mensen die nog steeds leren, genereerde de nieuwste aankondiging (gecombineerd met een eenmalige 50% -verkoop waarvan ik blij ben te zeggen dat ik er gebruik van maakte) veel hype voor de twee apps.


Coda 2: What's New

Het voor de hand liggende dat u zult opvallen wanneer u Coda 2 voor de eerste keer opstart, is dat het een nieuwe en verbeterde gebruikersinterface heeft, met een opnieuw ontworpen tabsysteem dat afbeeldingen en / of tekst kan weergeven, zodat u een visuele preview kunt krijgen van wat elk tabblad houdt vast. U kunt deze tabbladen eenvoudig aanpassen om voorvertoningen van afbeeldingen weer te geven, zodat u geen ruimte verspilt wanneer dit niet nodig is.

Coda blijft verbazingwekkend goed werken als een app op volledig scherm en biedt zelfs geloofwaardigheid aan kleinere machines (zoals de MacBook Air 11 ") als webontwerpmachines. Je zult niet voortdurend schakelen tussen apps - en zelfs dan in OS X Lion is vrij pijnloos.


De "Super Sidebar"

Panic heeft ook geïntroduceerd wat het de 'Super Sidebar' noemt, een opnieuw ontworpen zijbalk die veel kerngereedschappen bevat, waaronder je bestandsbrowser. Door de tabs in de zijbalk om te schakelen, hebt u toegang tot een aantal speelgoed, inclusief documentatie over een aantal front-end-talen zoals PHP en CSS.

Door het concept van "one-window web design" voort te zetten, betekent de nieuwe sidebar-gehoste documentatie dat u de app niet hoeft te verlaten bij het verwijzen naar informatie over uw favoriete functie of een CSS-fragment.

Tijdens het typen worden er hints voor verschillende talen weergegeven en er wordt ook naar de documentatie verwezen - hoewel, zoals Jeffrey op Nettuts zei, JavaScript-hints nog niet lijken te zijn ingesteld.

De zijbalk bevat meer en consolideert veel van de dingen die normaal gesproken je werkruimte zouden belemmeren met zwevende modals in de eerste release.


Visuele CSS

Een van de belangrijkste kenmerken van Coda is altijd de CSS-ontwerpgereedschappen geweest, waarmee ontwerpers hun stylesheets konden manipuleren vanuit een visuele interface. Hoewel het voorheen beschikbaar was via een speciaal tabblad in de oorspronkelijke Coda, is het nu geïntegreerd in pop-ups in tooltip-stijl in de editor, als onderdeel van de consolidatie van Coda-tools.

Wanneer u nu uw CSS typt, kunt u de tooltips gebruiken om de stijlen visueel te bewerken (zoals het selecteren van een kleur die u kunt zien) in plaats van dat u een hexadecimale code moet invoeren. Dit is potentieel een ongelooflijk nuttige functie, vooral voor diegenen die nog steeds de taal leren en wennen aan het stylen in code.

Iets dat een beetje controversieel is met de nieuwe release, is het schijnbare favoritisme voor WebKit CSS. In sommige gevallen zal Coda bijvoorbeeld alleen automatisch worden aangevuld als u de WebKit-syntaxis gebruikt, en worden de codes die voor andere engines zijn ontworpen, genegeerd. Wanneer u hellingen ontwerpt, genereert Coda momenteel het voorvoegsel voor WebKit, maar geen andere leverancier.

Zeggen dat, WebKit moet niet worden genegeerd. Apple's Safari en Google's Chrome, evenals een paar eerlijke mobiele browsers, worden mogelijk gemaakt door WebKit. Vanaf dit jaar heeft het zelfs het grootste marktaandeel van elke layout-engine, dus het zou voor veel ontwerpers een topprioriteit moeten zijn. Ik kan echter absoluut begrijpen waarom mensen boos zijn op het gebrek aan steun voor hun rivalen.


Bestanden en iCloud

Panic heeft een grotere en betere bestandsbrowser geïntroduceerd die functies deelt met hun populaire FTP-applicatie, Transmit. Nu kunt u uw lokale bestanden samen met die elders beheren via FTP, SFTP, S3 en WebDAV.

Als je je exemplaar van Coda 2 koopt in de Mac App Store, word je beloond met iCloud-ondersteuning. Met de bestandsopslagfuncties van iCloud kunnen uw exemplaren van Coda 2 volledig synchroon blijven met elkaar, dus het is eenvoudig om het werk dat u op uw bureaublad hebt uitgevoerd, op uw notebook op te nemen en omgekeerd.


Dieet Coda en AirPreview

Naast Coda 2 heeft Panic ook Diet Coda geïntroduceerd, een onafhankelijke app voor iOS die zowel zelfstandig werkt, als samen met Coda voor OS X.

We hebben de afgelopen jaren veel over de iPad gesproken; vrijwel sinds Apple de eerste generatie van hun tablet heeft aangekondigd en uitgebracht. Hoewel er al lang apps zijn om je HTML en andere talen op iOS te laten bewerken, betekent Diet Coda een opmerkelijke vooruitgang op dit gebied, en een die mogelijk de plaats van de tablet in een webontwerpworkflow zou kunnen herdefiniëren.


AirPreview

U hebt waarschijnlijk al gehoord van AirPlay, de technologie van Apple waarmee u media kunt streamen naar een Apple TV of een ander apparaat dat AirPlay-signalen kan ontvangen. Coda 2 en Diet Coda hebben een zeer vergelijkbare functie waarmee je je code door de lucht kunt sturen om een ​​voorvertoning op je iPad te krijgen (met Diet Coda natuurlijk).

Als je eenmaal klaar bent met de eerste installatie (wat een vreemde actie vereist waarbij je de camera van je iPad richt naar de Coda-app op je Mac), is het een naadloze service waarmee je onmiddellijk wijzigingen kunt bekijken door op de iPad te vernieuwen, zonder moet opslaan op OS X.

Vanzelfsprekend is het nut hiervan in het geding, omdat het sterk afhankelijk is van het soort werk dat je doet, maar ik vind het al behoorlijk nuttig. Als ik bijvoorbeeld dit artikel in Coda 2 schrijf, moet ik gewoon stoppen met typen, op de iPad klappen en mijn wijzigingen worden meteen zichtbaar. Als alternatief kan ik mijn document gewoon opslaan om de AirPreview-versie onmiddellijk te updaten.

Het is best gaaf, als er niets anders is.


Dieet Coda: de app

Dieet Coda is een gloednieuwe app, en het is geweldig. De app is bedoeld als onderdeel van uw webontwerpworkflow, als een van een aantal apparaten, zodat u op afstand kleine bewerkingen kunt uitvoeren terwijl u misschien niet aan uw bureau zit.

Helaas is het niet mogelijk om lokale sites te maken en deze zelfs volledig op uw iPad te bewerken. Hoewel het volledig in staat is om de enige app te zijn waarin u een volledige website ontwerpt, moet u de bestanden nog steeds hosten op een SFTP- of FTP-server - u kunt deze op afstand bewerken. Ik zou op een gegeven moment graag de introductie van lokale opslag zien.

Hoewel ik me negatief voel, is het ook niet mogelijk om sites met Coda 2 via iCloud te synchroniseren, dus zorg dat je daar niet op hoopt.

Toch is het nog steeds een geweldige app als je op afstand wilt bewerken. Zodra u uw server hebt aangesloten, krijgt u toegang tot een bestandsbeheer in Transmit-stijl waarmee u uw bestanden kunt bekijken, hernoemen, verwijderen, dupliceren en / of verplaatsen. Uiteraard kunt u ook gloednieuwe bestanden en mappen maken en bestaande documenten bewerken.

Net als in Coda, kunt u meerdere documenten tegelijkertijd openen en schakelen tussen de documenten via de tabbladen bovenaan (die worden ingeschakeld door de paarse knop in de linkerbovenhoek). Door op het oogpictogram te tikken, kunt u een voorbeeld bekijken van het document waaraan u momenteel werkt.

Nogmaals, net als in Coda, kun je knipsels van code uit je inhoud halen en de knipsels die je al hebt opgeslagen invoegen.

Voor de prijs is Diet Coda een ongelooflijke app. Het is misschien niet mogelijk om een ​​hele site helemaal opnieuw te ontwerpen, maar voor het uitvoeren van bewerkingen op bestaande sites en documenten biedt dit de iPad-reden voor webontwerpers om in te investeren. Ik zou waarschijnlijk nog steeds een MacBook nemen die is uitgerust met Coda, maar van alle web development-apps die ik op iOS heb gebruikt, is Diet Coda de beste tot nu toe.


Controversiële Coda

Coda 2 is niet uitgebracht zonder zijn deel van de controverse. We hebben al gesproken over de ongebruikelijke uitsluiting van voorvoegsels van leveranciers anders dan WebKit, maar de app is niet goed ontvangen door alle webontwikkelaars. Jeffrey's recensie van Coda on Nettuts + (die, als je geïnteresseerd bent in ontwikkeling, zou je moeten checken) bevat zelfs opmerkingen gevuld met ontwikkelaars die niet zo onder de indruk zijn van de nieuwste release..

Een veelgehoorde klacht verwijst naar de dramatische UI-verschuiving, maar ik beweer dat het een kwestie is van eraan gewend raken. Het is een flexibele interface die u kunt aanpassen om het schermvastgoed dat u aan uw code besteedt te maximaliseren.

Coda was altijd, naar mijn mening, gericht op front-end ontwikkeling. Voor webontwerpers, vooral degenen die vrij nieuw zijn in de branche, is Coda een fantastische app die het meeste van wat u nodig heeft, direct onder één dak biedt.