Hey Maik welche Apps und Tools nutzt du wenn du an deinem Blog-Layout schraubst?

Ich bin zwar kein Webdesigner und trotzdem fragen mich Menschen, welche Tools ich nutze um diese oder andere Seite zu bauen oder zu verschönern. Hier habe ich mal einen Artikel zusammen gestellte mit Tools die ich zur Zeit verwende.

Die Basics

FTP-Clients
Als erstes möchte ich auf meinen FTP-Client eingehen. FTP bedeutet File Transfer Protocol und macht nichts anderes die Dateien auf dem Webserver greifbar zu machen.

Ich nutze Transmit, das ist wohl der Porsche unter den FTP-Clients, hübsch und mit vielen Funktionen bestückt.
Anfängern empfehle ich jedoch immer erst mal Cyberduck, ein kostenfreies Programm, das dass gleiches tut nur nicht so schön.

Transmit ist für mich wertvoll, weil ich einen Webserver wie eine Festplatte im Finder des Macs mounten kann.

Der Preis von 26,99 Euro wirkt zwar anfänglich hoch, jedoch lernt man mit der Zeit Transmit und seinen Premium-Features wirklich zu schätzen.
Im Mac App Store ansehen


Syntax-Editor
Das Thema Editor war für mich lange auch nicht so einfach, da viele Editoren – zum Beispiel Coda – mehr Funktionen bieten als ich benötige. Viele Funktionen können zwar ganz nett sein, lassen ein Programm aber auch schnell überfüllt und unübersichtlich wirken.

Mit Espresso habe ich einen Editor gefunden, der mir optisch gut gefällt und trotz einiger Funktionen nicht überladen wirkt.
Wer auch hier lieber was kostengünstigeres haben möchte, sollte sich an Smultron halten.
Einfacher Editor ohne viel schnick schnack, aber leider auch nicht sehr hübsch.

Bei Espresso mag ich es, das ich nicht alles ausschreiben muss, sondern nur den Anfang tippen muss und Espresso schreibt den Rest automatisch aus.
Zugegeben, einen Preis von 59 Euro kann man wohl nur rechtfertigen, wenn man die App beruflich nutzt und nicht nur zu Hobby-Zwecken.
Wer Espresso dennoch testen will, kann sich eine 15-tägige Test-Version auf der Hersteller-Seite runterladen und sich dann entscheiden ob man den Kauf tätigen will.
zur Website von Espresso


Bild-Editoren
Mehr und mehr meiner Grafiken werden mit Pixelmator gefertigt. Pixelmator wird von einer kleinen Gruppe von Entwicklern entwickelt, die sich auf die Fahne geschrieben haben eine echte alternative zu Adobes Photoshop zu werden. Macht sich schon sympathisch oder?

Leider ist Pixelmator noch ganz am Anfang, auch wenn es schneller ist als Photoshop und viele Funktionen beherrscht, merkt man das Adobe länger im Geschäft ist.
Viele Dinge in Pixelmator sind noch zu kompliziert und können im Verglich in Photoshop mit nur wenig Klicks erledigt werden.

Dennoch, wer gerade anfängt sich mit Web-Designs zu beschäftigen, sollte lieber mit Pixelmator anfangen.

Pixelmator kann man für 23,99 Euro im AppStore kaufen. Das ist wirklich nicht viel, wenn man beachtet, das der große Bruder Photoshop zur Zeit 1010,31 Euro kostet.
Im Mac App Store ansehen


 

kleine Helferlein

Gradient
Dank CSS3 kann man Farbübergänge nun relativ einfach realisieren und mit Gradient wird es noch einfacher.
Einfach gewünschte Farben und Art des Verlaufs auswählen und schon kommt gutes CSS heraus.
Gradient bekommt man für 3,99 Euro im AppStore.
Im Mac App Store ansehen


ColorSchemer Studio 2
Die App habe ich eigentlich immer als zwischen Speicher für Farben (HEX-Code) genutzt. Eigentlich löst Gradient diese damit ab.
Eigentlich ist die Hauptausgabe der App, das man Farbkombinationen testen und sammeln kann, was ich aber eher in einem Grafik-Editor mache.
Im Mac App Store ansehen


Newscope Ruler
Kommt zwar selten vor aber manchmal möchte man digitale Dinge – vielleicht Dinge einer anderen Website- ausmessen.
Mit dem Newscope Ruler kann man das bis auf den Pixel genau machen. Einfach aber sinnvoll.
Im Mac App Store ansehen


PageLayer
Wo wir schon andere Seite vermessen haben, wäre es vielleicht auch mal cool eine Website als .psd (Photoshop Dokument) zu speichern um Dinge zu klauen oder einfach weil man vielleicht mal etwas mit fremden Website experimentieren will.
PageLayer speichert Website und erstellt für verschieden Elemente eine eigene Ebene.
Im Mac App Store ansehen


SpriteRight
Es kann sinnvoll sein, Bilder auf ein CSS Spritesheet zu reduzieren. Das war bisher immer relativ mühselig, aber mit SpriteRight so einfach wie noch nie.
Bilder in SpriteRight schieben, “Pack” klicken und und schon kann man das Spritesheet mit CSS exportieren.
Auch diese Tool kostet 3,99 Euro und ist jeden Cent wert.
Im Mac App Store ansehen


ShipIt
Wer einen Blog oder eine Website hat, sollte wisses das Bilder immer nur so groß sein sollten wie sie wirklich benötigt werden.
Mit ShipIt kann dies schnell und ohne Qualitätsverlust gemacht werden.
Im Mac App Store ansehen


Purple
Purple ist die neuste App in meiner Sammlung, man kann mit ihr CSS-Animationen im WYSIWYG-Prinzip basteln. Ich habe zwar bisher nur ein paar Probe-Animationen gebaut aber bisher bin ich damit ganz zufrieden.
Die App gibt’s für 15,99 Euro im AppStore.
Im Mac App Store ansehen


ProCSSor
Wer eine große Website hat, der hat sicher auch eine lange CSS-Datei, diese kann man ebenfalls verkleinern um Ladezeiten zu sparen.
Hier zu kann ich ProCSSor empfehlen, diese App gibt es nativ im AppStore oder kostenfrei als WebApp.
Im Mac App Store ansehen