Web Developer Economics: Monatliche Service Kosten

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Dave Rupert fragte einmal Leute auf Twitter, für welche Webdienste sie bezahlten, und es schien, als hätte er viele interessante Antworten erhalten. Ich dachte, ich würde meine bloggen und die Liste dieser Dienste veröffentlichen. Es ist interessant, die Apps zu betrachten, die unsere magische Barriere zu unseren Geldbörsen überquert haben. Vielleicht können wir, wenn wir sie als Ganzes betrachten, ein Muster erkennen oder zumindest einen besseren mentalen Griff auf unsere Ausgabenentscheidungen als Entwickler bekommen. Das Folgende ist eine Liste von allen Web-Developer-bezogenen Webdiensten, für die ich persönlich Geld bezahle.

Die Dienste, die mit einem * gekennzeichnet sind, bezahle ich aus irgendeinem Grund nicht wirklich. Aber ihre Aufnahme bedeutet, dass ich sie absolut bezahlen würde.

GitHub (Kleiner Plan, 12 $/Monat)

GitHub hostet Git-Repositorys mit vielen sozialen Funktionen und Funktionen zur Verwaltung von Issues. Es ist kostenlos, wenn alle Ihre Repositorys öffentlich sind, und kostet Geld für private Repositorys. Wir haben CodePen auf GitHub, das derzeit nicht Open Source ist. Das ist eines von vier privaten Repositorys, die ich derzeit habe, was genug ist, um auf ihren Micro-Plan zu passen, aber ich mag es, etwas Spielraum zu haben und ich bin glücklich, für einen so erstaunlich nützlichen Dienst zu bezahlen.

Kostenlose Alternativen: Verwenden Sie alle öffentlichen Repositorys auf GitHub / Verwenden Sie BitBucket, wenn Sie private benötigen / Hosten Sie Ihre eigenen Git-Repositorys (es ist Open Source).

Vimeo Pro (199 $/Jahr)

Nach wochenlangem Kampf mit dem Hosten meiner eigenen geschützten HTML5-Videos für The Lodge war ich ziemlich frustriert. Es ist keine einfache Sache, das gut zu machen. Das Exportieren von Videos in die richtigen Codecs ist das geringste Problem. Nach Gesprächen mit den Jungs von Kicktastic war ich überzeugt, dass die Nutzung von Vimeo Pro der richtige Weg ist. Es hat einen schönen anpassbaren Player, funktioniert auf mehr Geräten, als es für mich praktikabel wäre, sie selbst zu unterstützen, und ich kann die Videos nur auf CSS-Tricks.com sperren. Das Beste daran? Es ist billiger als das, was meine eigenen Hosting-Kosten gewesen wären.

Kostenlose Alternativen: Nichts, wenn Sie gesperrte Videos benötigen / YouTube, wenn Sie es nicht benötigen / Selbst-Hosting, wenn Sie masochistisch sind.

BrowserStack (19 $/Monat)

Ich führe keine virtuellen Maschinen oder mehrere Computer mehr zum Testen. Ich mache alles direkt über meinen Browser. Und Sie bekommen nicht nur Screenshots, BrowserStack startet eine VM auf deren Seite und ermöglicht es Ihnen, diese über Ihren Browser anzuzeigen und mit ihr zu interagieren. Testen Sie unter mehreren Versionen von Windows (XP, 7, 8), OS X (Snow Leopard, Lion, Mountain Lion) sowie einer Reihe von Geräteemulatoren für iOS, Android und Opera Mobile.

Kostenlose Alternativen: Führen Sie Ihre eigenen Emulatoren aus / VirtualBox / Spoon.net für Open Source-Sachen, wenn Sie unter Windows sind.

FreshBooks (Seedling, 19,95 $/Monat)

Wenn ich eine schnelle Rechnung senden muss, logge ich mich oft einfach in FreshBooks ein und schicke eine raus. Mit FreshBooks kann ich bezahlte/unbezahlte Rechnungen nachverfolgen und die Rechnungen haben PayPal-Buttons, was für mich die Nutzung attraktiv macht. Ich bin kein Power-User, daher bleibe ich beim niedrigsten Plan und lösche alte "Kunden", sobald ich Platz für neue Rechnungen schaffen muss.

Kostenlose Alternativen: Machen Sie einfach Ihre eigenen Rechnungen / Haben Sie eine bearbeitbare HTML-Version.

Wufoo* (Bonafide, 29,95 $/Monat)

Wufoo hilft Ihnen, Formulare im Web zu erstellen, die Sie überall verwenden können. Ich habe dort früher gearbeitet, wie Sie vielleicht wissen, aber ich war schon vorher ein riesiger Nutzer und Fan von Wufoo. Ich habe fast 50 aktive Webformulare auf verschiedenen Websites, die von Wufoo betrieben werden. Es ist leicht eine der wichtigsten (zeitsparende) Webanwendungen, die ich nutze.

Kostenlose Alternativen: Google Docs Formulare / Erstellen Sie einfach Ihre eigenen Formulare (hahahahahha nur ein Scherz).

Beanstalk* (Bronze, 15 $/Monat)

Ich mag GitHub, aber GitHub hilft nicht bei der Bereitstellung. Beanstalk ist ein Git-Repository in der Cloud, genau wie GitHub, aber ohne die sozialen Funktionen und die Issue-Verwaltung und mit der Bereitstellung. Einfache Bereitstellung ist für mich wichtig.

Kostenlose Alternativen: Capistrano / Dandelion / Nerdy Kram.

Media Temple* (150 $/Monat)

Jede einzelne Website, an der ich arbeite (außer CodePen), wird von Media Temple-Servern gehostet, und das schon seit Jahren. Eine ziemlich grundlegende und wichtige Sache! Ich habe CSS-Tricks auf einem (dv) und alles andere auf einem anderen. Diese (dv)-Server sind so Hardcore (und aufrüstbar), dass praktisch jede Website darauf für immer laufen wird oder bis Sie etwas sehr Spezielles benötigen.

Kostenlose Alternativen: Sie können wahrscheinlich günstigere Hosting-Angebote finden, aber ich bin mir nicht sicher, ob ich es empfehlen würde, und definitiv kein "kostenloses" Hosting, wenn es so etwas gäbe.

TypeKit* (Portfolio, 49,99 $/Jahr)

Ich verwende benutzerdefinierte Webfonts auf fast jeder Website, an der ich arbeite. CodePen tut dies nicht, weil wir bei einer App voller iFrames wirklich empfindlich auf die Leistung achten müssen. CSS-Tricks verwendet jetzt die Betaversion des HF&J Webfont-Dienstes, nur weil ich Whitney und Gotham schon lange auf einer Website verwenden wollte. Aber jede andere Website verwendet Typekit und es ist ein verdammt guter Dienst. Der Portfolio-Plan mit 500.000 Seitenaufrufen reicht für diese anderen Websites aus.

Kostenlose Alternativen: Google Webfonts / Schriftarten mit Lizenzen finden, die für @font-face geeignet sind, und sie mit Font Squirrel bearbeiten.

Amazon Web Services (variabel, teuer)

CodePen läuft auf einer Reihe von verschiedenen EC2-Instanzen, daher ist das variabel und wir zahlen dafür. Die Videos in The Lodge sind herunterladbar, und ich hoste sie auf S3. Ich werde diese vielleicht zu Vimeo verschieben, da Vimeo Pro direkte Links zu den hochwertigen Dateien anbietet. Bin mir nicht sicher, es ist immer so eine Sache im Fluss. Ich habe das Glück, dass IGN die Dateien für die kostenlosen Screencasts von CSS-Tricks hostet, sonst müsste ich diese entweder auch auf S3 oder Vimeo Pro verschieben.

Ich werde dies aus den Gesamtsummen herauslassen, da es so variabel und spezifisch für eine App ist (nicht Teil eines allgemeinen Werkzeugkastens).

Dropbox (Pro, 9,99 $/Monat)

Dies war früher wichtiger für mich, als ich mehrere Computer benutzte, aber jetzt bin ich alles auf einem Rechner konsolidiert. Trotzdem behalte ich 90% meiner Dateien auf Dropbox als Echtzeit-Cloud-Backup, was unschätzbar wertvoll ist. Es ist erstaunlich für mich, wie unglaublich gut Dropbox ist und bisher hat kein großer Anbieter einen vernünftigen Versuch unternommen, ihr Angebot zu replizieren und sie vom Markt zu verdrängen.

Kostenlose Alternativen: Google Drive bietet 5 GB kostenlos.

Gmail Zusätzlicher Speicherplatz (80 GB, 20,00 $/Jahr)

Ich benutze Gmail schon länger, als ich Websites erstelle. Das ist eine Menge E-Mail und ich finde es ziemlich genial, dass alles in der Cloud ist, gesichert und leicht durchsuchbar. Ich gebe ihnen ein paar Dollar pro Jahr, seit ich an die Grenzen des Speichers des kostenlosen Kontos gestoßen bin.

NetDNA* (~990 GB, 60 $/Monat)

CSS-Tricks verwendet NetDNA als CDN. Unter 10 TB pro Monat Bandbreite kostet es 0,06 $ pro GB, was etwa 60 $/Monat ausmacht. Auf ihrer Preisseite steht jedoch, dass Konten bei 800 $/Monat beginnen. Ich denke, das liegt nur daran, dass NetDNA ihr Enterprise-Produkt ist und MaxCDN ihr normales Benutzerprodukt ist. Auf MaxCDN würde CSS-Tricks in den Plan für 39,95 $/Monat fallen.

Flickr (Pro, 24,95 $/Jahr)

Ich mag es, ein eigenes Cloud-Zuhause für all meine Fotos zu haben. Ich stelle nicht alles dort ab, nur die wichtigsten/teilbaren. Dennoch ist dort genug, um ein Pro-Konto zu benötigen. Meistens ist es privat, aber ich speichere auch Screenshots von UI-Arbeiten und Meilensteinartikeln und ähnlichem dort, also denke ich, es ist relevant, es hier aufzulisten.

Kostenlose Alternativen: Picassa / Facebook / Habe genug wenige Fotos, dass du nicht Pro sein musst.

Dribbble (19 $/Jahr)

Ähnlich wie Flickr, aber speziell für Designarbeiten, betrachte ich Dribbble als ein teilbares Archiv von Dingen, die ich entworfen habe. Die Pro-Funktion gibt mir Organisationstools, die ich sonst nicht hätte.

VaultPress (Premium, 40 $/Monat)

Ich habe dies auf CSS-Tricks verwendet, um Echtzeit-Cloud-Backups der Dateien auf der Website und der Datenbank durchzuführen. Absolut entscheidend für mich, dass ich einen Dienst habe, auf den ich mich dafür verlassen kann, der keine Arbeit von mir erfordert.

Kostenlose Alternativen: BackUpWordpress / WP-DB-Backup

Internet Zugang (149,95 $/Monat)

Comcast – 75 $/Monat. Ich beziehe Hochgeschwindigkeits-Internetzugang (nur) von ihnen für meinen Heiminternet.

GoGo – 39,95 $/Monat. Ich fliege genug, dass die günstigste Option für Internet während des Fluges (auf Delta) darin besteht, pro Monat zu bezahlen. Zu teuer für die Unzuverlässigkeit, aber es ist es mir wert, Dinge in der Luft erledigen zu können.

AT&T – Dieser Beitrag hat mich inspiriert, meine Rechnung genauer zu prüfen, als ich es normalerweise tue. Ich war versehentlich in einem seltsamen, fehlerhaften Plan, der mir 220 $/Monat berechnete. Ich habe es jetzt auf 110 $/Monat reduziert (iPhone 5 auf LTE mit Tethering).

Gesamtsummen

Meine monatlichen Kosten insgesamt. Jährliche Dienste werden durch 12 geteilt.

Dienst Monatliche Kosten
GitHub $12.00
Vimeo $16.58
BrowserStack $19.00
FreshBooks $19.95
Wufoo $29.95
BeanStalk $15.00
MediaTemple $150.00
TypeKit $4.17
Dropbox $9.99
Gmail $1.66
NetDNA $60.00
Flickr $2.08
Dribbble $1.58
VaultPress $40.00
Internet $149.95
Gesamt$531.91

Mein Eindruck: Das ist eine ordentliche Summe, aber sie schreckt mich nicht ab. Im Vergleich zu anderen Branchen würde ich denken, dass die Kosten für grundlegende Werkzeuge zur Ermöglichung des Geschäfts eher durchschnittlich sind. Wenn das Geld knapper würde, würde ich mehr Zeit damit verbringen, nach billigeren oder kostenlosen Alternativen zu diesen Dingen zu suchen. Aber im Moment bin ich mit all dem einverstanden. Meine wertvollste Ressource ist Zeit.

Es wird interessant sein, diesen Beitrag mit ähnlichen Aufstellungen für einmalige (fast) Software- und einmalige (fast) Hardwarekosten für Webentwickler zu ergänzen. Das sollte uns ein vollständigeres Bild der Kosten für die Tätigkeit als Webentwickler geben.

Knapp Verpasst

  • Sublime Video – Ich habe dies früher für einen HTML5-Videoplayer vor Vimeo Pro verwendet.
  • App.net – Ich habe die 50 $/Jahr bezahlt, hauptsächlich weil ich mich darüber ärgere, dass es keine perfekt großartige Twitter-App für Mac mehr gibt. Sie kostet jetzt 36 $/Jahr.
  • Netflix / Hulu / iTunes – Zu persönlich für die Liste, aber ich gebe allen drei dieser Dienste online Geld.
  • Grooveshark – Ich war der allererste Grooveshark Pro-Nutzer überhaupt. Ich benutze es nicht viel, einfach weil ich so sehr in der iTunes-Welt verhaftet bin, aber es ist ein großartiger Dienst. Auch zu persönlich für die Liste.
  • Shoutcast – Wir verwenden dies bei ShopTalk, um live zu senden. Etwas zu spezifisch, um es als allgemein nützlich für jeden Webentwickler aufzunehmen.

Außerdem, wenn ich heute anfangen würde, würde ich fast sicher für einen Lernservice wie Treehouse, Lynda.com oder Code School (oder mehrere) bezahlen.

Update: Ein paar andere Dinge hätten auf diese Liste gehört... jährliche Domainnamen-Gebühren und PayPal-Gebühren.

Teilen

Es wäre interessant zu hören, für welche Webdienste Sie bezahlen. Aber darüber hinaus, warum Sie dafür bezahlen. Was sind die Dinge, die Sie dazu bewegen, die magische Barriere zu überschreiten und Ihre Brieftasche zu öffnen?