Wir haben diese kleine Serie mit Gesprächen über monatliche Dienstleistungskosten begonnen, dann eine Umfrage zu Einnahmen gestartet, nun lasst uns weitermachen und wieder über Software sprechen. Diesmal über Software, die man nur einmal kauft. Vielleicht gibt es ab und zu kostenpflichtige Upgrades, aber diese sind optional (z.B. Adobe Creative Suite).
Unten werde ich meine Sammlung von Einmal-Software auflisten. Ich werde den Namen, warum/wie ich es benutze und kostenlose oder günstigere Alternativen, falls ich welche kenne, auflisten. Dies ist nur bezahlte Software, keine kostenlose Software. Ich werde Mac-Software auflisten, da dies das ist, was ich benutze und kenne, aber fühlen Sie sich nicht ausgeschlossen, wenn Sie ein anderes Betriebssystem verwenden, das ist genauso relevant und bitte teilen Sie dies in den Kommentaren mit.
Der Punkt ist, ein Bild von den finanziellen Ein- und Ausgaben eines Webentwicklers heute zu zeichnen. Ich denke, wir werden danach noch einen Beitrag über Hardwarekosten und dann einen Abschlussbeitrag schreiben, der alle Zahlen zusammenfasst und wir sehen, was wir sehen.
Sublime Text 2 (59 $)
Sie müssen einen Code-Editor haben. Dieser hier ist fantastisch. Mit einer Lizenz können Sie ihn auf beliebig vielen (Ihren) Computern verwenden, auch plattformübergreifend. Er ist günstiger, wenn Sie für ein großes Team kaufen.
Alternativen: TextMate ist Open Source / Brackets ist im Web
CodeKit (25-35 $)
Ich arbeite mit Präprozessoren, und CodeKit kümmert sich um die gesamte Kompilierung dieser Sprachen für mich. Es bietet auch Code-Hinweise, Verkettung, Stil-Injektion und Bildkomprimierung – was es zu einem sehr wertvollen Werkzeug macht.
Alternativen: Einmalige Tools wie Image Optim (für Bildkomprimierung) / SoFresh Bookmarklet (für Stil-Injektion) / Nur die Verwendung der Präprozessoren über die Kommandozeile
Tower (59 $)
Ich arbeite mit Git, aber nicht immer auf GitHub. Genau wie bei Präprozessoren könnte ich mit Git über die Kommandozeile arbeiten. Ich finde die Nutzung einer App angenehmer (einfache Mausklicks), nützlicher (schöne Ansichten für Unterschiede) und effizienter (leichtes Wechseln zwischen Projekten und Branches).
Alternativen: GitHub für Mac (oder Windows), wenn Sie alle GitHub-Repos nutzen / Kommandozeile
Coda (75 $)
Ich benutze (und rate dringend davon ab) das Bearbeiten von Code über FTP, aber ein FTP-Client ist ziemlich wichtig. Vielleicht müssen Sie einige Dateien bearbeiten, die Sie bewusst nicht unter Versionskontrolle stellen. In diesen Fällen finde ich es sehr praktisch, den integrierten Editor zu haben.
Alternativen: Transmit kostet die Hälfte, aber ohne Editor / CyberDuck ist kostenlos für Mac und Windows.
Creative Suite (Design Standard, 1.299 $)
Ich benutze immer noch stark Photoshop und Illustrator für Designarbeiten. Manchmal auch InDesign, wenn ich gelegentlich Printarbeiten mache. Eine sehr praktische Wahl für diese Top drei ist Design Standard, das diese und einige andere Programme enthält, die Sie wahrscheinlich nicht verwenden werden.
Alternativen: Acorn / Sketch / Gimp
MAMP Pro (59 $)
Das erste M in MAMP steht für "Mac", aber es gibt auch Versionen für (W)indows und (L)inux. Die anderen Buchstaben sind (A)pache, (M)ySQL und (P)HP. Dies bündelt sie alle zusammen und gibt Ihnen die Abhängigkeiten, die Sie benötigen, um lokal an Websites zu arbeiten. Nun, an Websites mit genau diesen Abhängigkeiten, die so ziemlich jedes beliebte CMS umfassen. Die Pro-Version fügt die Möglichkeit hinzu, einfach neue lokale Domainnamen zu erstellen.
Alternativen: MAMP Regular / Dies sind alles Open-Source-Dinge, also lernen Sie, sie selbst zu installieren und zu verwalten.
1Password (49,99 $)
Speichert und hilft mir bei der Eingabe all meiner Web-Passwörter. Synchronisiert über alle Browser und Geräte hinweg. Die Menge an Browser-Hopping, die ich mache, macht dies extrem wertvoll.
Alternativen: LastPass / ein Zettel an Ihrer Wand
Things (49,99 $)
Aufgabenliste, die synchronisiert.
Alternativen: Es gibt 10 Milliarden To-Do-Apps, Sie werden sie problemlos finden. Mein Kalender, mein E-Mail-Client und mein Betriebssystem haben alle To-Do-Listen-Funktionalität.
ScreenFlow (99 $)
Dies dient zur Aufnahme, Bearbeitung und zum Export von Screencasts. Nicht alle Entwickler brauchen das, aber das ist mein Wildcard. Ich denke, alle Entwickler haben einige Apps, die sehr spezifisch für etwas sind, das sie tun und das nicht bei allen Entwicklern üblich ist.
Alternativen: Nehmen Sie Ihren Bildschirm mit QuickTime Player auf
Gesamt
| Dienst | Kosten |
|---|---|
| Sublime Text 2 | $59.00 |
| CodeKit | $30.00 |
| Tower | $59.00 |
| Coda | $75.00 |
| Creative Suite | $1,299.00 |
| MAMP Pro | $59.00 |
| 1Password | $49.99 |
| Things | $49.99 |
| ScreenFlow | $99.00 |
| Gesamt | $1,779.98 |
Dies stellt dar, was ich als wirklich erstklassiges Set an Software-Tools betrachten würde. Also, für Liebe oder Geld, es wird nicht viel besser.
Teilen
Es wird interessant sein zu hören, welche einmaligen Softwarekosten Sie hatten. Unterscheidet es sich stark von meinen? Wenn Sie ein Linux- oder Windows-Benutzer sind, wie unterscheidet es sich? Hat jemand wesentlich mehr oder wesentlich weniger ausgegeben?
Kaufst du jeden Monat eine Kopie von Creative Suite oder ist diese Tabelle etwas ungenau?
Dieser Artikel handelt von einmaligen Kosten, nicht von monatlichen Kosten. Es gibt einen Artikel über monatliche Kosten von vor etwa einer Woche.
Sie können (wie Sie vielleicht wissen) Creative Suite als monatliche Gebühr bezahlen, aber ich habe das nie getan, ich habe sie immer direkt gekauft.
Ja, aber die Kopfzeile für die Kosten in Ihrer Tabelle am Ende lautet immer noch "Monatliche Kosten".
Ich glaube, Barry wollte sagen, dass die Tabelle oben als "Monatliche Kosten" bezeichnet wird, was falsch wäre, wenn man bedenkt, dass die gesamte Software "einmalig bezahlt" ist. Das Label "Dienstleistung" ist auch irgendwie falsch, es sollte etwas wie "Werkzeuge" oder "Software" heißen. Ich glaube, Sie haben diese Tabelle aus dem Artikel mit den von Ihnen monatlich genutzten Diensten kopiert ;-)
Die Beschriftung "Monatliche Kosten" ist etwas irreführend. Wie im Einleitungstext des Artikels geschrieben:
„… nun lasst uns weitermachen und wieder über Software sprechen. Diesmal über Software, die man nur einmal kauft. Vielleicht gibt es ab und zu kostenpflichtige Upgrades, aber diese sind optional.“
Es wäre wahrscheinlich genauer, wenn in der Tabelle einfach "Kosten" stehen würde.
„Diesmal über Software, die man nur einmal kauft.“
Ich benutze Google Tasks, um meine To-Do-Liste zu verwalten, und kann sie mit der kostenlosen GoTasks-App auf meinem iPhone und iPad synchronisieren! Das ist sehr nützlich und völlig kostenlos! ;-)
Ich werde mir das ansehen. Ich benutze derzeit ein GTD-System über Evernote, aber ich suche immer nach dem einfachsten Weg, alles zu verfolgen.
Cool, die Tabellenüberschrift lautet monatliche Kosten :) Die Kommentarvorschau ist übrigens cool.
Wunderkit ist meine bevorzugte To-Do-Listen-App, sie synchronisiert sich über alles und hat auch eine schöne Webversion.
Source Tree ist eine schöne kostenlose Alternative zu Tower. Ich habe Tower nach dem Ansehen deines Screencasts ausprobiert und festgestellt, dass Source Tree die gleiche gute Arbeit leistet.
CodeKit ist großartig, ich habe mit einigen Alternativen herumgespielt, aber keine davon ist annähernd so gut wie es.
Ah, tatsächlich, danke!
(Wir) Windows-Benutzer brauchen CodeKit so dringend. Jede Alternative fällt stark ab
Ich stimme zu. Ich kann mich nicht mit Kommandozeilen anfreunden, also verwende ich zum Kompilieren von SASS die [kostenlose] App "Scout" (http://mhs.github.com/scout-app/). Es ist *einfach*, da man nur auf den "Play"-Button klickt, um auf Änderungen an seinen .scss zu warten, aber es ist nicht gerade schön.
Ich habe Scout und die Compass.app benutzt und bevorzuge letztere. Weniger aufdringlich, geringerer Speicherverbrauch und ich habe mehr Kontrolle über die Projektkonfiguration.
Aber Scout reduziert definitiv die Zeit an der Kommandozeile.
Ich benutze Less und finde, dass WinLess in Ordnung ist. Ich benutze es nur aus grundlegenden Gründen (Kompilieren von Less zu standardmäßigem CSS). Ich habe Codekit noch nie benutzt, aber ich habe es in Tutorials gesehen. Es sieht so viel besser aus. Ich habe neulich fast einen Mac gekauft, nur wegen CodeKit
Für LESS-Benutzer ist SimpLESS großartig, es ist kostenlos, überwacht Ihre LESS-Dateien automatisch und hat eine integrierte Minifizierung.
Hallo,
Eine großartige kostenlose Alternative zu Tower ist SourceTree. Ich habe es vor ein paar Tagen angefangen zu benutzen und es ist gut.
Kam hierher, um das zu posten. Habe sowohl SourceTree als auch Tower benutzt (wenn auch nur Tower per Demo) und konnte keine krassen Unterschiede feststellen, außer dass eines (SourceTree) kostenlos ist
Das war's für Software, Chris, aber ich wollte wissen, welche Hardware du benutzt? Ist es das MacBookPro oder etwas Ähnliches? Warum nicht auf einem Windows-Rechner entwickeln?
Chris, du hast mich inspiriert, einen Beitrag über Task-Management-Software für Webentwickler/Designer zu schreiben. Bei Houndstooth benutzen wir Trello für das Team, aber persönlich benutze ich Wunderlist, aber ich habe eine Menge anderer ausprobiert. Es gibt so viele und nur wenige haben Funktionen, die sie wirklich hervorheben lassen, zum Beispiel hat Things die schnelle Notiz-Tastenkombination, die ich liebe. Guter Beitrag. Gibt es einen Grund, warum du Coda's Code-Editor nicht benutzt, da du ihn bereits für andere Dinge verwendest? Was ist der Vorteil von ST?
Sublime Text 2 ist wirklich phänomenal.. Fast so gut wie eine IDE, und mit einfach hinzuzufügenden Add-ons ist es noch besser.
Mehrfachauswahl ist cool genug, um mich von Sublime zu überzeugen, obwohl es viele andere nützliche Funktionen gibt.
Klicken
Cmd + Klick woandershin
Sei erstaunt
Coda unterstützt tatsächlich Multi-Line-Editing und verfügt über eine integrierte einfache Versionierungs-GUI. Coda ist meine Allzweck-App der Wahl für Entwicklung, FTP und einfache Versionskontrolle. Ich öffne Source Tree von Zeit zu Zeit, wenn schwierigere Zusammenführungen und Konflikte auftreten, aber das ist selten. Was mich wirklich an Coda überzeugt hat, war die Möglichkeit, Live-Vorschauen von Websites zu sehen, die über MAMP Pro laufen. Die meisten anderen IDEs zeigen nur serverseitigen Code an. Außerdem läuft es auf WebKit!
SourceTree ist eine fantastische kostenlose Alternative zu Git Tower. Während die Benutzeroberfläche etwas unübersichtlicher ist, finde ich sie viel leistungsfähiger.
Ein weiterer Tipp für SourceTree, obwohl ich finde, dass es langsamer zu Remotes pusht als Tower.
Wie wäre es mit
TODO-Liste: Wunderlist, kostenlos und verfügbar auf Mac/Windows und Smartphones
Editor: Visual Studio Express, kostenlos (nur Windows), unterstützt CSS3, HTML5, jQuery mit Hilfe und Syntaxvervollständigung. Enthält einen Webserver für die Entwicklung (aber kein PHP, vielleicht mit einer Erweiterung).
FTP: FileZilla, kostenlos, kann Remote-Dateien mit Ihrem bevorzugten Editor bearbeiten
Oh, ich vergaß zu erwähnen: VS unterstützt sogar SASS/SCSS, CoffeeScript und LESS, wenn Web Workbench installiert ist.
Sie empfehlen also sowohl Sublime Text als auch Coda? Welches benutzen Sie tatsächlich? Ich bin seit Anfang an ein Fan von Coda, habe eine Weile mit Espresso herumgespielt (bekam es als Teil eines Bundles), bin aber mit der ausgezeichneten Version 2 wieder zu Coda zurückgekehrt.
Ich lese immer wieder, wie großartig Sublime Text ist, aber ich weiß nicht, ob ich es mir leisten kann, es zu kaufen, wenn ich Coda bereits besitze – ich glaube, ich würde einen Texteditor kaufen, den ich nicht benutze.
Sublime Text kann kostenlos heruntergeladen und ausgewertet werden. (Lizenz für fortgesetzte Nutzung) http://www.sublimetext.com/2
Das Tolle an Sublime Text 2 ist, dass Sie die Testversion unbegrenzt nutzen können.. glaube ich.
Ich möchte BBEdit als Code-Editor erwähnen. Ich benutze es schon ewig, habe versucht zu wechseln. Bah! schwer zu tun, Muskelgedächtnis und so. Sublime Text 2 sieht großartig aus.
Ich mag Tower genau aus den von Ihnen genannten Gründen, aber haben Sie ihn langsam gefunden?
Ein paar Werkzeuge zum Hinzufügen
ColorSchemer Studio – erlaubt es Ihnen, die Farbe aus jedem Bereich Ihres Bildschirms zu übernehmen und die Hex- oder RGB-Werte zu erhalten, plus verwandte Farben zu mischen. Vielleicht ein Farbwähler auf Steroiden, aber ich kehre immer wieder zu ihm zurück.
MacRabbit Espresso – hauptsächlich für die Echtzeit-Vorschau beim CSS-Bearbeiten – Ich habe früher CSSEdit benutzt, das MacRabbit in die aktuelle Version von Espresso integriert hat. Ich glaube, ich wechsle zu CodeKit wegen der Unterstützung von SASS, Coffeescript usw.
Cheers aus Texas, K
Es gibt nicht viele von uns BBEdit-Benutzern, scheint es. Ich benutze es seit Jahren. Ich habe fast jeden Editor ausprobiert, aber ich komme immer wieder zurück. Er hat vielleicht nicht die schönste Benutzeroberfläche, aber Mann, ist er ein Arbeitstier! v10 war ein schönes Upgrade.
Hier ist noch ein langjähriger BBEdit-Benutzer. Ich habe sogar TextMate gekauft, aber es war BBEdit so ähnlich, dass ich nie das Bedürfnis hatte zu wechseln. Ich liebe die Sublime Text-Oberfläche jedoch sehr.
Ich finde, dass Browser-Erweiterungen oder Utility-Websites das übernehmen, was Software früher für die Frontend-Entwicklung getan hat. Ich könnte vielleicht mit SmartGit (Mac) auskommen, aber nicht ohne Chrome Inspector, Firebug oder JSLint.
Okay, ich glaube, ich wechsle tatsächlich zu Sublime Text 2. Was mich überzeugt hat, ist dieses Tutorial auf Tuts + Premium
Perfekter Workflow in Sublime Text
https://tutsplus.com/course/improve-workflow-in-sublime-text-2/
brillanter Artikel, danke,
Ich persönlich benutze Dreamweaver und habe das Paket zusammen mit Photoshop und Illustrator gekauft, teuer, aber wenn man täglich damit arbeitet, ist es die Investition wert – wir sind von CS3 auf CS6 umgestiegen und werden wahrscheinlich bleiben, bis CS9 herauskommt, lol
Die monatliche Zahlungsoption wurde mit der neuesten Version CS6 eingeführt und lohnt sich nur, wenn Sie mit jeder neuen Version upgraden oder es günstiger ist, nicht zu upgraden (wenn Sie die Mittel haben, es sofort zu bezahlen)
Auch wollte ich nur sagen, dass ich die neue Seite liebe und die Tatsache, dass Sie vollständige Beiträge an RSS-Feeds posten :)
Nun, es kommt darauf an. Als CS6 neu herauskam, konnte man mit einer Lizenz für CS3 oder neuer für 29 $/Monat monatlich erhalten, was billiger ist, als alle zwei Versionen zu aktualisieren, also bin ich auf diesen Zug aufgesprungen. ;) Den höheren Preis hätte ich wahrscheinlich nicht gewählt.
Ich steuere meine 5 Cent für Evernote für To-Do-Listen und andere Notizen bei.
Synchronisiert über Geräte hinweg, flexibler als Standard-To-Do-Listen und für den leichten Gebrauch bemerkenswert kostenlos.
Sie sagten im Abschnitt Coda 2, Sie empfehlen nicht, über FTP zu gehen… was bedeutet das genau? Weil ich das Gefühl habe, dass ich genau das tue, wovon Sie abraten, und ich möchte verstehen, warum das kein guter Weg ist, um an Websites zu arbeiten.
Ich glaube, Chris spricht davon, nicht "commando" zu gehen hier
Für FTP benutze ich ein Plugin für Sublime Text 2 namens FTPSync.
Es lässt sich einfach mit dem Sublime Package Control installieren.
FTPSync ermöglicht es Ihnen, eine Datei beim Speichern automatisch hochzuladen.
Sie können auch die Compass-App selbst verwenden: http://compass.handlino.com/. Oder die Fire.app, die sie entwickelt haben und die die Kräfte aller Sprachen (neben SASS) kombiniert und Ihre Projekte verwaltet: http://fireapp.handlino.com/
Ich weiß, dass Sie Browserstack in Ihrem monatlichen Kostenartikel erwähnt haben, aber bis jetzt habe ich immer auf einem Mac mit einer Windows-Installation (was auch immer Windows heutzutage kostet) und VMware Fusion (44,99 €) für schnelle und schmutzige IE-Tests gearbeitet.
FYI VirtualBox leistet so ziemlich alles, was Fusion kann, zu einem Preis von 0 € :)
Ich habe nie gefunden, dass Virtualbox die gleiche Leistung oder Stabilität wie Fusion (oder Parallels, was das angeht) hat. Vielleicht hatte ich einfach Pech, und wenn die IT-Abteilung des Unternehmens sowieso bezahlt, stört mich die Kosten nicht. ;)
Toller Beitrag. Hier sind meine Präferenzen
Sublime Text 2 (59 $) Muss man haben? Stark widersprechen: Muss man haben: vim. Kostenlos; Killer-Community, Pluginapalooza für Erweiterbarkeit. Plattformübergreifend + Kommandozeile.
CodeKit/Tower/Coda: iTerm oder mintty + Open-Source-Pakete. Die Lernkurve ist es wert.
Code: lftp. lftp rockt dieses alte und *ich wünschte, es würde schon aussterben-Dinosaurier*-FTP.
Creative Suite (Design Standard, 1.299 $): Inkscape, GIMP. Adobe tut den Webstandards keinen Gefallen.
MAMP Pro (59 $) Liebe MAMP, aber wirklich, machen Sie es richtig: VirtualBox, kostenlos, mit Ubuntu Server oder CentOS kostenlos
1Password (49,99 $) LastPass: 1 $/Monat
Things (49,99 $) Web2Project ist ein Open-Source-LAMP-basiertes Projektmanagement-Tool; kostenlos.
ScreenFlow (99 $) Ich benutze und liebe Camtasia; und es ist meine einzige Geldausgabe. Es lohnt sich.
Einige interessante Optionen hier, aber ich kann mir nicht vorstellen, dass sie einen großen Produktivitätsvorteil bieten, der mit der Kosteneffizienz einhergeht.
Vim ist in Ordnung, wenn man es gemeistert hat, aber für die meisten Frontend-Entwickler, die nicht mit der Kommandozeile vertraut sind, lohnt sich die Anstrengung, ein Niveau zu erreichen, auf dem sie mit der Kommandozeilen-Textbearbeitung vertraut sind, nicht.
Dasselbe gilt für iTerm, aber wirklich, ich kann jede Versionskontrolle leicht genug über die Kommandozeile machen, aber ich benutze normalerweise eine GUI, weil sie schneller und effizienter ist.
Nein, Adobe tut den Webstandards keine Gefallen, aber im Vergleich zu den Open-Source-Tools gibt es keinen Wettbewerb. Gimp "verkrüppelt" dich wirklich.
Warum ist VirtualBox, das ein Betriebssystem ausführt, "richtiger" als MAMP? Beide sind Virtualisierungstools. Ich persönlich benutze einfach den integrierten Apache, den OSX mitliefert, und installiere PHP und MySQL darauf. (was genauso kostenlos ist und das Ausführen einer virtuellen Maschine erspart)
LastPass ist cool, aber ich bevorzuge, wo ich meine 1Password-Daten speichere, anstatt sie mit den eigenen Servern von LastPass zu synchronisieren. Nennen Sie mich ein bisschen paranoid, aber Passwörter sind eine sehr sensible Sache.
Web2Project ist gut, aber eher auf Projektmanagement ausgerichtet, nicht wirklich als einfache To-Do-Liste konzipiert. Das gesagt, benutze ich die neue Erinnerungs-App, die mit Mountain Lion geliefert wird, jetzt für die To-Do-Funktionalität.
Wie findest du Tower heutzutage? Hat es sich schön aufgeräumt? Ich erinnere mich, es vor anderthalb Jahren ausprobiert zu haben und es war unbenutzbar fehlerhaft, also habe ich nicht zurückgeblickt. 99% meiner Arbeit wird über SVN erledigt, aber für gelegentliche GIT-Projekte ist es schön, keine Kommandozeile zu benötigen.
Ein paar weitere wirklich großartige Werkzeuge, die ich viel benutze
Xscope (29 $) <- Messwerkzeuge, die über aktiven Fenstern schweben. Unglaublich nützlich. Ich könnte nicht ohne dieses leben.
LittleIpsum (0 $) <- Einfacher Zugriff auf einen Lorem-Ipsum-Generator, der Preis stimmt!
Kaleidoscope (39 $) <- Das beste Dateivergleichstool, das ich gefunden habe.
Transmit (34 $) <- Bei weitem die beste FTP-App, die ich je benutzt habe. Ich liebe die automatisierte Synchronisierung für die Sicherung von Webdateien.
Versions (59 $) <- Fantastischer SVN-Client
Navicat MySql (129 $) <- Viel schöner als die Verwaltung von Datenbanken über die Kommandozeile oder phpmyadmin
Ich benutze xScope jeden Tag. Der Farbsampler ist wirklich schön. Er liefert Farben als Hex (mit oder ohne #), RGB, NSColor, UIColor usw. Die Messwerkzeuge auf dem Bildschirm sind sehr nützlich.
TextExpander ist hervorragend für App-übergreifende Snippets. Ich habe Beispieltexte unterschiedlicher Längen (z. B. 140 Zeichen). Ich benutze es auch für die Verwaltung von Farbpaletten (Hex) über verschiedene Apps hinweg.
Chris – Für all uns Mac-Geeks da draußen dürfen wir Textmate nicht vergessen. :-)
59 $ - Sublime Text (Zuvor habe ich für EditPadPro bezahlt, was fast, aber nicht ganz so gut ist)
39 $ – LINQPad (macht die Datenbankexploration SOOO viel angenehmer) welches auch in einer perfekt nutzbaren kostenlosen Version erhältlich ist
Microsoft MSDN – Ich würde den Action Pack (mehrere hundert Dollar) bekommen, wenn nicht BizSpark (kostenlos) wäre
Ich verstehe nicht, warum du für einen FTP-Client bezahlst
Filezilla ist wirklich nicht schlecht, und wenn man eine Datei "on the fly" bearbeiten muss, öffnet sie sich im Standardeditor
Und das ist kostenlos ;)
FYI, GitHub für Mac/Windows ist auch nützlich für Nicht-GitHub-Repositories. (Der Beitrag sagt: „Alternativen: GitHub für Mac (oder Windows), wenn du alle GitHub-Repos / Kommandozeile verwendest“).
Ich verwende es für viele Repos, die GitHub nicht verwenden. Einige sind nur lokale Repos. Andere sind Repos, die Nicht-GitHub-Remotes haben. Diese Tatsache ist hier dokumentiert: GitHub für Mac Hilfe unter „Mehrere Git-Remotes & Nicht-GitHub-Remotes.
Hat die Verwendung von Coda im „FTP-Commando“-Stil Vorteile gegenüber Sublime Text + FTP-Clients (wie Cyberduck), die es erlauben, Dateien direkt auf dem Server zu bearbeiten?
Nein, das Gleiche, außer dass Coda die Datei hochlädt, sobald man Command-S drückt, also ist es viel schneller. Ich benutze Sublime nur für lokale Dateien.
Ich bin ziemlich glücklich, sagen zu können, dass ich einen fast vollständig kostenlosen Software-Stack habe (wenn man das Betriebssystem nicht mitrechnet). Meine Tools und Konfigurationen lassen sich leicht zwischen OSX und Linux verschieben, obwohl ich die meiste Zeit unter OSX verbringe.
Vim mit vielen Plugins für HTML, CSS, jede serverseitige Sprache, die ich gerade benutze; iTerm2 für das Terminal (OSX), Github kostenloser Plan zum Speichern meiner Konfiguration und Open-Source-Projekte, und ich habe Glück genug, ein Bereitstellungssystem mit Git zu haben, so dass ich mich nicht mit FTP-basierten Bereitstellungen beschäftigen muss. Chrome, Firefox, etc.
Das Einzige, wofür ich immer noch bezahle, ist Photoshop.
Ich setze auf kostenlos, aber immer noch mit großartigen Apps
TextMate 2 (Open Source)
Filezilla (Open Source)
GIMP (Open Source) (früher, ich benutze seit einem Jahr Photoshop CS5)
LESS.app
Ich habe auch Coda 1 und 2, CodeKit, LiveReload, Sublime Text 2 verwendet. Allerdings muss ich mich jetzt an die kostenlosen Sachen halten...
Für Windows empfehle ich dringend Notepad++ für die Codebearbeitung. Aus irgendeinem Grund gibt es unter Windows nicht so viele leichte Alternativen wie auf OS X, aber sie werden wirklich nicht benötigt, da Notepad++ ein großartiges Softwarestück ist.
Bezüglich MAMP/LAMP/WAMP: Alles großartige Lösungen, aber wenn du dich nur mit Layout und Design beschäftigst, könnte es übertrieben sein. Eine fantastische Alternative unter OSX ist Anvil. Es ist schwer zu erklären, *genau*, was es tut, aber im Wesentlichen läuft es einen Webserver auf deinem Rechner und löst .dev-Adressen zu verschiedenen Ordnern auf deinem Computer auf. Das kann den Testprozess WIRKLICH beschleunigen, wenn du deinen Browser zu *http://www.(wasauchimmer).dev* navigieren kannst, anstatt dich zur Datei navigieren zu müssen. Du kannst mehrere .dev-Domains für mehrere Websites/Projekte einrichten. Es wird von pow.cx Server angetrieben, der PHP oder MySQL nicht nativ unterstützt (leichtgewichtig für diejenigen, die sie nicht brauchen), aber es gibt eine Umgehung, um stattdessen Apache zu verwenden, sodass es wirklich das Beste aus beiden Welten sein kann.
Bezüglich Adobes monatlichem Abonnementplan: Creative Cloud für 50 $/Monat ist ein großartiges Angebot, wenn du noch keine Adobe-Produkte besitzt, und KANN ein großartiges Angebot sein, je nachdem, was du hast. Es dauert gut zwei Jahre, bis du so viel ausgegeben hast wie für eine direkte Anschaffung von CS Design Standard, und du bekommst dafür VIEL mehr (im Grunde Master Collection, einige Cloud-Funktionen und sogar einige Exklusivitäten). Berücksichtige lebenslange Upgrades, solange du abonnierst, und es hält sich wirklich gut (auch wenn du Premiere oder Audition nicht brauchst).
Eine weitere Alternative ist, es monatlich für 70 $ zu beziehen, ohne die Verpflichtung, das Abonnement ein ganzes Jahr lang fortzusetzen. Für Leute, die nur freiberuflich als Nebenjob tätig sind und nicht ihre Haupteinnahmequelle, ist dies eine großartige Option, da du die Kosten *möglicherweise* an den zahlenden Kunden weitergeben kannst und in keinem Monat bezahlen musst, in dem du es nicht brauchst.
Ich bin kein großer Fan von GIMP, aber in einem Budget-Engpass kann es sicherlich die Arbeit erledigen. In den letzten Jahren wurden viele der nützlicheren Funktionen von Photoshop in GIMP implementiert, wenn auch nicht immer so gut. Einige davon erfordern Plugins. Wenn du dir Adobes Preise nicht leisten kannst, ist es definitiv eine praktikable Alternative, aber ich würde dringend empfehlen, in Photoshop zu investieren, wenn du es dir leisten kannst.
Was Inkscape betrifft? Ich kann es nicht ausstehen. Obwohl es vielleicht genauso leistungsfähig ist, fand ich die Benutzeroberfläche zu einer riesigen Hürde; in vielen Fällen haben sie das Rad neu erfunden und tun Dinge genauso gut, aber komplett anders. Es war für mich schwierig zu lernen, *bevor* ich überhaupt Illustrator angefasst hatte, und die Unterschiede in der Benutzeroberfläche sind so groß, dass es wahrscheinlich noch schwieriger wäre, den Übergang zwischen den beiden zu schaffen. Deine Erfahrungen können variieren, manche Leute scheinen es zu lieben, aber ich persönlich kann es nicht empfehlen.
Ich liebe Anvil
Die einzige kostenpflichtige App, die ich benutze, ist CodeKit, und sie ist jeden Cent wert <3 Ich benutze auch Sublime, aber ich habe es nicht registriert. (Werde es aber bald tun, die Popups nerven.
Ich benutze fast nie FTP, ich versuche, alle meine Websites auf GitHub zu hosten.
Für Servernutzung benutze ich anstelle von WAMP WebMatrix. Es ist so nett und einfach zu bedienen, es gibt auch jede Menge hilfreiche Plugins
Windows-Benutzer hier, also...
msysgit (kostenlos)
Wird für WYSIWYG Git-Versionskontrollbedürfnisse verwendet.
FileZilla (kostenlos)
Wenn ich einen eigenständigen FTP-Client brauche
KeePass (kostenlos)
Gutes sicheres Passwortspeicher- und Managementsystem.
WampServer (kostenlos)
Wie MAMP, aber für Windows.
WordPad und Notepad (kostenlos)
Einfacher Texteditor, der mit Windows geliefert wird, gut zum Anzeigen von Log-Dateien, htaccess-Dateien usw.
Camtasia Studio ($299)
Gute Bildschirmaufnahme-Software für PC und Mac
Adobe Creative Suite Master Collection ($1,299)
Bildbearbeitung, et al...
<
h1>Microsoft Office Home and Business (199 $)
Nicht wirklich webdesignspezifisch, aber dennoch nützlich, da ich oft Texte oder Grafiken erhalte, die in Word- oder Excel-Format auf eine Website gestellt werden müssen, und Outlook für E-Mails benutze.
Ein paar Apps, die ich mag, aber nicht notwendig sind
Fetch für FTP (ich weiß, Filezilla ist kostenlos)
RazorSQL (Macht das einfache Bearbeiten von MySQL)
Sparkbox (Verwaltet meine Design-Inspirationsbilder)
DragonDrop (Ein besseres Kopieren und Einfügen)
SFTP (16 $) ist ein großartiges FTP-Paket für Sublime Text 2. Du kannst Dateien auf dem Server oder lokal bearbeiten. Installiere es über den Paketmanager.
Für FTP benutze ich das Sublime SFTP Plugin. Wenn du Coda für FTP verwendest, ist das wahrscheinlich eine praktischere/günstigere Methode :)
Plugin-Homepage: http://wbond.net/sublime_packages/sftp
Ryan: Warum benutzt du nicht das PHP+Apache, das mit OSX geliefert wird?<br/>
<br/>
Ich benutze:<br/>
- VirtualHostX zur Verwaltung der virtuellen Hosts.<br/>
- Coda 2 oder MacVim<br/>
- Transmit<br/>
- SourceTree
Ich habe wirklich versucht, auf Sublime Text umzusteigen, aber ich kehre immer wieder zu Komodo Edit zurück – es ist wirklich ordentlich für kostenlose Software. Komodo IDE sieht sehr schick aus und hat integrierte SASS/Less-Funktionen, kostet aber 300 $, was ich ein wenig übertrieben finde.
Die beste Alternative zu CodeKit für Windows, die ich gefunden habe, ist Fire.app (oder compass.app), das gute Arbeit zu leisten scheint. Für die Bildkomprimierung scheint RIOT gut zu sein (und kostenlos).
GitHub für Windows kann auch für andere Repos verwendet werden – ich benutze es mit BitBucket.
Es lohnt sich wahrscheinlich, Adobe Creative Cloud in Betracht zu ziehen – die monatlichen Kosten sind ziemlich niedrig und wenn du Freelancer bist, ist es schön, monatlich für den Cashflow zu zahlen.
s/Ryan/Chris Coyier
BBEdit
Creative Suite Standard
Transmit
Firebug
MAMP
LastPass
XScope
+1 für XScope!
Einige großartige Vorschläge dort, obwohl ich nicht verstehe, warum du zwei Editoren brauchst (Coda und Sublime Text 2). Ich bin auf Sublime Text umgestiegen und habe nie zurückgeschaut.
Ich liebe es, MAMP für die lokale Entwicklung zu verwenden, auch wenn es manchmal etwas mühsam einzurichten war. Für die Aufgabenverwaltung empfehle ich wirklich Asana, ich benutze es bei der Arbeit und es ist wirklich einfach zu bedienen und leistungsstark! Und es ist kostenlos für bis zu etwa 10 Benutzer.
Coda ist großartig für FTP, aber ich benutze Sublime jeden Tag! Package Control rockt!
Chris, du solltest dir GruntJS für all deine Kompilierungs- und Minifizierungsanforderungen ansehen. Grunt ist ein JS-basiertes Build-System. Es hat eine riesige Menge an Plugins für alles, was du aufgeführt hast, was CodeKit tut, und noch viel mehr.
Grunt hat eine einfache Syntax und es ist wirklich einfach, ein Build-Skript nach deinen genauen Wünschen zu erstellen. Wenn du Grunt dann als Build-System in ST2 einrichtest, drücke Cmd+B und du kannst alles ausführen lassen, so dass du die Kommandozeile vermeiden kannst. Grunt hat sogar eine Watch-Option, sodass es dein Build-Skript jedes Mal ausführt, wenn eine Datei aktualisiert wird!
Yeoman ist ein System, das auf Grunt aufbaut und Projektgerüste und alle möglichen zusätzlichen Plugins, Live-Reload und einen einfachen Server hinzufügt.
Ich habe mich noch nicht tief in Yeoman eingearbeitet, aber Grunt ist definitiv Teil meines regulären Workflows, ich liebe es absolut.
Die kostenpflichtigen Apps, die ich in meinen persönlichen Projekten benutze, sind Sublime Text 2, ein gespendetes CyberDuck und XScope. Für Grafiken benutze ich Pixelmator und Illustrator. Zum Lernen/Ausprobieren von Code mag ich CodeRunner sehr, es läuft Python, C++, JS wie am Schnürchen.
Bei der Arbeit habe ich die volle CS, OmniGraffle Pro, Sublime Text 2 und Keynote.
Ich bin ein fortgeschrittener Frontend-Entwickler (zeitlich gesehen).
Ich habe DreamWeaver benutzt, bevor ich es gegen Sublime 2 eingetauscht habe.
Eine Frage,
Gibt es eine Möglichkeit, Sublime 2 mit SASS zu verwenden?
(Ich bin neu bei Preprozessoren + ich benutze Windows)
Was ist mit all den Adobe-Produkten? Das würde noch ein paar hundert Dollar mehr ausmachen!
Zu diesem Zeitpunkt würde ich argumentieren, Creative Suite in die "monatliche" Kategorie zu verschieben. Nicht nur ist es billiger, sondern es kommt auch mit geldsparenden Bündeln wie TypeKit, die sich auf lange Sicht ebenfalls auszahlen.
Überrascht, dass niemand codebox erwähnt hat. Es ist ein Tool zur Verwaltung von Code-Snippets – von dem ich jedes Stück Code, das ich brauche, abrufen und mit wenigen Tastenkombinationen überall einfügen kann.
Außerdem speichere ich die Bibliothek auf Dropbox, damit ich sie auf jedem Computer, auf dem ich bin, abrufen kann.
Hast du gerade SublimeText mit Brackets verglichen, FFS?
Nicht ganz relevant, bezüglich der Kommentarvorschau, solltest du nicht das
inputEreignis verwenden, um es reaktionsfähiger zu machen (wie im Stack Overflow Post-Editor gesehen)? Für ältere Browser würde die aktuelle Vorschau gut funktionieren (Modernizr, blah blah blah).Was den Beitrag selbst betrifft, ich bin ein großer Fan von Freeware und Open Source, daher bezahle ich sehr selten für meine Software. Eine Sache, für die ich bezahlt habe, ist PHPStorm, was eine vollwertige IDE für PHP/HTML/JavaScript/CSS/SCSS/wahrscheinlich-jede-andere-Webentwicklungs-Sprache ist, an die du denken könntest. Habe mich während der 30-tägigen Testversion verliebt, sie nach 2 Tagen gekauft. 99 $ für eine persönliche Lizenz. Optionale jährliche Upgrades 50 $ pro Jahr.
Nur ein paar benötigte Werkzeuge
Espresso 2 (Code-Editor)
Sparrow (E-Mail)
CodeBox (Snippets)
Transmit (FTP) Lebe immer noch im "nicht coolen" FTP-Zeitalter. Muss wirklich Git etc. lernen.
LittleSnapper (überteuerte Screenshot-Erfassung / Screenshot-Bibliothek)
Ich kenne den Preis, den ich für diese Software bezahlt habe, nicht. Die meisten habe ich in einem MAC Bundle gekauft.
Ich bin überrascht, dass Notepad++ nicht auf dieser Liste steht. Es ist beliebt als einfacher Texteditor mit vielen nützlichen Plugins und das Beste daran, es ist kostenlos. Ich sage mir immer wieder, dass ich zu Sublime wechseln soll.. aber Notepad++ hat kaum Nachteile.
Ich bin auch überrascht. Der Vorteil ist, dass es kostenlos ist und sich mit jeder Veröffentlichung weiter verbessert.
Da ich seit mehreren Jahren ein GNU/Linux-Nutzer bin, verwende ich hauptsächlich Open-Source-Anwendungen. Die einzige kostenpflichtige Anwendung, die ich habe, ist SublimeText, die ein Muss für die Codebearbeitung ist.
Tolle Liste, Chris
einige andere Werkzeuge, die ich benutze
Aptana Studio3 – mein bevorzugter Editor, er ist kostenlos und beinhaltet FTP und unterstützt RTL
Bean – für Textbearbeitung und PDF-Export – kostenlos
domainBrain – um all meine Website-Passwörter, Links, FTP, Datenbank usw. zu verwalten – 30 $
CodeBox – 10 $ alle meine Snippets an einem Ort
und immer Firefox
MAMP ist Amateuren-Niveau
Hier ist meine
Sublime Text 2: Ich bin mir nicht absolut sicher, dass es das Beste für die Frontend-Entwicklung ist, aber es ist ziemlich gut und ich bin damit zufrieden.
Adobe Creative Suite
MAMP
Ich arbeite auch an E-Books und dafür benutze ich
Sigil (hat definitiv einige Probleme mit HTML-Entitäten, aber es ist kostenlos)
Calibre (für die Konvertierung zwischen Formaten). Wieder kostenlos.
Ich werde vielleicht InDesign für diese verwenden, aber im Moment schreibe ich sie von Hand in Sublime Text 2, konvertiere zu epub und füge die verschiedenen Metadaten etc. in Sigil ein, dann konvertiere ich in Calibre.
Übrigens, wenn du ein Frontend-Entwickler bist, ist es wirklich sehr einfach, sich mit der Erstellung von E-Books zu beschäftigen.
Tolle Liste, Chris!
Aber du hast Font Explorer X vergessen, das bei deinem CSS-Tricks-Redesign sehr nützlich war.
Frank DeLoupe für 0,99 $.
Du benutzt Coda für FTP? Du bist ein Masochist.
Ich bin im kostenlosen Bereich. Ich betreibe meinen eigenen LAMP-Stack, benutze Git (BTW – ich weiß, dass das Terminal eine Lernkurve hat, aber alles hat eine, ich garantiere, dass es dich zu einem besseren "Web-Typen" macht, selbst wenn du dich nur als "Designer" siehst), Inkscape + GIMP (ich besitze Corel, aber ich benutze es nicht mehr so oft), Filezilla, … und der beste Code-Editor, den ich je ausprobiert habe, ist Komodo Edit.
Was Listen angeht, habe ich ein Notizbuch (die Papierart). Ich glaube, das ist nicht sehr High-Tech von mir. Und meine Passwörter merke ich mir. : )
Schön, die verschiedenen Werkzeugkästen aller zu sehen. Ich benutze viele der gleichen. Am wichtigsten ist Dropbox, um über Maschinen hinweg zu synchronisieren und Backups/Versionierung/Redundanz zu haben ;)
Sublime Text 2
Adobe Creative Suite
Tower
Coda 2
MAMP
LiveReload
Evernote
X-Scope
Dropbox
Warum Livereload und nicht CodeKit? Ich liebe CodeKit für die Entwicklung in Sass und Compass.
Schöne kleine Liste, und sie zeigt, wie teuer dieser Beruf eigentlich ist. Sie beinhaltet auch nicht den Computer, auf dem all diese Programme gleichzeitig laufen können. Ich stelle fest, dass ich oft Photoshop, Sublime und ein paar Browser geöffnet haben muss, und das kann einen Computer wirklich belasten.
Außerdem, ich hasse es, ein Grammatik-Nazi zu sein, aber unter Sublime Text 2 sollte es „you’re“ statt „your“ heißen.
Schöne Informationen, vielen Dank an den Autor. Es ist für mich unverständlich, aber im Allgemeinen ist die Nützlichkeit und Bedeutung überwältigend. Nochmals vielen Dank und viel Glück.
Die meisten der von dir genannten Apps haben kostenlose Entsprechungen, aber ich schätze mal, ihr – Mac-Nutzer – seid begierig darauf, viel Geld für alles zu bezahlen :)
Ja, das sind wir!
Ich habe Adobes Creative Cloud, anstatt sie direkt zu kaufen. Sie aktualisieren sie ständig, und das bedeutet auch, dass ich schnellen und LEGALEN Zugriff auf alles habe, was ich brauche (Dreamweaver, Illustrator, Photoshop und (manchmal) InDesign) sowie auf neue Software, die ich bald ausprobieren möchte (Edge Animate, Lightroom).
Die kostenlose Version von MAMP funktioniert für mich – ich habe erst vor kurzem angefangen, sie anstelle des Hochladens auf meinen Remote-Testserver zu verwenden.
Ein weiterer Windows-Benutzer (da hier nicht so viel geantwortet wurde). Ich versuche, so viel wie möglich kostenlose oder Open-Source-Software zu verwenden, aber es gibt einige, die ich kaufen musste und es nicht bereue.
NetBeans – IDE zur Entwicklung (hauptsächlich PHP), hat viele großartige Funktionen, die ein Webentwickler benötigt, kostenlos, auch für Mac- und Linux-Benutzer
PSPad – ein fortschrittlicher Texteditor, der für schnelle Dateiänderungen verwendet wird (hauptsächlich, wenn nur HTML oder CSS bearbeitet wird), kostenlos
WAMP – kostenlos
TotalCommander (ca. 40 $, kostenlose Updates) – FTP-Client mit Live-Dateivorschau, Remote-Dateibearbeitung, Dateivergleich (auch remote) mit vielen kostenlosen Plugins (benutze es seit Jahren kostenlos als Shareware, habe mich aber entschieden, eine Lizenz zu kaufen)
WinRAR (ca. 50 $, kostenlose Updates) – Datei-Dekompressionstool (hat niemand eines erwähnt, also benutzt niemand diese Art von Tools?) Obwohl es viele kostenlose Alternativen gibt, habe ich diese als die beste Wahl für mich empfunden (ich benutze sie seit Windows 1995). Es gibt eine RAR-Alternative für Mac und Linux.
Microsoft Office 2010 (kostenlos, da ich ein BizSpark-Partner bin) – benutze es täglich für meine Arbeit (zumindest Outlook für E-Mails, Kalender und To-Do-Listen)
Microsoft Windows 7 Ultimate (kostenlos, da ich ein BizSpark-Partner bin) – benutze es täglich
Firefox mit diesen Plugins: FireBug (muss man für jeden Webentwickler haben), MeasureIt (zum Messen von Objekten), ColorZilla (Farbpipette, Lupenwerkzeug, Farbpalette), FireShot (Bildschirmaufnahme, bearbeiten von aufgenommenen Bildern, gibt es auch als kostenpflichtige Pro-Version), Web Developer (eine Reihe guter Werkzeuge), HTML Validator (validiert Seiten im laufenden Betrieb, sodass man die W3-Validierungs-Website nicht benutzen und den Quellcode kopieren muss)
und schließlich natürlich Adobe Creative Suite (1.299 $)
Tortoise XYZ für Versionskontrolle (wobei XYZ durch SVN oder Git ersetzt werden kann) – dieses Tool mit einer schönen, sauberen und einfachen grafischen Oberfläche ist kostenlos
Hoffe, ich habe nichts vergessen...
Meine einmaligen Softwarekosten liegen also bei unter 1.400 $ (dank BizSpark, denn ohne diese wären meine Gesamtkosten für Windows OS und Office-Suite auf unter 2.000 $ gestiegen).
Kommentiere nur, um den Kommentar-Feed für diesen Beitrag zu abonnieren... Gibt es eine Möglichkeit, das zu tun, ohne einen Kommentar zu posten?
Ich habe das ganze Web nach einer Liste von GUTEN Seiten für Web-Dev-Software und Ähnliches durchsucht. Zum Glück habe ich endlich diese Webseite gefunden. Ich LIEBE Screenflow und freue mich, dass es auf der Liste steht. Ich habe Screenflow vor 6 Monaten gekauft. Ich habe kostenlose Bildschirmaufnahme-Programme ausprobiert und nichts kam auch nur annähernd an das heran, was Screenflow für den Preis leisten konnte.
Adobe Creative Suite ist ebenfalls ein Muss. Das Designen von Websites in Photoshop und der Export ist so einfach, und in Kombination mit Dreamweaver ist es eine POWERHOUSE!