Der folgende Text ist ein Gastbeitrag von Bryan Jones, dem Entwickler von CodeKit. Ich benutze CodeKit nun seit einigen Jahren und habe schon oft darüber gesprochen. Meiner Meinung nach hat es die Frontend-Entwicklung revolutioniert, indem es den einfachen Zugang zu fortgeschrittenen Werkzeugen ermöglicht, die leistungsfähig, aber für viele unerreichbar schienen. Jetzt ist CodeKit 2.0 verfügbar, das sich dem Wandel der Frontend-Entwicklung angeschlossen hat und uns leistungsfähigere Werkzeuge bringt, die sonst schwer zu realisieren wären. Bryan wird es vorstellen, und ich werde hier und da meine Gedanken einbringen, da ich 2.0 seit etwa einem Monat benutze.
Was ist CodeKit?
CodeKit ist eine Anwendung, die Ihnen hilft, Websites schneller zu erstellen. Sie kompiliert alle modernen Sprachen wie Sass, Less, Stylus und CoffeeScript. Sie aktualisiert Ihre Browser live. Sie kombiniert, minimiert und prüft den Code von JavaScript auf Syntaxfehler. Sie optimiert sogar Bilder. Alles Dinge, die sowohl Ihre Website als auch Ihren Workflow beschleunigen.
Es gibt andere Möglichkeiten, diese Dinge zu tun, aber die Mission von CodeKit ist es, den Prozess schmerzfrei zu gestalten. Sie ziehen Ihren Projektordner auf die Anwendung und können loslegen. Keine JSON-Dateien zum Bearbeiten, nichts zu installieren oder herunterzuladen. Keine Befehle zum Auswendiglernen. Es funktioniert einfach.
Was ist neu in 2.0?
Zuerst habe ich einen Designer (Guy Meyer) eingestellt, damit die Benutzeroberfläche nicht mehr aussieht, als wäre sie wiederholt mit einem DOS 5.1 Handbuch geschlagen worden. Die neue Version ist dank zahlreicher Optimierungen außerdem 1.400% schneller und funktioniert in Teamumgebungen wesentlich besser.
Aber was Sie wirklich interessiert, ist, wie es *Sie* schneller machen kann. Anstatt also jede neue Funktion aufzulisten, hier sind die vier wichtigsten, die sofort einen Unterschied machen werden.
1. Alle Browser aktualisieren
Ihre Website muss auf vielen Geräten gut aussehen. Sie rufen sie auf einem iPhone, einem iPad, einem Galaxy S3, Chrome, Firefox und sogar IE 11 auf einem PC auf. Das sind viele Aktualisierungsschaltflächen zum Klicken. CodeKit kann das für Sie erledigen.
CodeKit wird nun all diese Geräte und mehr live aktualisieren. Machen Sie eine Änderung an Ihrem Code und eine Sekunde später aktualisiert sich jedes Gerät, um diese Änderungen anzuzeigen. Keine Plugins, keine komplizierten Konfigurationen. Es funktioniert sogar mit fortschrittlichen Websites wie WordPress und Drupal. Klicken Sie einfach auf die Schaltfläche "Vorschau" in CodeKit und kopieren Sie dann die URL auf Ihre anderen Geräte. Wenn Sie das einmal in Aktion gesehen haben, werden Sie nie wieder ohne arbeiten wollen.
Hinweis von Chris: Nicht nur die Seite wird buchstäblich aktualisiert, wenn Sie etwas wie eine Vorlage oder eine JavaScript-Datei ändern, sondern die Seite führt auch Style Injection für CSS-Änderungen durch (egal, ob sie von einem Präprozessor stammen oder nicht). Das bedeutet, dass das Design für interaktive Zustände viel einfacher ist.
CodeKit 1 konnte auch Style Injection durchführen, aber jetzt hat CodeKit seinen eigenen integrierten Server (der bei Bedarf an MAMP oder etwas anderes weiterleiten kann), was bedeutet, dass buchstäblich jeder Browser die Aktualisierung und Style Injection erhält.
2. Bower
Bower ermöglicht die schnelle Installation von über 7.000 Komponenten: jQuery, Modernizr, Bootstrap, sogar WordPress. Bower ist jetzt in CodeKit integriert, sodass all diese Ressourcen nur zwei Klicks entfernt sind. Öffnen Sie den Bereich "Assets", wählen Sie die gewünschten Komponenten aus und klicken Sie auf das Wolken-Symbol. CodeKit lädt die neuesten Versionen aus dem Web zusammen mit allen erforderlichen Abhängigkeiten herunter und platziert sie direkt in Ihrem Projekt.
CodeKit erspart Ihnen auch viel Arbeit, wenn es an der Zeit ist, Komponenten zu aktualisieren. Öffnen Sie einfach den Bereich "Assets" und wählen Sie den Reiter "Installed". Dort sehen Sie die Version jeder Komponente in Ihrem Projekt und die neueste online verfügbare Version. Aktualisieren Sie sie alle mit einem einzigen Klick oder wählen Sie nach Belieben aus.
Hinweis von Chris: Obwohl ich noch keine Gelegenheit hatte, Bower ausgiebig zu nutzen, ist die Aktualität von Frontend-Abhängigkeiten der Hauptgrund, warum ich es haben wollte.
3. Autoprefixer
Herstellerspezifische Präfixe: die CSS-Regeln, die nur ein IE6-Ingenieur lieben könnte. Autoprefixer macht sie schmerzfrei und ist jetzt in CodeKit integriert. Sie schreiben einfach Standard-CSS und Autoprefixer fügt alle notwendigen Herstellerspezifischen Präfixe basierend auf den neuesten Informationen zu jedem Browser hinzu. Es funktioniert nahtlos mit Less, Sass und Stylus. Es ist auch vollständig konfigurierbar: Geben Sie einfach an, welche Browser Sie unterstützen müssen, und es erledigt den Rest.
Hinweis von Chris: Ich halte Autoprefixer für fast so revolutionär wie CodeKit selbst, und sie passen perfekt zusammen. Obwohl ich immer noch ein großer Fan von Präprozessoren bin, bin ich kein Fan mehr davon, sie für Präfixe zu verwenden. Autoprefixer ist eine viel bessere Methode, um damit umzugehen. Sie können hier mehr von seinem Ersteller erfahren.
4. Libsass
Sie lesen CSS-Tricks, also schreiben Sie wahrscheinlich Sass. Es dauert ein paar Sekunden, um zu kompilieren, richtig? Nicht mehr. Schalten Sie Libsass in CodeKit ein und Ihr Sass kompiliert *sofort*. Libsass ist ein neuer Sass-Compiler, der in C und nicht in Ruby geschrieben ist, also ist er blitzschnell.
Libsass befindet sich zwar noch im Beta-Stadium, und einige fortgeschrittene Sass-Funktionen (wie Namespaces und die neuen Syntaxerweiterungen von 3.3) werden noch nicht unterstützt. Aber Libsass entwickelt sich rasant weiter, und das Ziel ist, bis zum Sommer vollständige Kompatibilität zu erreichen. Wenn Sie keine wirklich komplexen Dinge tun, können Sie es wahrscheinlich heute schon nutzen und Ihre Arbeit drastisch beschleunigen. (Wir haben es auf der CodeKit-Website verwendet, und diese hat einige wirklich bahnbrechende CSS-Elemente.)
Hinweis von Chris: Obwohl Bryan scherzhaft erwähnte, dass ich Sass bevorzuge, ist es mir ziemlich egal, was Sie verwenden, da alle CSS-Präprozessoren ihre Vorzüge haben. Einer der wenigen Nachteile von Sass ist, dass er im Vergleich zu JavaScript-basierten Präprozessoren langsam kompiliert. Libsass macht Sass auch zum schnellsten, also ist das ziemlich großartig (wenn Sie es nutzen können).
Mehr coole Sachen
Okay, ich habe gelogen. Es gibt viel zu viele neue Funktionen, um bei nur vier zu bleiben. Hier sind vier weitere Funktionen, die Sie lieben werden.
Source Maps
CodeKit kann Source Maps für Sass-, Less-, CoffeeScript-, JavaScript- und TypeScript-Dateien erstellen. (Übrigens kompiliert CodeKit jetzt auch TypeScript.) Source Maps ermöglichen es Ihnen, Ihren ursprünglichen Quellcode im Web-Inspektor des Browsers anstelle der kompilierten Ausgabe zu sehen, was das Debugging erleichtert.
Zurb Foundation
Es gibt jetzt einen Befehl "Neues Zurb Foundation Projekt", der die neueste Version von Zurb Foundation aus dem Web herunterlädt und automatisch einrichtet. Dies war eine *wirklich* häufige Funktionsanfrage.
Hooks
Müssen Sie ein benutzerdefiniertes AppleScript oder Bash-Skript ausführen, wenn sich Dateien in Ihrem Projekt ändern? Vielleicht Transmit oder Coda auffordern, auf einen Remote-Server zu synchronisieren? Einige Dateien zippen? Kein Problem. Richten Sie einfach einen Hook ein und CodeKit führt aus, was immer Sie brauchen.
Hinweis von Chris: Es wäre interessant zu sehen, wie es Grunt oder Gulp ausführt. Ein Teil der Schönheit von Grunt ist, dass es unzählige Dinge kann – Dinge, die sehr spezifisch sein können und wahrscheinlich nicht gut in eine Kernfunktion von CodeKit passen (z. B. die SVG-Sachen, die ich hier beschrieben habe). Ich bin mir nicht sicher, ob die Mischung mehrerer Build-Tools eine gute Idee ist oder nicht, aber es ist es wert, darüber nachzudenken.
CoffeeScript Liebe
Wenn Sie CoffeeScript schreiben, bietet CodeKit zwei neue Funktionen, die Ihnen gefallen werden. Erstens können Sie jetzt JavaScript-Dateien (wie jQuery) direkt an Ihre CoffeeScript-Dateien anhängen. Tun Sie dies per Drag-and-Drop in der Anwendung oder mit einer Anweisung in der Datei. In jedem Fall kombiniert CodeKit alles zu einer minimierten JavaScript-Datei.
Zweitens ist CoffeeLint jetzt integriert, sodass Sie Ihre CoffeeScript-Dateien auf Syntaxfehler prüfen können, bevor sie überhaupt kompiliert werden. Dies ist auch praktisch, um bestimmte Stile durchzusetzen, z. B. wie viele Leerzeichen eine Zeile eingerückt werden sollte.
Was kommt als Nächstes?
Die kurze Antwort ist: "Was auch immer Chris Coyier wünscht." Die lange Antwort ist, dass ich die Architektur von CodeKit komplett überarbeitet habe, sodass das Hinzufügen neuer Funktionen keine größere Operation mehr erfordert. Ich plane, schnell zu handeln und weiter zu iterieren. Jekyll-Unterstützung steht ganz oben auf meiner Liste. Gerüstbau und Vorlagen ebenfalls. HTML-Minifier. If-Else-Anweisungen und Schleifen in der Kit-Sprache. Wie Tim Cook sagen würde: "Wir haben einige spannende Produkte in der Pipeline."
Kontakt aufnehmen!
Ich liebe es, von Leuten aus der Branche zu hören, auch wenn sie CodeKit nicht benutzen. (Grunt FTW!) Schauen Sie sich unsere neue Website an. Ich übernehme keine Anerkennung; Guy Meyer hat sie entworfen und gebaut, aber wir würden uns freuen zu hören, was Sie denken, von Profi zu Profi. Sie finden mich auf Twitter: @bdkjones
Ich benutze CodeKit 2 und es ist fantastisch. Es gibt spezielle Upgrade-Preise (die möglicherweise nicht sofort ersichtlich sind), was es zu einem echten No-Brainer macht.
Wenn sich hier jemand Sorgen um den Support macht, da es nur einen einzigen Entwickler gibt, dann machen Sie sich keine Sorgen – ich hatte ein paar kleine Probleme (alle behoben) und Bryan antwortete innerhalb weniger Stunden, obwohl er in einer anderen Zeitzone war.
Das klingt fantastisch, aber Sie haben vergessen, einen Preis zu nennen!
Okay, ich habe den Preis auf der Website gesehen. Aber gibt es einen Rabatt für Version 1-Benutzer?
Es gibt einen Rabatt – gehen Sie zum Kauf und es wird nach Ihrer V1-Lizenznummer gefragt. Ich glaube, es sind 18 $. Ich fand es vor dem Kauf auch nicht ganz klar.
Danke, JC!
Das Upgrade ist wie beim ersten Kauf. Es gibt einen festgelegten Betrag oder Optionen, um mehr zu geben. Es beginnt bei kostenlos und geht von dort aus.
Wie kann man sich auf einen Rabatt konzentrieren, wenn man für ein solch super-fantastisches Produkt, das einem Stunden Arbeit erspart und das Berufsleben so viel einfacher macht, nichts bezahlt?
Wir neigen dazu, den Preis von allem zu kennen und den Wert von nichts.
CodeKit 2 kommt mit einem Upgrade-Angebot. Aber ehrlich gesagt – Bryan hat hervorragende Arbeit geleistet, indem er eine neue Software entwickelt hat, die Ihren Workflow dramatisch beschleunigt. Über einen Betrag von nur 20 US-Dollar (Sie können den Betrag sogar selbst wählen) für ein so großartiges Werkzeug zu sprechen, ist lächerlich.
Ich bin gespannt auf diese neuen Funktionen – CodeKit IST derzeit mein Workflow.
Ich werde das vielleicht ausprobieren, obwohl ich im Moment ziemlich begeistert bin von der Macht von gulp.js (Es kann irgendwie alles…). Ich verstehe, dass dies dazu dienen soll, diese Art von Dingen für Leute zu optimieren, die einfach nur fette Websites erstellen wollen. Jedes Werkzeug, das mehr Leute in die Macht von Sass, Bower usw. bringt – das ist ein echter Pluspunkt.
Ich liebe CodeKit, es lohnt sich absolut, es zu kaufen und zu unterstützen. Ich habe mich dabei ertappt, wie ich viel zu viel Zeit mit Grunt, Node usw. verschwendet habe, aber mit CodeKit erledigt es einfach alles für mich, damit ich mich auf das konzentrieren kann, wofür ich bezahlt werde – Design und Code! Die neue Version mit Components ist einfach brillant.
Danke für all die Arbeit, Bryan, du bist großartig!
Übrigens habe ich einen Screencast-Review von Codekit 2.0 für ein russischsprachiges Publikum erstellt, falls jemand interessiert ist: http://youtu.be/X_1wZFGpGUE.
Ich wünschte, es gäbe auch eine Version für Windows…
Aus den FAQ
„Ich benutze Windows. Was empfehlen Sie mir für die Arbeit mit Less, Sass usw.?
Einen Mac.“
;)
Probieren Sie Prepos
http://alphapixels.com/prepros/
Es ist das Nächstliegende auf Windows, das ich mit der Funktionalität von CodeKit vergleichen kann.
Ich sehe nicht, dass CodeKit etwas tun kann, das nicht mit Sublime Text und Grunt erledigt werden kann.
Ich habe Autoprefixer, jshint, JPG- und PNG-Optimierung, JS-Minifizierung und vieles mehr, alles läuft jedes Mal, wenn ich Strg+S drücke.
Sublime ist auch die beste und erweiterbarste IDE, die ich je benutzt habe, sie ist plattformübergreifend und kommt ohne Attitüde ;-)
Wenn Sie unter Windows arbeiten (oder auch unter Mac), würde ich Gulp oder Grunt ausprobieren.
Meine Gulp-Einrichtung kompiliert Sass, präfixiert CSS automatisch, minifiziert CSS, lintet JS, verbindet JS, verkleinert JS, injiziert CSS bei Änderungen der Stylesheets in Chrome, aktualisiert automatisch bei Änderungen anderer Dateitypen (JS, HTML, PHP usw.). Ich werde bald die Bildoptimierung dorthin verlagern und anfangen, ein paar benutzerdefinierte Funktionen zu entwickeln, die ich automatisieren möchte.
Ich habe mit Mixture und dann Prepros als Windows-Alternative zu CodeKit angefangen. Gulp ist viel einfacher (wahrscheinlich auch Grunt, aber das habe ich noch nicht benutzt).
Sicher. Dennoch bin ich von Linux zu Mac gewechselt, weil ich mich auf meine Arbeit konzentrieren wollte, nicht damit, einen Computer einzurichten. Nicht jeder fühlt sich wohl dabei, jeden Tag ein neues Framework/Task-Runner/Build-Tool zu lernen, während die Einrichtung von CodeKit 2 Spaß macht und im Handumdrehen erledigt ist.
Wenn Sie mit dem "Build on Save" von Sublime zufrieden sind, ist das absolut in Ordnung. Es gibt jedoch keinen Grund, eine großartige Software schlechtzureden, die für andere ein fantastisches Werkzeug ist.
PrePros ist erstaunlich, ich liebe es!
Wunderschön gestaltet und sehr funktional. Es sieht so aus, als ob viele der neuen Funktionen für CodeKit 2 bereits seit Monaten bei Prepros vorhanden sind.
Toller Beitrag, Codekit 2 ist sicherlich ein Game-Changer. Hat mich seit seiner Veröffentlichung jeden Tag umgehauen. **Bryan ist auf einem anderen Planeten**.
Aus deren FAQ: >
„Ich benutze Windows. Was empfehlen Sie mir für die Arbeit mit Less, Sass usw.?
Einen Mac.“
Wow, was für ein Verlierer! Übrigens, selbst wenn es eine Windows-Version gäbe, würde ich jede Software von diesem Typ meiden. Benutzen Sie einfach Sublime und Grunt :)
Offensichtlicher Sarkasmus ist auf dieser Seite weit verbreitet. Haben Sie die gefälschten Bewertungen auch ignoriert? Der Typ lebt von Zungenbrecher-Humor, das macht sein Produkt nicht weniger wertvoll.
Nein, das habe ich auch bemerkt, aber selbst diese waren alle Apple-bezogen.
Schauen Sie, viele Leute haben eine PC/Mac-Voreingenommenheit, aber es ist kindisch und Sie sollten es nicht in die Website Ihres Produkts einfließen lassen. Es lässt Sie einfach unprofessionell und nicht lustig aussehen.
Und obwohl es ein Versuch war, Humor zu machen, müssen sich Windows-Benutzer oft mit dem fehlgeleiteten Überlegenheitsgefühl von Apple-Benutzern auseinandersetzen, und das ermüdet. Es ist letztendlich seine Entscheidung, und er entscheidet sich, einen großen Teil seines potenziellen Publikums zu verlieren, indem er seine persönlichen Vorlieben seinem Geschäft in den Weg stellt. Umso mehr Geschäft für Konkurrenzprodukte.
Es ist also inakzeptabel, dass der Autor sich ein wenig über Windows-Benutzer lustig macht, aber für Sie vollkommen in Ordnung ist, ihn als Verlierer zu bezeichnen, obwohl dieser "Verlierer" ein unschätzbares Werkzeug für viele geschaffen hat? Doppelmoral, jemand?
Ich würde gerne Konkurrenzprodukte wie CodeKit für Windows sehen.
„Wow, was für ein Verlierer! Übrigens, selbst wenn es eine Windows-Version gäbe, würde ich jede Software von diesem Typ meiden.“
Ach, komm schon. Ich verstehe, dass Sie frustriert sind, dass es keine Windows-Version von CodeKit gibt, und vielleicht stört Sie das "Get a Mac"-Sarkasmus (ich sage, bekommen Sie einen Sinn für Humor), aber übertreiben Sie es nicht.
Das ist großartig. Wusste nicht, dass die neue Version draußen ist.
Mamp Pro hat vor ein paar Wochen, glaube ich, eine Überarbeitung erfahren. Sie haben alles überarbeitet, z. B. die Website (vollständig reaktionsfähig), das neue Logo und die Benutzeroberfläche. Ich mag die Benutzeroberfläche von MAMP Pro nicht besonders. Sie ist ziemlich größer als die alte.
Sublime 3 + MAMP Pro + Codekit = Beste Werkzeuge aller Zeiten
MAMP Pro+: Ziehen Sie in Erwägung, sich Vagrant anzusehen.
Ja. Sie hatten mich bei 2.0. Ich werde Ihnen jetzt mein Geld geben. Viel Spaß!
Wie wäre es mit einem Build, der unter Linux funktioniert? Ich weiß, dass die meisten Leute auf Macs bauen, aber ein Mac ist nur eine schicke GUI auf Linux. Also, selbst wenn Sie Windows hassen wie der Rest der Dev-Welt, wie wäre es mit einer GTK-Version?
Wenn Sie sich auf die BSD-Schicht (Darwin BSD) in Mac OS X beziehen, ist das nicht Linux. Wenn es sich um eine reine Kommandozeilenanwendung handeln würde, ja, aber das ist nicht der Fall. Es gibt noch viel mehr in OS X als BSD. Eine GTK-Version wäre eine komplette Neuentwicklung von Grund auf.
Ich stimme nochmals für eine Windows-Version – einige von uns benutzen Windows…
Der Funktionsumfang dieses Programms ist so groß, dass es mich sogar dazu bringt, nur für dieses Programm einen Mac zu kaufen… es klingt einfach so erstaunlich…
Sieht aus wie ein erstaunliches Programm…
Prepros ist eine ziemlich großartige Windows-Alternative.
Michael, Zeit für den Sprung. Weniger reden, mehr handeln!
Ebenso. Ich lasse mich aber nicht zu einem Wechsel zu einem bösen Betriebssystem für eine App zwingen. Ich setze weiterhin auf eine Ubuntu- oder Windows-Version. Prepros ist großartig, hat aber seine Probleme.
Kommen Sie zu Mac für CodeKit, bleiben Sie für die weitaus überlegene *nix Kommandozeilenoberfläche.
Und es gibt noch einige andere coole Software exklusiv auf diesem Betriebssystem! Wie der fantastische Font-Editor Glyphs oder Sketch, das neue Screen-Design-Tool. Kommen Sie auf die andere Seite des Computings, wo es Spaß macht!
Ich entwickle seit Jahren auf einer Windows-Maschine, habe noch nie einen Mac benutzt. Ich habe mir vor etwa 2 Wochen ein MBP mit Retina gekauft. Ich war noch nie glücklicher. Ich hatte immer die Voreingenommenheit, dass Macs überteuert und das Geld nicht wirklich wert sind. Das mag vor nicht allzu langer Zeit der Fall gewesen sein, aber genau wie KIA hat Apple in diese neue Linie wirklich Qualität gesteckt. Mein 13-Zoll-MBP ist über Thunderbolt-Ports mit 2 27-Zoll-Dell-ISP-Monitoren mit 2560 x 1440 verbunden, plus das Macbook selbst. Also ein 3-Monitor-Setup, das bei allen entwicklungsbezogenen Dingen genauso schnell ist wie mein Gaming-PC, und das Beste daran? Ich kann die Kabel abziehen und weiter Websites auf der Toilette erstellen! Der gesamte Workflow, der Vagrant-Server und die Dateien befinden sich direkt auf dem MBP, und Sie können die Monitore für maximale Produktivität anschließen oder drahtlos für maximale Portabilität. Sie müssen nie wieder Dateien von meinem alten Laptop und meinem Desktop synchronisieren. Sie können sogar den MBP-Bildschirm schließen, und der "Desktop" bewegt sich auf die 2 externen Monitore, ohne dass der MBP in den Ruhezustand wechselt, und schließen Sie eine Maus und Tastatur an, um den MBP in einen schlanken kleinen Desktop-Tower zu verwandeln, den Sie verstecken können.
Danke Mann! Benutze das täglich. Wirklicher Game-Changer. Habe kürzlich die vorherige Version gekauft, sodass das Upgrade kostenlos war. Habe auf das Firefox-Autorefresh gewartet, kann es aber auch in dieser Version nicht sehen? Zumindest deutet der Artikel darauf hin.
Ich habe das vor ein paar Monaten gekauft und verdammt, es hat mir viel Zeit gespart. Es ist eine erstaunliche Anwendung und mein Upgrade wird definitiv erfolgen. Danke für ein tolles Programm! Übrigens, wenn Sie sich Sorgen um eine Upgrade-Gebühr machen, tun Sie es nicht. Sie können kostenlos upgraden ODER dem Macher ein paar Dollar extra geben. Er verdient es.
Ich habe gerade ein Upgrade durchgeführt. Ich wünschte, es würden meine alten Ordner beibehalten, die ich überwachen ließ. Es scheint, als müsste ich sie alle wieder hinzufügen.
Oh nein! Das ist nicht gut! Danke für die Warnung!
+1 für eine Windows-Version, ich wäre Ihr erster Kunde.
Installiert... SOOOO FANTASTISCH! Hat 2 Minuten gedauert, bis mein iPhone Änderungen sofort aktualisiert hat. Das SASS kompiliert auch super schnell.
Codekit ist der Grund, warum ich das Lernen von Grunt immer wieder aufschiebe... Aber bisher war Codekit großartig. Ich liebe es auch, auf lokale Gem-Versionen von Sass & Compass verweisen zu können.
In den FAQs
Ich glaube, Sie haben ein ernstes Problem mit Mac...
Woher wissen Sie, dass jemand einen Mac benutzt?
Sie erzählen es Ihnen bei jeder verdammten Gelegenheit.
:)
Hey Mädels: http://www.youtube.com/watch?v=WSt5jxQc5eg&feature=youtu.be
Bryan hier. Danke für all das Feedback, Leute!
An die Leute, die sich Sorgen um meine Apple-Fanboy-Haltung machen, würde ich zwei Dinge sagen:
1) Ich hasse Windows überhaupt nicht und ich finde, dass einige der neuesten Arbeiten von Microsoft tatsächlich innovativer sind als das, was aus Cupertino kommt. Ich würde CodeKit für Windows schreiben, wenn ich die Plattform kennen würde. Das tue ich einfach nicht. Bisher hat sich kein guter Entwickler angeboten, mit mir zusammenzuarbeiten, um CodeKit zu portieren. Aber ich bin offen für die Idee.
2) Man kann nicht zu einem Baseballspiel gehen und sagen: "Das ist lächerlich! Der Kommentator ist eindeutig voreingenommen zugunsten des Heimteams! Was für ein Verlierer." Ebenso wird beim Lesen meiner Website im Marketingtext eindeutig die Heimmannschaft bevorzugt. Sich darüber aufzuregen, macht keinen Sinn.
Auf jeden Fall nochmals vielen Dank! Ich lese gerne, was jeder denkt!
Hallo Bryan
Vielen Dank für das Upgrade.
Es gibt nur zwei Dinge, die mir daran nicht gefallen
Zunächst musste ich alle Projekte neu hinzufügen. Ich denke, der automatische Import aus der Vorgängerversion ist ein Muss.
Zweitens wäre es schön, wenn man wählen könnte, ob man einen CodeKit-Server verwenden möchte oder nur eine automatische Aktualisierung im Browser (Chrome und Safari sind für mich beim Entwickeln in Ordnung).
Der CodeKit-Server ist sooooo langsam. Ja, ich habe Internetfreigabe AUSgeschaltet. Er ist einfach langsam. Wenn ich eine Website von *somedomain.local* starte (eingestellt in httpd-vhosts.conf und in /etc/hosts – ich benutze MAMP oder ähnliche Apps nicht), funktioniert sie normal, und wenn ich sie in CodeKit als "externe Serveradresse" einstelle, lädt sie langsam – jede Datei benötigt 5-15 Sekunden zum Download :(
Es wäre großartig, wenn ich die Methode der Browseraktualisierung wählen könnte – alte direkte Aktualisierung oder CodeKit-Server.
Vorerst gehe ich zurück zu 1.9.3 :(
Und noch etwas – die Schrift auf Ihrer Website hat einen zu geringen Kontrast. Als ich die Hilfeseite las, tat es meinen Augen weh :(
Entschuldigung für dieses Feedback.
Mit freundlichen Grüßen,
Darek
Wenn Sie einen CodeKit => Coda Hook zum automatischen Hochladen von Dateien benötigen, finden Sie hier ein Beispiel: http://chsmedien.com/blog/2014/03/codekit-hook-for-coda
Danke Christian, das ist praktisch.
Schönes Upgrade! Das ist es wert, sich jetzt Grunt/Gulp anzusehen. Libsass ist meine Lieblingsverbesserung. Geschwindigkeit!
Nach ein paar Minuten des Spielens sehe ich jedoch, dass das Susy-Framework nach der Installation von Compass fragt. Susy 2 benötigt kein Compass mehr, weshalb ich es persönlich fast ausschließlich benutze.
Was ist falsch an Compass? =) Ich meine, es ist nicht cool, dass CodeKit nicht das neueste Susy verwendet, aber Susy 2.0 hat immer noch einige Funktionen, die von Compass abhängen.
An Compass ist nichts falsch! Ich brauche es persönlich nur nicht.
Ich bevorzuge Autoprefixer gegenüber allen Vendor-Präfixen, die die Compass-Mixins enthalten. Ich mag auch meine Bibliothek von Mixins und trenne einige stattdessen in Erweiterungen. Das ist der Grund, warum ich Susy mag, ich kann wählen, wie ich Dinge tun möchte. Es ist keine Beleidigung für Compass, wenn du es magst, benutze es.
Welche Susy-Funktionen erfordern Compass? Die Dokumentation sagt etwas anderes.
Auf jeden Fall sehe ich, dass Sie die neueste Version direkt über den Reiter "Assets" in CodeKit erhalten können.
Auch, wenn ich mich richtig erinnere, ist ein weiterer Hinderungsgrund, dass Libsass noch nicht mit Compass funktioniert.
Eric M. Suzanne (der Erfinder von Susy) diskutiert die Compass-Abhängigkeit in diesem Screencast http://www.youtube.com/watch?v=m7k-vBzebPg, bei 3:00.
Ich glaube, es geht um Typografie, vertikalen Rhythmus und das Debuggen von vertikalen Baselines.
Übrigens funktioniert Libsass auch mit vielen 3.3-Features nicht = (
Sieht ziemlich cool aus, aber ich werde nicht nur dafür auf Mac umsteigen. Ubuntu braucht das.
Ich benutze CodeKit 1 und es ist sehr gut, und ich möchte auch auf 2 upgraden
Bower sieht interessant aus, ist es möglich, zusätzliche Drittanbieter-Abhängigkeiten hinzuzufügen, die nicht in den 7000 enthalten sind?
Ich habe gerade von Codekit 1 aktualisiert und finde diese Version großartig. Funktioniert genauso einfach wie Version 1, ziehen Sie einfach Ihren Website-Ordner auf die App, legen Sie Ihre Ausgabe-Pfade fest und Sie sind bereit. Alles sieht und funktioniert sehr reibungslos, ich liebe es. Die Vorschau und Aktualisierung der Website über Bonjour auf meinem iPad funktioniert fantastisch.
Danke!
Werde es mir auf jeden Fall ansehen, viele coole Funktionen :)
Ich hatte ein Problem auf seinem GitHub gemeldet, eine einfache Frage zum Deaktivieren der ständigen Benachrichtigungen... Ich habe Growl-Benachrichtigungen in den OSX-Systemeinstellungen deaktiviert, aber die Codekit 2-Benachrichtigungen kamen immer noch für jede SASS-Änderung und der Autor hat das Problem sofort und ziemlich unhöflich geschlossen :/
Es war eine gereizte Art, mit potenziellen Kunden zu interagieren, aber ich denke, in diesem Fall glänzt das Produkt immer noch.
Hat noch jemand Probleme mit inkonsistenten Seitenaktualisierungen beim Speichern? Ich arbeite an WordPress-Sachen, verwende Mamp und kompiliere SASS-Dateien über CodeKit 2. Ich habe nur eine Website gleichzeitig in CodeKit aktiv und eine externe Serverkonfiguration.
Unabhängig davon ist es bei jedem Speichern einer Datei eine Chance von 1 zu 4, dass CodeKit meinen Browser aktualisiert. Dies habe ich sowohl in Chrome als auch in Firefox beobachtet.
Abgesehen davon habe ich auf CodeKit 2 aktualisiert, sobald ich davon gehört habe, und ich liebe es. Ich hatte ein Problem und Bryan hat schnell auf Twitter geantwortet und mir super geholfen, es zu lösen. CodeKit bleibt ein unverzichtbares Werkzeug für mich. Danke für deine gute Arbeit, Bryan.
Es gibt eine GROSSE EINSCHRÄNKUNG zu beachten
Ich habe das Problem, dass die automatische Aktualisierungsfunktion für Less/CSS bei WordPress + CodeKit nicht funktioniert.
Ich habe dem Entwickler von CodeKit (Bryan Jones) eine E-Mail geschrieben.
Er sagte mir, dass dies auf Elemente am Ende von , die gegen die Spezifikationen verstoßen, zurückzuführen sei.
Ich habe ein kleines WordPress-Plugin geschrieben, das diese Elemente löscht, und voilà, es funktionierte.
Also habe ich Bryan gefragt, ob er das Problem beheben könnte, indem er auch Elemente in der zulässt.
Er hat abgelehnt, da dies gegen die Spezifikationen verstößt – und ignoriert, dass dies eine gängige Praxis ist. In WordPress kann dieses Verhalten sogar mit wp_enqueue_script + $in_footer = true ausgelöst werden.
Es ist frustrierend. Sie können nur alle Plugins ändern, die die, nicht erfüllen, die gesamte Ausgabe erfassen und neu schreiben (Performance-Einbußen!) oder eine Alternative zu CodeKit verwenden.
Tolles zeiteffizientes Stück Software, ich freue mich auf Jekyll-Unterstützung!!
Codekit 1.x war nett. Codekit 2.0+ sieht/fühlt sich furchtbar an, die Benutzeroberfläche fühlt sich wie eine schlechte Windows-Anwendung an. Hallo Grunt!
Ich benutze CodeKit 1 schon eine Weile und fand es sehr nützlich bei der Entwicklung von WordPress-Themes und HTML-Websites. Ich benutze es nicht für Rails oder Sinatra, ich verwende Asset Pack und Grunt usw. Jedenfalls war ich bereit, für CodeKit 2 zu bezahlen und möchte es unterstützen, aber nach einigem Herumspielen gefällt es mir nicht.
Vielleicht ist es für einen Designer eine Verbesserung, aber als Entwickler finde ich, dass es zu viel tut, ich habe meinen eigenen Workflow und CK2 scheint zu viele Entscheidungen für mich zu treffen.
Ich habe auch Probleme mit der direkten Arbeit aus dem bower_components-Verzeichnis aufgrund des zusätzlichen unnötigen Schnickschnacks für die Produktion. Ich bin sicher, dass die meisten Leute all die zusätzlichen Funktionen und Automatisierung lieben werden, aber nicht ich! Entschuldigung
Nach dem Kauf von Codekit 2, um den Autor zu unterstützen, benutze ich immer noch Codekit 1, einfach weil die Benutzeroberfläche angenehmer für die Augen ist. Ich musste SASS und Bourbon aktualisieren, indem ich die Paket-Inhalte von Codekit (1) öffnete, aber das Grün auf Grau der neuen Version war einfach zu viel.
Ich benutze CodeKit jetzt seit etwa einem Monat. Es gefällt mir.
Aber Prepros. Es ist genauso cool. Ich finde, es ist einfacher einzurichten und zu navigieren. Ganz zu schweigen von dem doppelten Vorteil von Mac + Windows, der es einfacher macht, egal mit welchem meiner Laptops ich arbeite. Ernsthaft, wenn Sie ein Windows-Benutzer oder ein Mac-Benutzer sind, der mit CodeKit vertraut ist, sollten Sie es sich ansehen! Es ist kostenlos und eingeschränkt, es sei denn, Sie zahlen, aber Sie werden das Bild bekommen, wenn Sie CodeKit benutzt haben.