Welche Werkzeuge verwendet ihr zur Web-Entwicklung?
![]()
Mein Buch »Modernes Webdesign« enthält ein Kapitel namens »Werkzeugkasten«. Darin werden Tools vorgestellt, die man zur Nutzung bei der Web-Entwicklung empfehlen kann. Nun überarbeite ich diese Abschnitte für die zweite Auflage des Buches. Da ich selbst mittlerweile nur noch am Mac entwickle, fehlt mir der Überblick über neue Tools im Windows- und Linux-Land. Und auch am Mac bin ich sicher bei der Auswahl der Werkzeuge eigen ;-).
Und deshalb bitte ich euch um Mithilfe. Es wäre toll, wenn ihr in den Kommentaren schreiben würdet, welche Tools ihr wirklich nutzt und empfehlen könnt, wenn es um Webdesign und Web-Entwicklung geht.
Ich binde bewusst kein Umfrage-Tool ein, denn ich will die Auswahl nicht beschränken.
Als kleinen Anreiz wird unter allen (sinnvollen) Kommentaren das hervorragende Buch »Der erfolgreiche Webdesigner« von Nils Pooker verlost. In diesem Buch führt Nils den Leser von der Kundengewinnung über die Projektplanung hin zur Umsetzung. Die Verlosung läuft bis zum 13. Juli, 20 Uhr.
Vielen Dank an alle, die mitmachen werden!
Werbeunterbrechung
Kommentare und Feedback (115)
Werbung
Vorheriger Artikel: Umfrage beendet - Vielen Dank!, nächster Artikel: Deutschsprachige Twitter-Einführungen
03.07.2009, 07:15
Ich bin eher textlich-syntaktisch “gestrickt” deshalb die weniger “bunte” Auswahl zur Code-Generierung:
Dreamweaver (Mac), Bearbeiten (Mac), Eclipse (Win), Notepad++ (Win)
Für Bilder/Illustrationen (Mac):
PhotoShop und (ja, immer noch) FreeHand
Für den Transfer:
Forklift (Mac), WinSCP/TotalCommander (Win)
03.07.2009, 07:32
Also das ist mein derzeitiges Setup (MAC only), welches sich als ziemlich flexibel erwiesen hat:
Coda (Coding, FTP), CSSEdit, TextMate (für seltene Einsätze), Photoshop (leider), Fireworks (Design, Prototyping), Things (GTD), Versions, Xscope, OmniOutliner (Konzeption, Entwürfe), Transmit (für große Uploads, damit ich Coda weiter nutzen kann), Dreamweaver (für seltene WYSIWYG-Anforderungen), GrandTotal (Angebote, Rechnungen).
Ich glaube, das war es auch schon :)
03.07.2009, 07:43
Mein Setup am MAC ist:
CSSEdit (CSS)
Text Wrangler (Coding, wollte mir aber bald mal Coda zulegen)
Illustrator (Layout)
Photoshop (Layout, Bildbearbeitung) << evtl. bald Pixelmator
DigitalColor – Farbmesser
Transmit (FTP)
Mail (ToDo, Aufgaben und Mails halt)
Parallels (Browser Tests)
…das war’s dann auch schon! keep it simply stupid ;)
03.07.2009, 08:00
- WeBuilder als Editor – Color Schemer Studio für Farbschemata – Photoshop Elements für ein bisschen Bildbearbeitung – SnagIt für Screenshots/Bildbearbeitung
- *delicious.com” für Links – Gmail, Calendar und in beiden Remember The Milk – mindmeister.com zur visuellen Strukturierung
- Firefox: Web Developer Toolbar, Firebug, View Source Chart – IETester
- FTP: Filezilla und WinSCP – Xampp zum lokalen Testen von Webanwendungen – WordPress für Blogs – TYPOlight als klassisches CMS
03.07.2009, 08:04
Man könnte ja auch ein Stöckchen, oder eine Blogparade aus der Frage machen, dann kommen evtl. noch mehr Antworten zusammen.
03.07.2009, 08:11
Auf dem Mac:
Espresso für PHP / CSS
Textmate für sonstigen Scriptkram
Parallels – wegen internet explorer
Golive 9 ;) für wysiwig oder Tabellenerstellung
Photoshop Elements 6 für Bilder – hat mir bislang gereicht
Eclipse für Java Anwendungen
Firefox – mit Plugins wie der Web Developer Tool Bar
Sequel Pro für MySQL Datenbanken
Yojimbo für Notizen / Passwörter
Graphic Converter für Batchverarbeitung von Bildern – aus Kontextmenüs
Yummy FTP zum Datenaustausch mit Server (meiner meinung nach stabiler & schneller als Cyberduck)
03.07.2009, 08:16
Unter Mac OS:
CSSEdit (CSS)
MinifyMe (Packen von CSS)
Dreamweaver (HTML, XML, XSLT, ab CS4 auch JavaScript)
Netbeans (PHP, JavaScript, Versionverwaltung)
pgAdmin (PostgreSQL)
Navicat (MySQL)
MySQLWorkbench (Modellierungswerkzeug für MySQL)
Photoshop (alle Bildformate)
Fireworks (Prototypen, Entwürfe)
Illustrator (Grafiken)
Flash
Transmit (FTP) + AppleScript
Freemind (Mind Maps)
OmniOutliner (Ideen sammeln)
Things (GTD)
Snippely (Code-Schnipsel sammeln)
Yojimbo (Passwörter verwalten)
Unter Windows: (virtuell)
QuickBooks von Lexware (Rechnungen, Buchhaltung)
Internet Explorer (mehrere Versionen)
03.07.2009, 08:17
Ich arbeite da eigentlich ziemlich minimalistisch.
Photoshop
PSPad (Editor)
FileZilla (FTP)
Firefox inklusive WebDeveloperToolbar und FireBug
IE Tester (wegen IE6 und teilweise 7)
IE8 (zum Testen)
Google Chrome (zum Testen)
03.07.2009, 08:22
Ich nutze wohl auch ein relativ unspektakuläres Setup:
TextMate für HTML und PHP
CSSEdit überraschender Weise für CSS
Transmit für Verbindungen zur Außenwelt
Photoshop für Bildbearbeitung und Screendesigns
Balsamiq Mockups für Mockups
Things & iCal für Tages- und Aufgabenplanung
und seit gerade eben FontCase zur Schriftenverwaltung.
achja und iTunes natürlich für die akustische Untermalung und Podcasts während der Arbeit.
03.07.2009, 08:22
Die neuen Entwickler Funktionen im Safari 4 sind meiner Meinung nach übrigens eine richtig gute Alternative zu den bekannten Firefox PlugIns.
Wenn man diese im Safar aktivieren möchte muss man folgendes machen:
Safari > Einstellungen (Apfel + ,) > Erweitert > Menü “Entwickler” in der Menüleiste anklicken !!! …und schon hat man in der Menüleiste einen neuen Reiter mit den Developer Funktionen.
03.07.2009, 08:24
Das waren so die wichtigsten Tools :-)
Ach ja: lass mich aus der Verlosung raus. Ich habe das Buch schon und kann es nur empfehlen :-)
03.07.2009, 08:24
Da ich eher code als designe, ist mein Setup auch eher minimalistisch:
TextMate + Firefox/Firebug
Als sehr hilfreich hat sich ExpanDrive erwiesen, um remote zu arbeiten.
03.07.2009, 08:24
Ich benutze (unter Windows):
Photoshop
Illustrator
UltraEdit (HTML, CSS, PHP)
Netbeans (JSP, Servlets)
Filezilla (FTP)
Firefox mit Web Developer, Firebug, Html Validator, Colorzilla und MeasureIt
Multiple IE (IE 4-6)
IE 7 und 8
Safari
Opera
Lynx
Und als Online-Tools:
Adobe kuler
browsershots.org
03.07.2009, 08:24
Also ich habe das Buch schon aber trotzdem eine Meinung:
Ich entwerfe die Seite meistens in Photoshop, code in TextMate und/oder Coda und gebe ihr den letzten Feinschliff mit Firebug. In VirtualBox habe ich dann die VMs um im IE und unter Linux zu testen. Nutze allerdings nicht, wie andere den IE Tester (da gibt es wohl ein paar Darstellungsfehler – gestern erst erlebt) sondern MultipleIE.
Browsertechnisch habe ich alle ab IE5.5 und von den anderen verbreiteten meistens zumindest noch den Vorgänger zur Verfügung. Bei Opera und Firefox auch auf unterschiedlichen Betriebssystemen.
Je nach Job habe ich dann noch ein paar Asse im Ärmel aber durch irgendwas muss man sich ja unterscheiden ;)
03.07.2009, 08:25
- Firefox mit Webdeveloper-Toolbar und “It’s All Text”-Extension zum direkten editieren von Eingabefeldern in TextMate
- TextMate
- YummyFTP (sehr fixer Mac-FTP-Client)
- Photoshop
- Illustrator
- CSSEdit
- MAMP Pro (lokaler Entwicklungsserver)
- Navicat
- TimeLog (Zeitmessung)
- GrandTotal (Abrechnung der Zeiten aus TimeLog)
- DeltaWalker (als Diff-Tool)
- LittleSnapper (um interessante Websites festzuhalten)
- NoteBook von Circus Ponies (um Ideen festzuhalten und Projekte auszuarbeiten)
- Dropbox (zum Datenaustausch in einem Projekt)
- DevonThink Pro (als Knowledge Base)
- 1Password (um Logins der Projekte zu verwalten)
03.07.2009, 08:27
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
03.07.2009, 08:29
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
03.07.2009, 08:30
WeBuilder (HTML, CSS)
NetBeans (Rails)
Das Buch »Der erfolgreiche Webdesigner« kann ich nur empfehlen, ich lese es derzeit!
03.07.2009, 08:30
Ich entwickle auch nur auf dem Mac:
03.07.2009, 08:34
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
03.07.2009, 08:36
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)
03.07.2009, 08:38
Zum coden verwende ich Hauptsächlich Netbeans! Damit lässt sich einfach genial arbeiten!
Für Grafiken verwende ich Gimp.
03.07.2009, 08:40
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.
03.07.2009, 08:40
Unter Windows:
Grafik – Fireworks, Photoshop
Editor – Eclipse (PDT), JEdit (div. Plugins)
Transfer – WinSCP
Orga – StreberPM
Kommunikation – Thunderbird, Psi
03.07.2009, 08:40
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
03.07.2009, 08:44
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 ;-)
03.07.2009, 08:50
Ich gehöre ebenfalls zur Mac-Fraktion und nutze eigentlich auch nur bekanntes:
Und mit den Tools bin ich eigentlich rundum glücklich ;)
03.07.2009, 08:55
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
03.07.2009, 08:58
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.
03.07.2009, 09:02
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
03.07.2009, 09:05
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.
03.07.2009, 09:29
Auch mit Mac:
Smultron (Editor, Freeware)
Cyberduck (FTP, Freeware)
Firefox (Browser, Freeware)
-> Web Developer (Toolbar, Freeware)
GrandTotal (Rechnungen)
03.07.2009, 09:30
Alles auf auf dem Mac:
03.07.2009, 09:44
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.
03.07.2009, 09:46
Ich bin auch sehr minimalistisch unterwegs:
Photoshop
Coda für PHP und XHTML etc / TextMate für Ruby on Rails
Versions
Terminal
03.07.2009, 09:51
Für die Entwicklung (MAC):
doofeDesigner03.07.2009, 10:05
EmEditor, Photoshop, Fireworks, Firefox
03.07.2009, 10:12
Dreamweaver meist für XHTML+CSS;
Photoshop für Grafiken;
Cyberduck als FTP-Client;
XAMPP als lokaler Webserver;
NetBeans als PHP IDE
03.07.2009, 10:16
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!
03.07.2009, 10:22
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
03.07.2009, 10:24
Da ich ebenfalls nur noch Mac benutze sieht die Liste bei mir wie folgt aus, nach Priorität geordnet:
Relativ viele Programme, aber ich möchte keines davon vermissen. Aber ohne Textmate, Firefox,
03.07.2009, 10:27
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
03.07.2009, 10:33
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
03.07.2009, 10:36
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.
03.07.2009, 10:36
Weil es erst ein mal vor kam und so extrem nützlich ist, wenn auch kein Design-Tool:
git (insb. mit git.tmbundle)
03.07.2009, 10:45
Layout: PS CS3
html: Dreamweaver/Espresso
css: CSSedit + Firebug
php: Eclipse mit PDT
FTP: Transmit
Dateien jonglieren: Fresh
GTD: Things
03.07.2009, 10:47
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/
03.07.2009, 11:09
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
03.07.2009, 11:16
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
03.07.2009, 11:17
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 ^^
03.07.2009, 11:21
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
03.07.2009, 11:41
Ich arbeite unter WinXP und Vista mit:
Im Grunde war es das.
03.07.2009, 12:13
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.
03.07.2009, 12:16
Argh… bei meinem link das http:// vergessen. d’oh
03.07.2009, 12:27
Mac:
Adobe Glive
Photoshop Elements
CSSEdit
CyberDuck
Parallels um auch mal unter Windows zu prüfen
Safari und Firefox
Flash
TextWrangler
Picturesque
LittleSnapper
03.07.2009, 12:30
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
03.07.2009, 12:35
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 Bildkompression03.07.2009, 12:50
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.
03.07.2009, 12:51
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
03.07.2009, 13:22
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
03.07.2009, 13:24
Textmate, Transmit, Photoshop, Flash und Parallels zum Testen.
LG
Oliver
03.07.2009, 13:25
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
03.07.2009, 13:44
Nur Mac OS X:
Markup/Programmierung
Design
Testing
Verwaltung/Konzeption/Inspiration
Datenbanken
Versionskontrolle
Deployment/Datenübertragung
Websoftware/Syteme
03.07.2009, 13:46
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
03.07.2009, 15:26
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.
03.07.2009, 15:26
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.
03.07.2009, 19:04
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.
03.07.2009, 20:17
WinXP:
- Webdeveloper
- CSS Viewer
- Firebug
- Firefox Accessibility Extension
*colorschemedesigner
04.07.2009, 06:59
Helferlein:
Beruflich kommen noch die beiden “großen” dazu: Dreamweaver und Photoshop
04.07.2009, 09:09
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 …
04.07.2009, 09:15
ä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 …
04.07.2009, 09:47
PSPad : )
04.07.2009, 10:05
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)
04.07.2009, 15:18
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
04.07.2009, 16:28
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
04.07.2009, 17:35
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?
04.07.2009, 18:38
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
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.
04.07.2009, 18:57
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
04.07.2009, 22:11
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, Unund 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).
04.07.2009, 23:16
05.07.2009, 00:10
Dann will ich mal MySQLDumper erwähnen, ohne das ich nicht mehr auskomme, wenn es darum geht, Datenbanken von A nach B zu verschieben.
05.07.2009, 08:55
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.
05.07.2009, 10:21
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
05.07.2009, 11:49
Sehr minimal bei mir:
<ul>
<li>Photoshop fürs Screendesign</li>
<li>Topstyle fürs CSS</li>
<li>Dreamweaver fürs XHTML Coding</li>
</ul>
Das wars auch schon.
05.07.2009, 16:48
Photoshop, Illustrator, Flash
Espresso, CSSEdit
Extendmac Flow
YSlow
Firebug
ColorZilla
06.07.2009, 00:15
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.
06.07.2009, 06:41
- Bleistift & Papier: Scribbeln und Entwurf erstellen :) – Kuler: Farbinspiration – Photoshop CS3 Extended & Illustrator CS3: Layout, Umsetzung – Eclipse: (X)HTML, CSS, TypoScript, … – FileZilla: FTP
06.07.2009, 07:37
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
06.07.2009, 08:53
Also ich nutze:
Espresso, CSSEdit, VectorDesigner, Pixelmator, ForkLift.
06.07.2009, 09:27
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
06.07.2009, 10:09
Coda – Editor
CSSEdit – Editor (manchmal)
Aptana Studio – Editor PHP etc.
xScope – Vermessung etc. ;-)
Firefox Plugins – Firebug, CodeBurner, WebDeveloper, ReloadEvery
Photoshop – Grafik
06.07.2009, 11:27
Fireworks – Screendesign
Photoshop – Bildbearbeitung
Smultron bzw. TextMate – HTML/CSS/PHP
Transmit bzw. Cyberduck – FTP
Firefox + Plugins – Fixen und Testen
http://www.scrnshots.com – Inspiration
06.07.2009, 11:51
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
06.07.2009, 14:59
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
06.07.2009, 16:57
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.
06.07.2009, 20:47
hi.
meine konfiguration (windows):
06.07.2009, 22:25
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
06.07.2009, 22:43
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
07.07.2009, 02:53
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.
07.07.2009, 11:30
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)
07.07.2009, 12:57
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
07.07.2009, 16:45
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. ;-)
07.07.2009, 19:40
Netbeans, SVN, Sequel Pro und Transmit
07.07.2009, 20:12
filezilla
notepad++
photoshop (als testversion im moment)
firefox, IE etc zum testen
08.07.2009, 14:07
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.
08.07.2009, 17:02
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.
08.07.2009, 19:58
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
09.07.2009, 11:14
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!
09.07.2009, 14:51
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
09.07.2009, 15:38
Nanu, wird denn das gute alte Quark nicht mehr verwendet? Wurde wahrscheinlich schon von Freehand und Indesign abgelöst…
10.07.2009, 19:25
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
11.07.2009, 01:08
Photoshop, ACDSee, Axure.RP, Dreamweaver, E (Editor), Firefox, TotalCommander
12.07.2009, 20:24
Mac: TextMate, CSS-Edit, ForkLift/Cyberduck, Gimp
tolle Aktion – danke!
13.07.2009, 07:31
Ä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
13.07.2009, 16:49
zur Webentwicklung brauche ich:
1. iTunes
2. Espresso (in allen Welten unverzichtwar)
3. Safari
4. Pixelmator <3
5. MAMP
xoxo