Sidebar
ein-/ausblenden

Effizienz bei der Webentwicklung

Plugin für WordPress SEO

Anzeige

Immer wieder fragen Leser an: Welche Tools nutzt du für die und die Anwendung? Aus diesem Grund stelle ich mal eine Auswahl der für mich wichtigsten Werkzeuge vor. Diese Liste steht sicher nicht als Dogma und jeder Entwickler nutzt andere Werkzeuge, aber sie gibt vielleicht dem Einen oder Anderen einen Tipp für zukünftige Arbeitstools. Augenmerk steht dabei auf die klassischen Anwendungen und Online-Tools. Bewusst nicht genannt sind Browser und die passenden Erweiterungen, dazu gibt es ausreichend und gute Beiträge im Web.

Im weiteren würde ich mich freuen, wenn in den Kommentaren weitere nützliche Tools hinterlegt werden. Da ich Webentwicklung nur als Hobby betreibe und mich beruflich auf anderen Pfaden bewege, ist der Umfang und die Arbeitsweise eventuell ein wenig anders als bei beruflich bedingten Webentwicklern.

Editor

Hierbei kommt in meinem Umfeld UltraEdit für Windows zum Einsatz. UltraEdit ist keine freie Anwendung, ist mir aber ans Herz gewachsen und lässt sich sehr gut an alle möglichen Anforderungen anpassen und erweitern.
Als Alternative will ich aber trotzdem die beiden Editoren Notepad++ (Windows) und jEdit (Mac OS X, OS/2, Unix, VMS und Windows) nennen. Denn beide waren lange in meinem Einsatzgebiet und lassen sich ebenso gut an die eigenen Bedürfnisse anpassen.

PHP-Umgebung und Debuggen

Hierbei bin ich noch immer auf einer einfachen XAMPP-Umgebung mit Xdebug. Zusätzlich nutze ich WinCacheGrid. Zu Konfiguration und Nutzen dieser Umgebung habe ich einen Beitrag erstellt und verweise daher einfach darauf: „PHP Debugging und Profiling leicht gemacht“.

Zusätzlich parse ich die PHP-Datei direkt im Editor. Dazu fügt man lediglich die php.exe als Aufruf hinzu und richtet sich nach dem jeweiligen Editor und dessen Anleitung. In meinem UltrEdit sieht das beispielsweise wie folgt aus.

D:\xampp\php\php.exe -l %f

Validieren

Das Validieren erledige ich unter anderem direkt im Editor. Ich habe mir HTML-Tidy und CSS-Tidy in meinen Editor eingebunden. Das kann man bei jedem besseren Editor tun und die notwendigen Anwendungen HTML-Tidy und CSS-Tidy findet man im Netz.

Hier mal die Einbindung von CSS-Tidy in UltraEdit, was aber auch in anderen Editoren machbar ist.
D:\pfad_zu_csstidy\csstidy\csstidy.exe %f

Für die Prüfung von XML habe ich ebenso per Kommando in meinen Editor integriert. Als Basis dient XMLlint.

Alternativ kann man das auch mit Hilfe diverser Online-Tools erledigen oder einem Browser-Add on.

Online-Hilfen

  1. Yahoo! Design Pattern Library Lösungen suchen oder Checkliste abarbeiten
  2. CSSfly CSS Edit in Echtzeit, direkt im Browser, egal Welcher
  3. WordPress Functions Implementation History WordPress Funktion in/ab/bis welcher Version
  4. Designtool Browserübergreifend per JS wird eine Hilfe geschaltet, schöne grid-Möglichkeiten
  5. Jash: JavaScript Shell erlaubt das Debuggen per Bookmark
  6. Color Palette Generator Generiert eine Farbpalette aus einem Bild
  7. test everything 100+ Tools in Einem zum Testen der Webseite
  8. Pingdom Tools - Full page test Seitentest und Ladezeit (alternativ gibt es Firebug und YSlow für Firefox

Für viele weitere Anwendungen ist es nicht so, dass ich große Linklisten führe oder irgendwo online die Bookmarks ablege. Benötige ich etwas, dann nutze ich einschlägige Suchmaschinen, dabei verwende ich eigentlich nur für die Code-Suche Alternativen, ansonsten kommt Google zum Einsatz.

Übersichten und Nachschlagewerke sind ebenso in meinen Arbeitsalltag integriert, wobei ich vorrangig mit Cheat Sheets arbeite und weiteres online nachlese. Für einige Themen habe ich auch Bücher, die ich aber mehr als Lektüre nutze und dann eher weniger als Nachschlagewerk.

Artikel #660, 21. Mai 2008 · Entwicklung, Tools, Webküche · 10 Kommentare · Kommentar schreiben
Tags: , ,
· Tweet this!
Kommentar-Feed zum Artikel · TrackBack URL · Shortlink

«
»

9 Kommentare und 1 Trackback zu „Effizienz bei der Webentwicklung“

  1. 1
    Kommentar von Jan
    21. Mai 2008 um 22:01

    Interessant. Ich nutze als Editor unter Windows den e-Text-Editor (e-texteditor.com/). Der ist zwar auch kostenpflichtig, aber schön übersichtlich und gut erweiterbar.

  2. 2
    Kommentar von Patric
    22. Mai 2008 um 11:26

    Hallo Frank, es ist immer wieder schön deine Beiträge zu lesen!
    Ich nutze den Dreamweaver schon seit langer Zeit. Leider ist dieser auch kostenpflichtig und auch wenn er für einige etwas Überfüllt rüberkommt, komme ich damit besser klar als mit den anderen Editoren.
    HTML Tidy und CSS Tidy würde ich dort auch gerne nutzt, habe aber bisher keine Lösung gefunden wie ich das realisieren kann. Eventuell kann mir da ja der ein oder andere helfen?

  3. 3
    Kommentar von Ralf
    22. Mai 2008 um 11:50

    Die Serverumgebung (PHP, MySQl, usw) hab eich komplett selber eingerichtet. Ich halte nicht so viel von XAMPP&Co, zu unflexibel. Nach ein paar Versuchen war es dann auch gar nicht so schwer die richtigen Komponenten auszuwählen und zu konfigurieren. Klar kostet es mehr Zeit sich alles runterzuladen und zu installieren, jedoch macht man das ja i.d.R. nur einmal. Zur Belohnung bekommt man dann aber auch ein sehr flexibles System da man schnell mal von PHP 4 auf PHP5 umstellen kann. Oder mit einen Mausklick mal eben die MySQL-Version wechseln.

    Als Editoren kommen bei mir PSPad (www.pspad.com/de) und Eclipse zum Einsatz. PSPad ist schön schnell, genau das richtige um mal eben etwas zu machen. Die Liste der Erweiterungen ist sehr lang, womit man PSPad auch an exotische Bedürfnisse anpassen kann.
    PSPad ist bei der Entwickelung recht nützlich, beim Debuggen aber eher schwach auf der Brust. Deswegen setze ich ab und zu auch tsWebeditor (www.tswebeditor.tk). tsWebeditor bringt neben Tidy auch einen CSS-Generator mit. PHP lässt sich direkt aus dem Programm heraus prüfen, Scripte können ebenfalls gestartet und so getestet werden.
    Nebenbei habe ich noch Eclipse installiert, verwende es allerdings eher selten da ich noch keine Zeit hatte mich damit näher zu beschäftigen.

  4. 4
    Kommentar von Frank Bültge
    22. Mai 2008 um 12:21

    @Ralf: XAMPP bringt das Umschalten von PHP4-5 und MySQL mit und stellt es per batch bereit. Aber sicher lernt man mehr, wenn man dies selbst tut.

    PSPad ist sicher ein Tipp, hatte ich mir auch schon angesehen, da ich aber UltrEdit schon aus Uhrzeiten nutze, konnte ich mich nicht auf ein Umstellen durchringen. Ähnlich geht es mir bei Eclipse. Tolle Möglichkeiten aber komplex und bedarf einer gewissen Einarbeitungszeit.
    Danke für die Tipps.

  5. 5
    Pingback von Nützliche Fundsachen - Icons, WP Lite, QuickCache, Wordpress 2.6, Webentwicklung und DAUs - Web:Manual
    24. Mai 2008 um 13:29
  6. 6
    Kommentar von Manuel
    26. Mai 2008 um 10:23

    Hallo Frank, danke dir für die tollen Tipps. Ich benutze auch den UltraEdit finde den einfach klasse. Jetzt hätte ich aber doch eine Frage, und zwar wo kann ich den die Dinge angeben damit PHP geparst wird bzw. der CSS Tidy gestartet werden kann?

  7. 7
    Kommentar von Frank Bültge
    26. Mai 2008 um 10:44

    @Manuel: Menuleiste --> Extras --> Werkzeugkonfiguration
    Dort die beiden Syntax aus dem obigen text hinterlegen, allerdings den Pfad anpassen!
    zusätzlich habe ich mir die Werkzeuge dann noch in mein Tools-Toolbar geholt um schneller drauf zuzugreifen.

  8. 8
    Kommentar von Manuel
    26. Mai 2008 um 11:05

    Danke dir, klappt wunderprächtig

  9. 9
    Kommentar von Jochen
    27. Mai 2008 um 09:08

    Servus,

    ich nutze Vim als Editor unter Ubuntu und Filezilla zum Hin und Herkarren der Daten, da ich keinen Shell-Zugang zu einem Server habe. Ich bin Laie und so verzichte ich auf XAMPP beim Rumprobieren und mach das auf einer Domain, die keinen interessiert. Dazu kommen noch die Firefox-Addons.

    Das Wichtigste sind bei mir aber ein paar Textdateien die ich pflege in denen Codeschnippsel und Dinge drin stehen, die ich mir gern "merken" würde. PHP-Debuggen nutze ich noch nicht - Xdebug wollte ich mir mal ansehen - bis jetzt nutze ich die Fehlermeldungen vom PHP-Interpreter und Vim klingelt wenn ich eine Klammer oder so vergessen habe.

  10. 10
    Kommentar von Shlengo
    22. Januar 2010 um 11:32

    Servus,
    ich nutze den HTML Phrase Editor von Ulli Meybohm und das auch schon seit 8 Jahren. Kostet nichts. Das Synthax Highlightning kann man je nach Programmiersprache einstellen. Unterstützt nicht zu viel wie ein Dreamweaver, sondern eher nur moderat auf Anfrage.
    Ich kann diesen Editor wirklich weiter empfehlen. Für HTML, CSS und PHP reicht der alle Male und kostet nichts.

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.