Welche Werkzeuge verwendet ihr zur Web-Entwicklung?

Comment by Raphael

2009-07-13T16:49:32+01:00

zur Webentwicklung brauche ich:
1. iTunes
2. Espresso (in allen Welten unverzichtwar)
3. Safari
4. Pixelmator <3
5. MAMP

xoxo

Comment by Frank Baier

2009-07-13T07:31:41+01:00

Ähnlich wie Jens Grochtdreis nur unter Windows 7:

Aptana Studio (Community Edition) für html, java Code
TopStyle für CSS Code und Vorschau
SmartFTP 3.0 für den FTP Upload
FeedDemon 3.0 für RSS
BlogDesk 2.8 & Windows Live Writer
Prism FireFox Plug-In für den Fernzugriff von CMS Webseiten, Wartung und Updates

Comment by Frank

2009-07-12T20:24:25+01:00

Mac: TextMate, CSS-Edit, ForkLift/Cyberduck, Gimp

tolle Aktion – danke!

Comment by guid

2009-07-11T01:08:05+01:00

Photoshop, ACDSee, Axure.RP, Dreamweaver, E (Editor), Firefox, TotalCommander

Comment by Jonez

2009-07-10T19:25:10+01:00

Also ich nutze für MAC:
Photoshop(Bilder, Design)
Coda(schreiben)
Cyberduck(Upload bzw. Verwaltung, wenn viel gleichzeitg geschehen muss)
Jing (für Desktopfotos bzw. -videos)
ThumbsUp (zum massenhaft Bilder verkleinern)
Safari und das WebKit

Comment by Chris

2009-07-09T15:38:34+01:00

Nanu, wird denn das gute alte Quark nicht mehr verwendet? Wurde wahrscheinlich schon von Freehand und Indesign abgelöst…

Comment by Dirk Radunz

2009-07-09T14:51:30+01:00

Ich benutze (auf WIN XP):

weaverslave für (X)HTML und CSS
auch manchmal für schnell zwischendurch:
notepad++ oder Proton

Zum Testen:
Multiple IEs, Safari, Opera und
Firefox mit folgenden Erweiterungen: Web Developer Toolbar, Firebug, Html Validator, Aardvark

filezilla als FTP-Client

Bildbearbeitung:
Photoshop
IrfanView für Batch-Bildverarbeitungen (Konvertieren, Verkleinern, höher Komprimieren, mal eine schnelle Galerie mit angepasster Vorlage etc.)

Sontige Tools:
pkColorPicker
Color Scheme Generator
IPos

Comment by falsanu

2009-07-09T11:14:03+01:00

ui ui ui, wahrscheinlich wird sich meine Tool-Liste heute nach diesen Inspirationen ziemlich erweitern…

Bisher nutze ich (Heavy WinXP-Pro-User):
Code: Aptana / Eclipse (PDT), Notepad++
Grafik: Photoshop CS4
Browser: Firefox mit Firebug, SRWare Iron, Chrome, Safari, Opera, MultipleIEs, IE8
FTP: Filezilla, (SmartFTP)
Connectioning: PUTTY !!!
Für Rechnungen: OpenOffice!

Comment by spmac

2009-07-08T19:58:59+01:00

Ich nutze nur den Mac (Für IE Tests Sun Virtual BOX mit Win XP, Vista)

Zur grafischen Gestaltung: Photoshop, Illustrator
Zum Coding (HTML, CSS, PHP): Dreamweaver
Lokaler Webserver: XAMPP
Texteditor: Smultron

Comment by Skerbis

2009-07-08T17:02:41+01:00

Seit heute verwende ich flux2, was auf dem MAC eine geniale Alternative zum Dreamweaver darstellt. Sonst nutze ich: Pixelmator (Bildbearbeitung) und Smultorn (für PHP) und gelegentlich CSSEDIT. Alles sehr günstige Alternativen zur gängigen Adobe-Software. Auf dem PC setze ich für’s Webdesign auf: Photoimpact, Notepad2 und Dreamweaver.

Comment by Papa Flo

2009-07-08T14:07:17+01:00

Also ich nutze hauptberuftlich “Zend Studio for Eclipse 6.1” und privat ein selbst zusammengefrickeltes Eclipse. Die Lösung von Zend aber echt top und nimmt einem mittels Code Completion viel Zeit ab, wenn es um das kurze Nachschauen in Manuals geht. Also für die Arbeit mit XML, XHTML, PHP und Javascript einfach Klasse. Soweit zum eigentlichen Realisieren von Webprojekten.

Für die Grafik nutze ich ausschließlich Photoshop und zum Testen alle Browser, die geläufig sind und eine Version davor.

Ansonsten benutze ich diverse Webservices zum Validieren von CSS und Markup, JSLint, Javascriptkomprimierer, den Broken-Link-Checker vom W3C. Ein besonderes Schmankerl ist hier immer der rekursive Validator von htmlhelp.com.

Comment by agy

2009-07-07T20:12:31+01:00

filezilla
notepad++
photoshop (als testversion im moment)
firefox, IE etc zum testen

Comment by Jens

2009-07-07T19:40:19+01:00

Netbeans, SVN, Sequel Pro und Transmit

Comment by Dorothea Schäfer

2009-07-07T16:45:57+01:00

Hallo,
ich arbeite derzeit unter XP. Hier meien Werkzeuge.

Zend Studio, PSPad, Firefox mit Add-ons, IETester, Xampp, WinSCP, Photoshop Elements, Oxygen XMLEditor, OpenOffice, OpenProject, Mindjet, EDraw Max, Thunderbird, …

Ich komme eher aus der Entwicklerecke. ;-)

Comment by PhilippD

2009-07-07T12:57:16+01:00

Ich arbeite ausschließlich auf Mac OS X und verwende folgende Programme:

Photoshop // natürlich! ;) Nach einer groben Skizze mit dem Bleistift folgt das Erstellen des Designs mit Hilfe von Photoshop. Anschließend wird das Layout gesliced und danach beginnt das fröhliche Getippe der XHTML Sturktur.

Illustrator // verwende ich hauptsächlich zur Erstellung von Logos. Diese werden dann als Smart-Objekt in das Photoshop Layout eingefügt und dort weiter bearbeitet. Ganz klar, mit Ai lässt sich noch viel mehr anstellen …

Coda // verwende ich für XHTML, PHP, JavaScript und natürlich CSS. Mein persönlicher Favorit zum Coden von Webseiten, denn damit kann man auch sehr bequem auf dem Webserver arbeiten. Das GUI ist schlicht, übersichtlich und integriert sich bestens in das Mac OS (z.B. “show in Finder” finde ich eine sehr praktische Funktion). Mit Coda lassen sich auch Projekte sehr gut verwalten.

MAMP // verwende ich seit Monaten an Stelle von XAMP. Apache und PHP sind auf dem Mac ja bereits vorhanden und mit MAMP kann man nun seinen lokalen Webserver bzw. die MySQL Datenbank starten und stoppen. Manchmal hat man nicht immer einen freien Webserver zur Verfügung und dann muss zum Testen erstmal MAMP herhalten. MAMP liefert auch ein Widget für das Dashboard und mit MAMP Pro kommen noch viele weitere Features hinzu.

Safari, Firefox und Opera // zum Testen der Seiten. Safari bietet mit dem Menüpunkt “Entwickler” einige nette Features um seine Seite genauer unter die Lupe zu nehmen und eventuelle Fehler zu finden.

Internet Explorer 6 in X11 // wer kein Windows auf seinen geliebten Mac installieren will, kann auch einen IE6 mit Hilfe von X11 zum Laufen bringen und dort seine Seite testen. Man sollte jedoch nicht vergessen, die Seite auch unter IE7 und 8 zu testen!

Colors // ein kleines Programm um Farbcodes herauszufinden und diese mit einem Mausklick zu kopieren.

So, das war’s von meiner Seite … : )

Grüße,
Philipp

Comment by Tom

2009-07-07T11:30:11+01:00

Für die Web-Entwicklung verwende ich auf dem Mac:
Smultron – XHTML, CSS, PHP,…
Cyberduck – FTP
XAMPP – lokaler Webserver
“Firefox* – mit Web Developer Toolbar, Firebug und Measure It *Safari”
Parallels – zum Testen mit dem IE (Multiple IE)

Comment by Helen

2009-07-07T02:53:16+01:00

Der schwarze Stenofüller von Pelikan ist das Alpha und das Omega meines künstlerischen Oevres. Den bekommt man für 14 Euro bei Müller.

Auch mit dem Korrekturpinsel in Lightroom male ich den lieben langen Tag. Ich benutzte sehr oft Illustrator, sowohl für das erste Planen und Herumprobieren bei einem Weblayout als auch für die Illustrationen. Für das Markup nehme ich Notepad-Doppelplus. Ich hätte lieber Coda, aber ich fotografiere so viel, daß ein Mac mich viele tausend Euro kosten würde, wenn er die Rechen- und Speicherleistung meines PCs haben soll.

Firefox benutze ich nur noch selten. Er ist so ungeheuer hausbacken wie eine Schrankwand. Merkt man ihm an, daß er von Leuten gemacht wurde, die ihre Freizeit mit Programmieren verbringen. Ich finde es wirklich lustig, daß sich viele einen Mac kaufen und dann ihre Zeit in der Kleinkariertheit von Firebug verbringen. Kann ein Userinterface schlechter sein? Nein!

Safari hat eine sehr schöne Schriftdarstellung, ist mit seinen Sicherheitseinstellungen von 1995 aber auf Windows viel zu gefährlich.
Deshalb nehme ich Opera. Die Seitendarstellung ist grausig, aber alles drumherum wunderbar. Schön an Opera ist, daß die Programmierer die Terrorfarbe Blog-Blau nicht kennen, dafür aber mehr von Grautönen und Rot verstehen als alle anderen.

Kuler habe ich wie alle Air-Sachen rausgehauen. Das ist was für Leute, die sich ihre Anzüge mit passender Krawatte bei Cloppenburg kaufen. Noch schlimmer ist Wordpress. Wordpress gehört zu den Sachen, die ich nie verwenden würde.

Comment by buddelboxzwo

2009-07-06T22:43:51+01:00

Hi, mein OS ist der Mac.

Ich beginne auf dem Papier mit Stift (Moleskine und Faber Castell)
Photoshop/Illustrator/Alias Sketchbook/Grids – Entwurf/Screendesign
Photoshop/Illustrator – Bildbearbeitung/Vektorgraphics/Icons
Dreamweaver – Bildoptimierung
Coda/Dreamweaver/Espresso/Textmate – HTML/PHP
CSSEdit – CSS
Textedit – Text
Designers Toolbox – Toolbox
LadyMailEncode – Mailcodierung
Mamp Pro – Local Server
Transmit – FTP
Firefox/Safari/Paralllels – Firebug/ HTMLTidy/ IE 6/ IE 7 / IE 8
Flash – bissi ;0) sonst gerne mootools/ jquery frameworks
Typolight – CMS
Timelog/Things/GrandTotal/iCal – Verwaltung

Comment by Toby P

2009-07-06T22:25:30+01:00

Guten Abend zusammen,

meine Zusammenstellung unter WinXP lautet:
Dreamweaver/Phase 5 – Zum Coden
Photoshop/Illustrator – Für Grafiken/Fotos/Illus bzw. Vektoren
FlashFXP/Filezilla – FTP
Firebug, IETester, Web Developer Toolbar, YSlow – Firefox Add-Ons
MultipleIEs – Test von Webseites in älteren Versionen des IEs

VG toby

Comment by Martin B

2009-07-06T20:47:18+01:00

hi.
meine konfiguration (windows):

AptanaStudio
PsPad
Homesite+
FileZilla
IE Tester
Gimp

Comment by Marco Nätlitz

2009-07-06T16:57:50+01:00

Ich entwickle auf dem Mac mit:

- Terminal.app (ssh + scp + git + svn) – Coda (IDE) – Transmit (für FTP- und SFTP-Transfer) – Photoshop / Illustrator für die Templates – DigitalColor Farbmesser :)

In letzter Zeit tendiere ich dazu, Server mit MacFusion (+Fuse) zu mounten, um dann auch mit dem Finder zugriff zu haben.

Comment by Nina

2009-07-06T14:59:48+01:00

Alleine das Durchlesen der Kommentare hilft mir schon bei der Wahl einiger Alternativprogramme. :)

Ich nutze privat (Vista) – PSPad wg. UTF-8 Unterstützung und integriertem FTP-Client – Total Commander (FTP Backup) – Photoshop/Illustrator/Lightroom (abhängig von der Art der Grafiken) – VMWare für OS-spezifische Browser – Firefox incl. WebDeveloper, Firebug – PHPMyAdmin für Datenbankarbeiten

beruflich (XP): – Macromedia HomeSite+ – Microsoft SQL Server Management Studio 2008 – MS Paint bzw. Paint Shop Pro X – IE 7 – VMWare für den IE 6

Comment by Daniela

2009-07-06T11:51:02+01:00

Hallo,

Ich entwickle am PC.

Mein Rechner läuft unter Windows XP
E-Mail, Briefe, Tabellen etc mit dem Office-Paket
Zeiterfassung mit MITE
Rechnungen, Angebote, Buchungen mit dem “Wiso Rechnungsbuch” (mehr durch Zufall aber gar nicht so schlecht)

Ich nehme für die Entwürfe
Photoshop und Illustrator (CS2)
ACDSEE für Bildverwaltung

Für die HTML- Umsetzung meistens Dreamweaver, oder Notepad
FileZilla für FTP
XAMPP Für die lokale Entwicklung
Firefox mit derWeb Developer Toolbar, Firebug, Wave-Toolbar
IE 8, bis letzte Woche IE 6 (IE Tester oder so werde ich mir jetzt anschaffen ;-) )
Opera

Links verwalte ich mit Mister-Wong
RSS meiner Lieblingsblog (s.o.) lese ich über I-Google, da ich oft in unterschiedlichen Büros arbeite
Darüber und über Twitter hole ich mir Info und Inspiration
Xing zum Vernetzen

Wordpress für Blogs,
Contenido und Typo3 als CMS Software

Comment by Chriz

2009-07-06T11:27:01+01:00

Fireworks – Screendesign
Photoshop – Bildbearbeitung
Smultron bzw. TextMate – HTML/CSS/PHP
Transmit bzw. Cyberduck – FTP
Firefox + Plugins – Fixen und Testen

http://www.scrnshots.com – Inspiration

Comment by Michael

2009-07-06T10:09:27+01:00

Coda – Editor
CSSEdit – Editor (manchmal)
Aptana Studio – Editor PHP etc.
xScope – Vermessung etc. ;-)
Firefox Plugins – Firebug, CodeBurner, WebDeveloper, ReloadEvery
Photoshop – Grafik

Comment by Monika Sedivy

2009-07-06T09:27:36+01:00

Mac:

- TextMate – CSS-Edit – ForkLift (ftp-Programm) – MAMPP

- Photoshop CS4 – Illustrator CS4 – FontExplorer: ausgefeilter Fonts Browser zum Verwalten der Schriften – Sehr EMPFEHLENSWERT: xScope – das Schweizer Taschenmesser für alle, die am Bildschirm gestalten (http://iconfactory.com/software/xscope). Beinhaltet Lupe, die auf jedes Objekt und Fenster angewendet werden kann, Color-Picker, ausgefeiltes Maßwerkzeug, automatischen Abstandsmesser, etc. Geniales Tool, das viel Zeit spart.

Firefox (Lieblings-Addons) – Web Developer Toolbar – Firebug – SeoQuake: Seo-Toolbar mit Keyword-Density, PageRank, etc. – CSSViewer: zeigt CSS-Angaben eines Objekts in kleinem Info-Fenster an, schnelle Zwischendurch-Alternative zu Firebug – ReadLater: legt Merkliste für Websites an, die man sich später nochmal ansehen möchte, ohne sie gleich als Lesezeichen speichern zu müssen (sehr praktisch) – View Source Chart: Quelltext ansehen, verschiedene Optionen wie Quelltext dargestellt werden soll (div-Hierarchie, etc.) – Personas: just for fun – Firefox schnell mal ein neues Outfit verpassen

Comment by Jan

2009-07-06T08:53:05+01:00

Also ich nutze:

Espresso, CSSEdit, VectorDesigner, Pixelmator, ForkLift.

Comment by Mo

2009-07-06T07:37:55+01:00

Hier mal ein paar Programme die ich nach Papier und Bleistift einsetze:

Dia – Wer den Umfang von Visio nicht braucht ist mit Dia ziemlich gut bedient wenn es um unterschiedlichste Diagramme geht.

Notepad++ – Schneller schlanker Editor, mit vielen, vielen nützlichen Funktionen die dem Web-Worker das Leben leichter machen (können)

Photoshop – Gibt es wohl nicht viel zu zu sagen :)

Dreamweaver – siehe Photoshop ;)

IrfanView – Die Batchverarbeitung ist einfacher zu handhaben, schneller und ressourchenschonender als die von Photoshop. Im Funktionsumfang allerdings auch bei weitem nicht so mächtig.

OpenOffice – Für Texte, Tabellen etc.

IETester – Unverzichtbar, wenn man seine Seiten auf IEs von 5.5-8 gleichzeitig testen möchte/muss

Nützliche Firefox Addons: – Firebug (+ Yslow + PageSpeed) – Web-Developer – MeasureIt – ColorZilla – Smush.it

Außerdem noch: FileZilla, Putty, TortoiseSVN, VLC

Comment by Alexandra

2009-07-06T06:41:52+01:00

- Bleistift & Papier: Scribbeln und Entwurf erstellen :) – Kuler: Farbinspiration – Photoshop CS3 Extended & Illustrator CS3: Layout, Umsetzung – Eclipse: (X)HTML, CSS, TypoScript, … – FileZilla: FTP

Comment by Marco Franke

2009-07-06T00:15:50+01:00

Bluefish (Markup und CSS) – Linux
Eclipse (phpeclipse – php, js) – Linux
GIMP (Grafische Umsetzung) – Linux

Für die schnelle Bearbeitung von XHTML, PHP, Java und CSS, meist auf dem Server per SSH, nutze ich nano.

Comment by Kevin Smith

2009-07-05T16:48:03+01:00

Photoshop, Illustrator, Flash
Espresso, CSSEdit
Extendmac Flow
YSlow
Firebug
ColorZilla

Comment by Jürgen Liechtenecker

2009-07-05T11:49:08+01:00

Sehr minimal bei mir:

Photoshop fürs Screendesign

Topstyle fürs CSS

Dreamweaver fürs XHTML Coding

Das wars auch schon.

Comment by Friedrich Gerken

2009-07-05T10:21:36+01:00

Ganz nützlich sind auch sogenannte Snippetmanager:

Für den Mac:
http://www.mcubedsw.com/software/codecollectorpro

Für Windows:
http://www.highdots.com/source-code-library/

Gruß Friedrich

Comment by Optimum

2009-07-05T08:55:19+01:00

Photoshop, Filezilla und ein Texteditor reichen für 90% aller Seiten aus. Würden sich viele Webentwickler auf so eine minimale Kombination beschränken, würde vielleicht auch eine reihe Webseiten um 1000% besser, barrierefreier und kundenfreundlicher sein.

Es ist wie bei der weiter oben gestellten Frage welche Kamera ein Fotograf benutzt oder welchen Kleber ein Fliesenleger – natürlich bringt schlechtes Werkzeug keinen Erfolg, aber zuviel Werkzeug und keine Ahnung ist auch keine Lösung.

Comment by Nicolai Schwarz

2009-07-05T00:10:01+01:00

Dann will ich mal MySQLDumper erwähnen, ohne das ich nicht mehr auskomme, wenn es darum geht, Datenbanken von A nach B zu verschieben.

Comment by Olaf Gleba

2009-07-04T23:16:52+01:00

Textmate für alles, was mit Quelltext zu tun hat
Fireworks für alles, was mit Vektoren zu tun hat
Photoshop für alles, was mit Bitmaps zu tun hat
Webentwicklung: Firefox. Extensions: Firebug, FireCookie, FireUnit, MeasureIt, ColorZilla, JSView, HTML Entity Char Lookup, WebDeveloper, YSlow, Live HTTP Headers
Transmit für SFTP/FTP
VMWare Fusion als Umgebung für die Windows Welt
Trac als Projektmanagement/Ticket Umgebung
Terminal für alles andere ;-)

Comment by Ignaz

2009-07-04T22:11:56+01:00

Ich schreibe dies etwas ausführlicher, weil ich mich zu anderem gerade nicht aufraffen kann und denke, daß hier nicht nur mehr oder weniger saturierte Professionelle wie ich ihre oft teure Software mit Lustgewinn listen möchten, sondern andere Blogleser über die uns von Manuela Hoffmann gestellte Aufgabe hinaus auch gern Anregungen erhalten wollen.

Ich arbeite ausschließlich unter Mac 10.5, habe dort aber über Parallels u.a. Win XP zur Verfügung, und zwar für das Internet-Explorer-Austesten (die Internet Explorer Collection [F] ermöglicht es, alle IE-Versionen gemeinsam zu installieren) und DAS Programm für reguläre Ausdrücke, das leider kein Mac-Pendant hat: RegexBuddy.

Grafischer Entwurf neuer Websites/-seiten: Fireworks. Hilfreiche Tools: Color Schemer Studio für Farbentwicklung und Abspeicherung von Paletten. xScope für Vermessungen etc. Art Text fürs schnelle Testen von Effekten für (Bild-)Schriften und Symbole, manchmal auch für die endgültige Erstellung.

Illustratorisches, Logos, Vektorisierung: Illustrator; Comic Life (macht Spaß: Shareware, ausprobiern!).

Bildbearbeitung, -stapelverarbeitung: Photoshop; bald sind die Photoshop Automator Actions [F] von Ben Long für CS4 angepaßt, es gibt nichts Besseres. Ein relativ unbekanntes freies Programm, das zwar seit langem nicht mehr weiterentwickelt wird, aber anstandslos selbst unter Leopard läuft und gute Ergebnisse bei einfachen schnellen Bildkonvertierungen liefert: photo Drop [F].

Bannererstellung: Flash (SWF), Fireworks (animierte GIFs), Photoshop.

Bildschirmkalibrierung: iColorDisplay (mit Hardware DTP 94, auch für Spyder 3 u.a.).

Spezielles für Bild, Dateien, Organisation: GraphicConverter für selten auftauchende Bildformate. Name Mangler [F] für die Umbenennung von mehreren bzw. massenhaft Dateien. Die onOne-Photoshop-plug-in-Suite für das Aufblasen von zu kleinen Fotos, Feinmaskierung, Bildverbesserung in Zeitnot und vieles mehr. Für Fotos ganzer Internetseiten (auch der über den Bildschirmrand herausragenden Teile): Paparazzi [F]. Schnellvergleich auf Unterschiedlichkeit von Dateien: File Compare [F]. Validierung von Downloads per MD5-/SHA1-Summe: Checksum Validator [F]. 1Password für eine sichere und sicherbare Paßwortverwaltung. Knacken von verschlüsselten PDF-Dateien (ist manchmal auch völlig legal nötig): PDFKey Pro. Grafische Gedankenordnung für Projekte und umfangreichere Programmierungen: XMind [u.a. F].

Text: SubEthaEdit, neben vielen anderen Optionen (z.B. dem gemeinsamen entfernten Programmieren) bietet es die einfachstmögliche Konvertierung von ASCII- und Zeilenendformaten. Tools: PopChar für das schnelle Einfügen unbekannter Sonderzeichen und das Herausfinden ihrer Tastenkürzel. Unglaublich hilfreich sind die über das „Dienste“-Menü erreichbaren Skripte Word Services [F] von Devon und das Programm UnicodeChecker [F] (alle möglichen Textkonvertierungen, ~~umformatierungen, Un~~ und Escapen etc.). ShoveText für größere Text- und Standardprogrammierbausteine; TextExpander für kürzere und/oder sehr häufig benutzte (per Tastaturkürzel). Vergleich des Codes von Dateien: TextWrangler (auch per Einbindung in Dreamweaver).

Programmierung/Code: Dreamweaver für die Aktualisierung bestehender Seiten, die Websitesorganisation und kleinere JS- oder PHP-Anpassungen; ich nutze allerdings nicht die FTP-Funktion von Dreamweaver, da ich darüber zuwenig Kontrolle habe und Dreamweaver den Server mit seinen Zusatzdateien zumüllt; HTML-Code erstelle ich händisch. ZendStudio für Eclipse für alle reinen oder größeren PHP-Programmierungen. Coda für überschaubare Mischcodes aus HTML/PHP/JS, da man dort sofort leichtfüßig und ohne Serverstart die Ergebnisse testen kann; außerdem für Cronjobs und gelegentlich für FTP. CSS: Dreamweaver und CSS-Edit. Eclipse für die JS-/CSS-Komprimierung per YUI/ANT. Editix für XML etc.

FTP: Transmit.

Interner Server: MAMP [F]; hierzu ein Hinweis: Man kann auch mit der kostenfreien MAMP-Version virtuelle Hosts einrichten: über Eintragungen in die Apache-Konfigurationsdatei im MAMP-Verzeichnis (in „Programme“) und die hosts-Datei in /etc. Näheres auf Wunsch. Unter Windows ist XAMPP als Server klasse.

Validierung: Firefox (mit Html Validator, Web Developer, Firebug u.a.), neuerdings auch Safari 4 und bei kryptischen JS-Fehlermeldungen der IEs mit diesem IE-Dings unter IE 8 (was einem dann oft beim Rätseln nicht weiterhilft).

Wissen, OCR: Nachschlagen der PHP-Optionen per PHP Function Index. Chmox [F] zum Anzeigen von Windows-Hilfedateien; SelfHTML [F] in einer solchen Windows-Version. DevonThink Pro Office zur Verwaltung und Durchsuchung großer DBs (mit Jahres-CDs von Zeitschriften etc.) sowie Texterkennung aus Bildern oder per Twain.

Das wars. Ich bin nun an einem einsamen Samstagabend richtig ins Schwätzen gekommen. Hoffe, ich habe niemand gelangweilt (aber dann würdest Du diesen Satz wohl nicht mehr lesen).

Comment by pawel

2009-07-04T18:57:13+01:00

Linux/ Vista (nur Tests)

*Gimp *Inkscape

*FF (+Toolbar, Firebug, Dust-Me-Selector u.a) *Kate (Standardeditor unter KDE mit Syntaxhighlightning)

browsershots.org -> Übersicht
direkt getestet wird mit IE >6, Safari, Opera, Fox (jeweils aktuelle Version), Konqueror

Comment by Marco

2009-07-04T18:38:07+01:00

Natürlich nur ein kleiner Auszug, aber das sind die Werkzeuge die für mich essentiell sind und mit denen ich jeden Tag arbeite..

Windows 7/Vista

Intype – trotz Alpha-Version und kleiner Macken, der Code-Editor meiner Wahl..

Photoshop CS4 – nutze ich für alle grafischen Arbeiten, egal ob Wireframes, Icons, Bilder, etc. ..

Firefox + Addons – Firefox mit all seinen nützlichen Entwickler-Extensions sollte bei jedem Webdeveloper an Board sein..

FlashDevelop + Flex SDK – für das schreiben von Flash/Flex/AIR-Anwendungen..

XAMPP – für das unkomplizierte Testen von Webanwendungen auf Basis von PHP, MySQL, etc. ..

FileZilla – FTP Client.. *************************************************

Benutze das Tool zwar nicht, aber vielleicht für den einen oder anderen interessant:

Stylizer
Stylizer is a highly refined visual CSS editor, built for everyone from CSS novice to CSS ninja.

Comment by Reinhard Schwederski

2009-07-04T17:35:16+01:00

Ja so ist das: Da wird eine Frage zur Technik gestellt und schon ist alles voll. Ich bin hauptsächlich Fotograf und werde auch immer gefragt: Mit welcher Kamera fotografieren Sie? Ob ein Fliesenleger wohl gefragt wird, mit welchem Kleber er die Fliesen an die Wand bekommt?

Comment by Lazerte

2009-07-04T16:28:09+01:00

Jeweils in absteigender Reihenfolge:
Bildbearbeitung, Screenshots: Photoshop Elements, ImageWell, Goldberg
Coding: TextWrangler, Smultron, Taco
FTP: Cyberduck
lokales Testen: MAMP
(alles Mac)
Framework (systematisch im Sinne der Frage vermutlich nicht ganz richtig, aber ich verstehe es im weitesten Sinne auch als “Werkzeug”): YAML

Comment by Marco Zimnol

2009-07-04T15:18:29+01:00

Ich arbeite unter Linux mit folgenden Werkzeugen:

GIMP für alles mit Bildern
Gedit (ein stinknormaler Editor mit Syntax-Highlight) für HTML, CSS und Scripte
Netbeans für Java
XAMP, Mozilla Firefox + Error Console zum Testen
… und ab und zu lade ich meine Kreationen auch mal in Explorer unter Windows hoch, um zu sehen, wie es dort aussieht

Die allermeisten technischen Fragen (Syntax, Kompatibilität usw.) lese ich auf de.selfhtml.org nach

Comment by Markus

2009-07-04T10:05:27+01:00

Windows only:

- ein gute Mischung aus Dreamweaver mit Remote-Unterstützung (dadurch entfällt das lästige FTP-Programm) – und ein guter WebDeveloper-Firefox aka Webdeveloper-Toolbar + Firebug + MeasureIt + ColorPicker – das ganze garniert mit Photoshop um die entsprechenden Vorlagen zu zerschneiden, bearbeiten, zusammenzufügen … – falls mal doch auf den FTP geschaut werden muss: FileZilla – und wenn es dann ganz doll klicki-bunti werden soll: Adobe Flash CS4

Betrachtet wird dann in den gängigen Browsern: IE 6-8, FF 2 + 3, Safari 4, Chrome, Opera (jeweils aktuellste Version)

Comment by Carabon

2009-07-04T09:47:13+01:00

PSPad : )

Comment by Red

2009-07-04T09:15:59+01:00

äh, ganz vergessen … natürlich XAMPP zum lokalen Testen, mit allen Kombinationen von Apache/PHP/MySQL die bei den Providern meiner Kunden zum Einsatz kommen …

Comment by Red

2009-07-04T09:09:20+01:00

WeBuilder als Code-Editor
Photoshop zur Bitmapbearbeitung (jeweils aktuelle Version)
Xara Xtreme Pro als Illustrator-Ersatz
Firebug und Web Developer Toolbar in Firefox

und dazu mehrere Rechner, mit verschiedenen Betriebssystemen und Browserversionen zum Testen. Letzteres ist sicher der mühsamste (und eigentlich entbehrlichste) Teil des Webdesignerlebens …

Ich bin grad selbst überrascht, wie wenig Software es eigentlich braucht …

Comment by Lars

2009-07-04T06:59:22+01:00

WinXP (nebenbei langsames Eingewöhnen in Ubuntu)
IrfanView, Gimp (selten, bin kein Designer…)
Eclipse, Weaverslave (gerade am Testen: NetBeans)
aktueller Firefox mit den üblichen Erweiterungen (WDT, Firebug, Live HTTP Headers, …) – zum Testen natürlich auch Opera, IE und Co

Helferlein:

Putty
WinSCP
7-Zip
Windows Virtual PC
FileZilla

Beruflich kommen noch die beiden “großen” dazu: Dreamweaver und Photoshop

Comment by Ruth

2009-07-03T20:17:01+01:00

WinXP:

Webuilder 2008 – zum coden

FF Tools:
- Webdeveloper
- CSS Viewer
- Firebug
- Firefox Accessibility Extension

*colorschemedesigner

Comment by Markus

2009-07-03T19:04:43+01:00

Entwickelt wird bei mir unter Windows.

Für die Optik nutze ich Corel Photopaint. Das ist vielleicht nicht so mächtig wie Photoshop, aber dafür komme ich damit zurecht und konnte es bezahlen.
Als Editor setze ich ausschließlich Notepad2 ein.
Zum Testen nehme ich vorwiegend Firefox mit Firebug und Webdeveloper Toolbar.

Für Tests in anderen Browsern finde ich die Sandbox Versionen von Xenocode sehr empfehlenswert

Dann hab ich noch TortoiseSVN für die Versionsverwaltung und HeidiSQL für den Zugriff auf Datenbanken.

Comment by Marcel

2009-07-03T15:26:41+01:00

Zu Windows-Zeiten habe ich sehr gerne mit NotePad++ gearbeitet, teils auch mit intype, was sehr TextMate-ähnlich ist, jedoch noch entwickelt wird. Dann natürlich XAMPP für die lokale PHP / MySQL Umgebung. Filezilla als FTP-Client. Und natürlich Photoshop sowie diverse Browser zum Testen.

Comment by Caro

2009-07-03T15:26:05+01:00

Ich glaube, da hat sich in der Window-Welt nicht sehr viel getan. Meine wichtigsten Programme sind:
Photoshop, Illustrator, InDesign (CS4)
Homesite (leider finde ich nichts besseres für meine Arbeitsweise, suche aber nach Alternativen. Da scheint mir aber nur der WeBuilder interessant zu sein)
TopStyle Pro
FileZilla
Firefox mit Firebug und dem ganze Webdeveloper-Kram, außerdem natürlich IEs, Safari, Opera …
XAMPP
IrfanView um Favicons abzuspeichern
Außerdem: Bloglines, delicious, Evernote,

BTW: Ich würde mir gerne im Herbst ein MacBook kaufen, erstmal so für nebenher, weil mein Adobe-Zeug auf dem PC läuft. Mich würde sehr interessieren, wie bei dir der Umstieg Schritt für Schritt von statten ging. Vielleicht hast du ja mal Lust auf einen Eintrag zu diesem Thema.

Comment by Markus

2009-07-03T13:46:23+01:00

Unter OSX benutze ich für meinen privaten Frickeleien:
Espresso, CSSEdit, Textmate, Transmit, Photoshop, RTM
Apache, PHP und MySQL sind installiert (also kein MAMP oder so)

Unter Windows benutze ich:
Context http://www.contexteditor.org/ (alt, aber schlank und gut)
WebDrive http://www.webdrive.com/products/webdrive/index.html
FreeBSD Server mit Testumgebung

Comment by Stefan

2009-07-03T13:44:11+01:00

Nur Mac OS X:

Markup/Programmierung

TextMate – Editor für jegliche Programmierung oder Markupsprache und zum Texten. Für mich (mit Abstand) die wichtigste Software.
Vim/MacVim – Editor für Server oder Terminal
Dreamweaver – Höchst selten eingesetzt, z. B. bei komplexen Tabellen

Design

Photoshop – Layout, Screendesign
Illustrator – Logo, Vektorgrafiken
Fireworks – Sehr selten, für transparente PNG-8-Grafiken
Flash – Banner, Werbung
Bridge – Fotorecherche
Fontcase – Schriftenverwaltung

Testing

Apache 2 + VHosts von Mac OS X
Firefox 3.5 + ColorZilla, Firebug, Web Developer
Firebug mit den Erweiterungen Page Speed und YSlow
Safari & WebKit-Inspector
Google Chrome
IE8 (unter Parallels/VMware Fusion)
IETester (unter Parallels/VMware Fusion) – Mehrer IE-Versionen (5-8)
Parallels (Office) – Windows
VMware Fusion* (Home) – Windows

Verwaltung/Konzeption/Inspiration

Things – GTD
Evernote – Konzeption, Sammlung von Notizen, Inspiration
Delicious.com – Bookmarks
OmniGraffle – Mindmaps, Flowcharts
Office
Pages, Numbers, Keynote
Mail – Mail (Home)
Entourage – Mail (Office), aber nicht mehr lange: Snow Leopard, wo bleibst du?
iCal – Termine
LittleSnapper – Website-Screenshots

Datenbanken

MySQL + Sequel Pro
PostgreSQL + pgAdmin
SQLite + SQLite Database Browser

Versionskontrolle

Git – Versionskontrolle
GitX – Grafische GUI für Git
p4merge – MergeTool für Konflikte

Deployment/Datenübertragung

Transmit – FTP, aber immer seltener
Fabric – Automatisiertes Deployment
Terminal – SSH, Scripting, Automatisierung

Websoftware/Syteme

CMS: Typolight, WordPress
Frameworks: Django

Comment by korbinian polk

2009-07-03T13:25:05+01:00

ich code und design sowohl auf dem mac als auch unter windows.

OSX:

coda – html/css workhorse. nur den edit modus.
textmate – wenn ich mal mit ruby rumspielen will
transmit – ab und zu für fileuploads, wenn mir coda nicht reicht
billings – zeittracking
illustrator – wireframing
photoshop – sigh.
fontcase – schriften-verwaltung
things – todo app
MAMP – zum lokalen testen
Git – versionsverwaltung
firefox – developer toolbar, firebug, colorpicker, screengrab, greasemonkey, dust-me selectors

WIN:

nach wie vor auf der suche nach nem vernünftigen, simplen coda-ähnlichen editor.
momentan nutze ich:
e – texteditor – textmate für windows
intype – schaut sehr vielversprechend aus, is aber noch sehr beta
filezilla -ftp client
easyPHP – zum lokalen testen

Comment by Oliver

2009-07-03T13:24:11+01:00

Textmate, Transmit, Photoshop, Flash und Parallels zum Testen.

LG
Oliver

Comment by Oliver Kreischer

2009-07-03T13:22:10+01:00

Da ich vor gut 1.5 Jahre komplett auf Apple umgestiegen bin nutze ich:

Textmate, Transmit, Photoshop, Flash und Parallels zum Testen.

Das war es.

LG
Oliver

Comment by Marco

2009-07-03T12:51:36+01:00

Mein Setup (Win):

- Photoshop (Entwürfe und Grafikarbeiten) – phpDesigner – TopStyle4 (CSS) – IE Tester (weils sein muss) – SmartFTP (Wenns nötig ist, wobei phpDesigner und TopStyle FTP integriert haben) – und natürlich FF mit Firebug und Webdeveloper

Comment by Alex

2009-07-03T12:50:19+01:00

Ich entwickle unter Linux und Windows. (KVM-Switch zwischen den Rechnern)
Locale Entwicklung -> Commit auf Testserver -> testen -> Commit auf Produktivumgebung (SVN)

Planung:
Balsamiq Mockups (Win/Linux)
FastStone Capture für Screenshots (Win)

Entwicklung:
Eclipse mit folgenden Plugins (Linux geht auch unter Win) – Aptana CSS-Editor – Subclipse für SVN – yEdit für *.yml

Bidbearbeitung:
Creative Suite CS 2 + PS CS 3 :) (Win)
Brauche meistens nur PS

Test:
Firefox, Safari, Opera, IE7 unter Win und IE6, IE8 unter Virtual PC von Microsoft

Sonstiges:
Firebug, FileZilla, Notepad++, Taskbar Shuffle, ExpanDrive für die Datenübertragung zwischen Linux und Win, Pidgin für die Kommunikation mir den Kollegen ;) etc.

Comment by Thomas Scholz

2009-07-03T12:35:58+01:00

Opensuse und Windows XP

* Eclipse PDT für * Vim (Linux) und Notepad2 (Windows) für kleine Codearbeiten * WikidPad für Codeschnipsel und Ideen * Opera als Leib- und Magenbrowser * Testbrowser: Firefox 2 und 3, IE 5.5 aufwärts, Safari 3 und 4 * Photoshop und Gimp zur Bildbearbeitung, Riot zur Bildkompression

Comment by Ole

2009-07-03T12:30:02+01:00

Hallo,
ich benutze folgende Tools (PC):

Coding: – Dreamweaver – Aptana (sehr umfangreich, aber irgendwie macht er mir Freude…)

Grafik: – Photoshop CS3 – Fireworks

(Browser-)Testing/Optimierung: – Firebug (Firefox Addon) – Web Developer Toolbar (Firefox Addon) – ColorZilla (Firefox Addon) – Accessibility Extension (Firefox Addon) – Flash Switcher (Firefox Addon) – HTML Validator (Firefox Addon) – Live HTTP Headers (Firefox Addon) – PageSpeed (Firefox Addon) – Wave Toolbar (Firefox Addon) – Virtual PC (mit Instanzen für möglichst viele Browser) – Xenu Link Testing – Beyond-Compare zum Dateivergleich – Tortoise-SVN – Charles (Proxy, Monitoring, Bandbreitensimulator) – FlashFXP, WinSCP als FTP Programme – XAMPP für lokalen Webserver – Shrink-o-matic zur Dateigrößenoptimierung bei Bildern

Comment by Thorben

2009-07-03T12:27:26+01:00

Mac:

Adobe Glive
Photoshop Elements
CSSEdit
CyberDuck
Parallels um auch mal unter Windows zu prüfen
Safari und Firefox
Flash
TextWrangler
Picturesque
LittleSnapper

Comment by Nils Riedemann

2009-07-03T12:16:21+01:00

Argh… bei meinem link das http:// vergessen. d’oh

Comment by Nils Riedemann

2009-07-03T12:13:46+01:00

Also bei mir sind es folgende:

Textmate/MacVim, CSS-Edit, Safari, Firefox, Basecamp, Balsamiq, The Hit List, Pages, Transmit, git, Sequel Pro, Terminal, iCal und Dropbox.

Etwas ausführlicher habe ich das auf meiner Seite aufgeführt.

Comment by Frank

2009-07-03T11:41:28+01:00

Ich arbeite unter WinXP und Vista mit:

UltraEdit für jede Art von Ascii
Firefox mit diversen Addons für Webentwicklung, Debuggen, Screenshots etc.
XAMPP für die Entwicklungsumgebung
Tortoise für SVN
Total Commander für Suche, Verwaltung und FTP; diverse Erweiterungen drin zum besseren Arbeiten
KDiff3 für Diffs

Im Grunde war es das.

kleine Anregung aufgrund der Teilnahme hier, vielleicht stellst du ja eine Auswertung in einem Folgebeitrag bereit.

Comment by Johannes

2009-07-03T11:21:33+01:00

Entwicklung unter Mac OS X:

*Espresso – HTML, CSS, PHP, FTP (selten: Cyberduck) *MAMP – Apache und MySQL lokal einrichten *OmniGraffle – Wireframes (ziehe in Erwägung, auf Balsamiq Mockups umzusteigen) *Photoshop CS4 – Gestaltung *Firefox, Firebug, WebDeveloper Toolbar – Entwicklungsbrowser

Testen unter WinXP:

*MultipleIE

Comment by Kevin Heil

2009-07-03T11:17:12+01:00

Bleistift + Papier für eine grobe skizze

Alles Windows-Only:
Photoshop für eine ausgefeiltere Skizze sowie für die Bildbearbeitung
Illustrator für gewisse Elemente (eher selten)
Dreamweaver für den Code
Phase 5 für den Code
Standard Editor für den Code

zum Hochladen:
PSFtp Free

zum Testen:
verschiedene IE versionen:
http://tredosoft.com/multiple_ie
Firefox, Safari und Chrome

Validiert wird per Firefox Web Developer Toolbar

das wars auch schon ^^

Comment by philbee

2009-07-03T11:16:22+01:00

BBEdit und CSSEdit
Dreamweaver CS4 (selten)
YummyFTP
Photoshop Fireworks und Flash
Safari 4, Firefox und Firebug
Parallels Desktop um die Seiten im Browser aus der Hölle zu testen

und nicht zu vergessen: Billings

Comment by David Hellmann

2009-07-03T11:09:19+01:00

Mac:

Coda – CSS, PHP, HTML, Javascript etc. Und zum direkt auf FTP arbeiten
Transmit – zum hin und her schieben der Daten
Espresso – schau ich mir immer mal an ob sich was neues tut
mampp – lokal testen
firefox – webdev plugin, firebug

Win

Dreamweaver – CSS, PHP, HTML, Javascript etc. Und zum direkt auf FTP arbeiten
UltraFXP – zum hin und her schieben der Daten
XAMPP – lokal testen
firefox – webdev plugin, firebug

Comment by Torsten

2009-07-03T10:47:05+01:00

Photoshop CS3 (Mac)
Smultron (Mac), liebäugele aber mit Espresso
Firefox mit HTML Validator, Firebug (YSlow, Google Page Speed, PixelPerfect), WebDeveloperToolbar (Testen)
VirtualBox (XP / Linux) (Testen)
Cyberduck / Transmit (FTP)
Phase5 (Win)
Filezilla (Win)
Qualidator (Test-Tool)
A-Prompt (Test-Tool)

Favicons erstelle ich gern online hier:
http://www.favicon.cc/

Unmengen an Online-Validatoren für die Endkontrolle:
http://netztaucher.wordpress.com/2008/04/10/online-validatoren-fuer-css-html-feeds-und-mehr/

Comment by stargOOse

2009-07-03T10:45:56+01:00

Layout: PS CS3
html: Dreamweaver/Espresso
css: CSSedit + Firebug
php: Eclipse mit PDT
FTP: Transmit
Dateien jonglieren: Fresh
GTD: Things

Comment by Daniel

2009-07-03T10:36:52+01:00

Weil es erst ein mal vor kam und so extrem nützlich ist, wenn auch kein Design-Tool:

git (insb. mit git.tmbundle)

Comment by pageschmiede

2009-07-03T10:36:43+01:00

Also dein Bild von dem Dock sieht schon nicht verkehrt aus :-)
Ich programmiere xhtml & javascript in Dreamweaver, Expresso und Coda. Design und Bildbearbeitung in Photoshop.
Ftp Transfer mit CyberDuck und Transmit.Tagesplanung mit Things und iCal.
Safari als AllinOne Developer Tester, sowie Firefox und IE.
Mail als RSS Nachrichtencenter.

Comment by Damian

2009-07-03T10:33:58+01:00

Tools in Form von Softwarekomponenten? Oder ist u.a. auch ein Framework ein Tool?

Aber für Windows nutze ich u.a.:
Editoren: – Weaverslave – Notepad++

Grafik: – GIMP – Irfanview – Photoshop CS3/4

FTP + Dateiverwaltung: – Totalcommander

Browser: – IETester – Firefox mit Web Developer, Firebug, YSlow, SEOQuake, Searchstatus – Opera

Tests: – Selenium IDE

Comment by Christoph

2009-07-03T10:27:18+01:00

Ich nutze:

Coda (Editor und FTP)

Pixelmator und Photoshop Elements (nur um Grafiken für das Web zu exportieren. Sobald Pixelmator das kann, fällt Photoshop weg).
Pictoresque um runde Ecke zu erstellen (Ich bin faul).

Zum Testen von Seiten nutze ich Firebug im Firefox und direkt die Validation der W3c. Testen in IE mache ich einfach per Netrenderer: http://ipinfo.info/netrenderer

Dann noch MAMP um auch im Zug mal schrauben zu können.

Aber ich bin auch kein professioneller Schrauben. Mehr Hobby :D

Comment by Steffen

2009-07-03T10:24:36+01:00

Da ich ebenfalls nur noch Mac benutze sieht die Liste bei mir wie folgt aus, nach Priorität geordnet:

Textmate — für so ziemlich alles, angepasste zenCoding/HTML/JS/CSS etc. Bundles erleichtern die Arbeit dabei stark.
Firefox + Firebug + FirePHP + WebDevToolbar etc. — Ich weiß garnicht mehr wie ich früher Webseiten ohne Firebug entwickeln konnte ;-)
Forklift — Als Finder-Ersatz und für S/FTP
MacPorts + Terminal — für den localhost (vim, git, svn, apache, mysql5, php5, ImageMagick etc.)
Timelog / TheHitList / iCal — damit ich auch Rechnungen schreiben kann und nichts vergesse
Eclipse + Aptana — für größere Webanwendungen
Photoshop — Für Grafiken :-)
Pixelstick — ein nettes kleines Bildschirmlineal
Jumpcut — Copy & Paste reloaded
GitX — Als Versionskontroll-Frontend
VirtualBox + IEtester — muss ja dann doch meistens

Relativ viele Programme, aber ich möchte keines davon vermissen. Aber ohne Textmate, Firefox,

Comment by R2D2

2009-07-03T10:22:35+01:00

Unter Windows und Mac
Aptana für HTML, CSS, JS Entwicklung
Eclipse speziell für PHP
Xmind, Freemind für mindmaps
Firefox mit diversen Plugins für die Entwicklung
Scite als kleiner effizienter Text Editor

Vmware:
Linux Debian mit Apache, PHP und co als Webserver
SVN
Anbindung per Samba
Einzelne Windows Instanzen mit verschiedenen Browserversion zum Testen

Grafik:
Photoshop

Comment by Ole

2009-07-03T10:16:35+01:00

Mehr Entwickler als Designer, Mac only:

SubEthaEdit – Texteditor mit sehr guter Unterstützung für Lasso (Lasso? WTF? Guckt ihr hier: Lasso ).
BBEdit – Der Klassiker, wird gelegentlich auch benutzt.
CSSEdit – CSS, was sonst?!
Versions – SVN-Client
Cyberduck – FTP
TimeLog – Zeiterfassung
VirtualBox – Virtualisierungssoftware -> Testen auf Windows/Linux
Firefox – Natürlich mit allen möglichen Erweiterungen
OmniGraffle – Das wenige Screendesign, Diagramme…
Pixelmator – Sieht cool aus; kann das, was ich brauche bei der Bildbearbeitung.
Backpack, Basecamp – GTD und Projektverwaltung
Terminal – Für alles mögliche… :-) Einrichten der lokalen Umgebung, Administrieren der Server.

Munter bleiben!

Comment by benem

2009-07-03T10:12:06+01:00

Dreamweaver meist für XHTML+CSS;
Photoshop für Grafiken;
Cyberduck als FTP-Client;
XAMPP als lokaler Webserver;
NetBeans als PHP IDE

Comment by Christoph Wagner

2009-07-03T10:05:53+01:00

EmEditor, Photoshop, Fireworks, Firefox

Comment by Jakob Stehr

2009-07-03T09:51:35+01:00

Für die Entwicklung (MAC):

Skedit – einfacher, aber feiner Editor
CSSedit – der imo beste css Editor
Espresso (immer häufiger)
MAMP – lokale Enwicklung
Versions – SVN Client für ~~doofe~~ Designer
Transmit – FTP
Photoshop
Illustrator
Little Snapper – Screenshots. Inzwischen für mich ein unentbehrliches Werkzeug.

Comment by Dominik

2009-07-03T09:46:54+01:00

Ich bin auch sehr minimalistisch unterwegs:

Photoshop
Coda für PHP und XHTML etc / TextMate für Ruby on Rails
Versions
Terminal

Comment by daniel

2009-07-03T09:44:06+01:00

Auf dem Mac ganz klar Coda. Wenn ich bei der Arbeit (hoffentlich) demnächst einen neuen Rechner bekomme werde ich auch Aptana und Netbeans wieder in Betracht ziehen, derzeit ist die Performance von scheinbar sämtlichen Java-Programmen derart unter aller Kanone, dass es nicht in Frage kommt.

Unter Windows benutze ich für HTML/CSS/JS und kleinere PHP-Sachen in letzter Zeit fast nur noch E-Texteditor, quasi Textmate für Windows. Aus diesem Grund möchte ich in absehbarer Zeit auch mal das Original auf dem Mac testen – obwohl ich mit Coda eigentlich sehr zufrieden bin.

Wenn’s etwas mehr (PHP-)programmierlastig hat bei mir inzwischen Netbeans Eclipse (PDT/Aptana) fast völlig verdrängt. Ein Hauptgrund ist die (gefühlt) wesentlich bessere Performance und die irgendwie schönere Code-Completition.

Hinzu gesellen sich natürlich Firefox mit den ganzen Erweiterungen (Web Developer Toolbar, Firebug+YSlow+PixelPerfect, Measure It, ColorZilla, LiveHTTPHeaders) sowie Opera und das geniale neue Dragonfly. Und halt die anderen Browser zum Testen. Firebug Light steht in dem Zusammenhang noch auf meiner “mal ausprobieren” Liste.

Beim Design kommt hauptsächlich Photoshop zum Einsatz, die Demo von Fireworks CS4 wartet schon seit Wochen auf ihren Einsatz, denn Featuremäßig reizt mich das schon sehr, allein die Tatsache, dass es jetzt Seiten gibt verlockt doch sehr und dürfte Ebenengruppenchaosgeplagten von PS sehr gelegen kommen.

Für Dateitransfer, sofern nicht sowieso gerade der im Editor/IDE integrierte verwendet wird, kommt unter Windows hauptsächlich WinSCP mit einer SFTP-Verdbingung (sofern serverseitig möglich) zum Einsatz, unter’m Mac Cyberduck oder FireFTP.

Comment by Kay

2009-07-03T09:30:04+01:00

Alles auf auf dem Mac:

Textmate für HTML, CSS, Javascript, kleine PHP Projekte
Coda, würde ich gern mehr verwenden, wenn der eigentliche Texteditor Teil besser wäre
Photoshop CS4
CSSEdit für die CSS Fehlerbehebung, fürs normale runterschreiben von Layouts brauch ich keine Live vorschau, da sind mir dann die Features von Textmate lieber.
Versions für SVN
Things für GTD
Eclipse PDT für große PHP Projekte
Safari für Javascript Debugging, Testen, etc (plus Tests in FF und IE natürlich)
ich benutze den Leopard Webserver mit selbst kompiliertem PHP
für FTP/SFTP benutze ich Cyberduck, Coda (falls ich es doch mal wieder probiere), oder Flow (find ich bisher am hübschesten, hab mirs aber noch nicht gekauft)
ansonsten benutze ich viel das normale Terminal mit Visor Plugin

Comment by Jonathan

2009-07-03T09:29:10+01:00

Auch mit Mac:

Smultron (Editor, Freeware)
Cyberduck (FTP, Freeware)
Firefox (Browser, Freeware)
-> Web Developer (Toolbar, Freeware)
GrandTotal (Rechnungen)

Comment by Gerrit

2009-07-03T09:05:41+01:00

Screendesign: Photoshop CS3 (obwohl Fireworks besser wäre, aber ich will noch nicht umlernen)
MAMP für lokalen Server
VirtualHostX für gefälschte lokale Domains
TextMate für Code
Transmit für FTP/SFTP, in Kombination mit Textmate
TextWrangler, nur wenn es um sehr große Dateien geht (Datenbank-Dumps), oder wenn man manuell in der Zeichen-Codierung rumpfuschen will
Frontend-Entwicklung: Firefox, Firebug, WebDeveloperToolbar, MeasureIt und ColorPicker
Fusion und WinXP zum Testen
Multiple IE zum Testen
jQuery-Widget zum Syntax-Spicken (leider nicht mehr aktuell)

Neulich habe ich mir Espresso genauer angeguckt – es kann aber noch zu wenig, um mich zu begeistern. Coda wäre wahrscheinlich auch toll für mich, aber noch funktioniert das hier zu gut, als dass sich die 99 Dollar lohnen würde, um umzusteigen.

Comment by max

2009-07-03T09:02:34+01:00

espresso für alles codemäßige
photoshop für alles bild- und grafikmäßige
filezilla für ftp
bleistift und papier für erste entwürfe und skizzen

Comment by Jeanot Bruchmann

2009-07-03T08:58:04+01:00

Ich selbst arbeite, wie sollte es auch anders sein, unter OS X.

Meine Kollegen um mich herum aber unter Windows. Da zur Webentwicklung hier und da auch das Programmieren gehört, eine ordentliche IDE nicht zu verachten ist, vor allen Dingen, wenn diese dann auch noch eine Schnittstelle zur Versionsverwaltung mitbringt, kann man als IDE Aptana empfehlen.

Zum Programmieren unter PHP wirklich nicht schlecht. Gibt es im Übrigen auch auf OS X.

Comment by Albi

2009-07-03T08:55:18+01:00

Auf dem Mac:

Smultron + Cyberduck – Perfektes Duo für kleinere Sachen (und beides Open Source!)
Eclipse – Für umfangreichere Projekte
Photoshop
MAMP
Firefox mit Firebug-Plugin
VirtualBox zum Testen unter Windows und Linux

Comment by Marcel

2009-07-03T08:50:25+01:00

Ich gehöre ebenfalls zur Mac-Fraktion und nutze eigentlich auch nur bekanntes:

CSSEdit (ganz klar mein Lieblings-CSS-Editor)
TextMate (schnell, kompakt und trotzdem super Features für Web-Entwickler)
Safari Web-Inspektor (zur Geschwindigkeitsoptimierung)
VMWare mit Windows 7 und IE8 (damit teste ich die IE7/IE8-Kompatbilität)
MAMP (wegen PHP und MySQL)

Und mit den Tools bin ich eigentlich rundum glücklich ;)

Comment by Katharina

2009-07-03T08:44:46+01:00

Auf Windows:
TopStyle
Firefox mit Firebug und Webdeveloper-Toolbar (und ein paar anderer kleiner AddOns), protable Versionen für die älteren FF
Photoshop
Wireframes manchmal mit Fireworks, meistens aber “pencilbased”
IE8, standalone Versionen für die älteren
aktuelle Version Opera
Browsershots für Safari
Lnyx
bei Bedarf Windows Eye für Screenreaderprüfung

P.S.: Buch hab ich schon – sollte mich das Losglück treffen, kannst Du noch einmal ziehen ;-)

Comment by René Stalder

2009-07-03T08:40:47+01:00

Also, los gehts.

Schreiben/Programmieren:

- Coda (Mac): Bietet mir einen simplen Codeeditor mit guter Möglichkeit, mehrere Webseiten zu Managen. – Espresso (Mac): Benutze ich meist für Offline Projekte. Bietet eine gute Übersicht über die Dateien, die man gerade bearbeitet – Transmit (Mac): Der FTP Client, der mir alle Funktionen bietet, die ich brauche. Auch hier eine gute Möglichkeit, mehrere Webserver zu bookmarken. – Versions (Mac): Ein SVN Client der alle notwendigen Funktionen mit sich bringt, die für das Arbeiten mit einer oder mehreren Subversionen nötig sind. – Tortoise (Windows): Der wohl beste Subversion Client, den man benutzen kann. Kommt immer wieder zum Einsatz auf Windowsrechnern. – Bluefish (Linux): Mein lieblings Editor, um auf Linux für’s Web zu entwickeln.

Grafik:

- Illustrator: Logos, Vectorgrafiken – Photoshop: Wireframes, Mockups für Webdesign

Nützliches:

- Dropbox: Zum Austausch grösserer Daten zwischen Clients oder Entwicklern. – Twitter: Die beste Suchmaschine der Welt. Für fragen immer schnell kompetente Antworten zu finden – Terminal (Unix): Das stink normale Terminal jedes Unix Systems. Sollte man beherrschen als Webentwickler (Beispiel: PHP + cURL etc. Lässt sich alles im terminal vortesten oder auf Fehler abfragen). – jQuery Framework: Weil AJAX Programmieren sonst viel zu Zeitaufwändig ist – Grid Frameworks: Um schnell eine saubere Struktur der Webseite zu erhalten. – Skype: Gemeinsames Arbeiten

Comment by Michael Milz

2009-07-03T08:40:33+01:00

Unter Windows:

Grafik – Fireworks, Photoshop
Editor – Eclipse (PDT), JEdit (div. Plugins)
Transfer – WinSCP
Orga – StreberPM
Kommunikation – Thunderbird, Psi

Comment by tigion

2009-07-03T08:40:02+01:00

Im Kern unter Linux/Windows/Mac OS X gleichermaßen eigentlich hauptsächlich: – Vim (HTML, CSS, PHP, …) – Gimp (grafische Dinge) – Firefox+Firebug+Web Developer (Vorschau, Analyse, Debugen)

Wobei es nur ein Hobby von mir ist, auch will ich jetzt nicht die verschiedenen Browser zum Testen oder so aufzählen. Je nach Betriebssystem nutze ich auch noch spezifischere Tools, aber die sind hier ja größtenteils schon genannt wurden.

Vorteile der oben genannten Tools sind: OpenSource, plattformübergreifend, als mobile Version verfügbar.

Nachteile: Gimp noch nicht 16bit tauglich, Vim eher was für Codeschreiber, Firefox benötigt bei dynamischen Webseiten einen extra Webserver.

Comment by Stef

2009-07-03T08:38:21+01:00

Zum coden verwende ich Hauptsächlich Netbeans! Damit lässt sich einfach genial arbeiten!
Für Grafiken verwende ich Gimp.

Comment by Stefan Rechsteiner

2009-07-03T08:36:27+01:00

hallo manuela – da helfe ich natürlich gerne.

Coda (IDE … brauche jedoch nur das Edit- und das Terminal-Fenster, also keine Bücher, keine CSS-‘Vergewaltigung’ und kein Preview … nur code, code, code…)
Safari & WebKit-Inspector (Entwickle zuerst auf Safari (mit dem super Inspector), danach wird für andere Browser getetstet)
xScope (Messtool)
DigitalColor-Farbmesser (Farbmesser, Bestandteil von OS X)
Cyberduck (zweites FTP-Tool falls mal schnell was transferiert werden muss wo ich per Coda zu viele zusätzliche Klicks brauche …)
PhotoShop (für Mockups)
The Hit List (ToDo-Organizer)
Firefox (zum Testen)
VMware (Windows-Emu für FF & IE7+8 testen)

Comment by Maurice

2009-07-03T08:34:11+01:00

TextMate, Firefox (inkl. Webdeveloper Toolbar und Firebug), Transmit, Expandrive, Photoshop CS3, Illustrator CS3, Flash CS3, OmniOutliner, OmniGraffle, Parallels (mit IETester), Versions, Changes (in Verbindung mit Expandrive zum Synchronisieren und als Diff-App im Zusammenspiel mit Versions), dieGamma (zum entfernen von Gammawerten aus PNGs), Terminal

Comment by Stephan

2009-07-03T08:30:54+01:00

Ich entwickle auch nur auf dem Mac:

Aptana
Textmate
CSSEdit
Photoshop CS3
Firefox mit diversen Plugins (Web Developer Tool Bar,Firebug,Yslow)
Sequel Pro
YummyFTP
Parallels (IE unter Windows)
LittleSnapper (Screenshots)
Things (GTD)
iCal

Comment by Andreas

2009-07-03T08:30:45+01:00

WeBuilder (HTML, CSS)
NetBeans (Rails)

Das Buch »Der erfolgreiche Webdesigner« kann ich nur empfehlen, ich lese es derzeit!

Comment by Medienfuzzi

2009-07-03T08:29:32+01:00

Die drei Großen: Photoshop, Illustrator und Dreamweaver

Die kleinen Tools: FileZilla (FTP), HyperEdit (Editor mit Live-Vorschau), Sim Daltonism (Simulator für “Farbblindheiten”)

Zum Testen: Firefox (inkl. Web Developer Toolbar, Firebug, Firescope), Safari und den IE

Comment by f1sHMaN

2009-07-03T08:27:12+01:00

MAC:
Aptana

WIN:
Aptana
FileZilla
IE Tester oder XenoCode (http://www.xenocode.com/Browsers/)

Warum Aptana:
Weil man da Eclipse mässig Zeilen verschieben, dublizieren, löschen kann, was sonst keiner richtig beherscht!

grz