Webwork-Tools - Dem Webworker seine Werkzeugkiste



WeBuilder: leistungsfähiger XHTML- und CSS-Editor

Von Perun am 19. Mai 2010 um 09:15

Der WeBuilder * ist der Code-Editor, der mir schon seit fast fünf Jahren treue Dienste bei der Bearbeitung von XHTML-, CSS-, Javascript-, XML- und .htaccess-Dateien leistet. Bevor ich auf diesen Editor gestoßen bin, habe ich mehrere Wochen intensiv gesucht, getestet und recherchiert. Deswegen war ich sehr froh, als ich diesen Editor seinerzeit gefunden habe.

WeBuilder im Einsatz

Die Drei-Fenster-Ansicht vom WeBuilder *

Auf der Website des Autors * gibt es neben dem WeBuilder auch die Geschwisterprodukte PHP Rapid *, HTMLPad * und CSS Rapid * zu kaufen. Die Produkte bauen aufeinander auf, wobei CSS Rapid das vom Funktionsumfang her kleinste Produkt ist. Es folgt der HTMLPad, dann PHP Rapid und schließlich der WeBuilder.

Letzterer bietet das Maximum an Funktionen. Die Preise sind vergleichsweise günstig und bewegen sich je nach Produkt und nach Lizenz zwischen knapp 20 und knapp 50 Euro. Auf der Vergleichstabelle * kann man schnell erfahren, welches Programm was kann und somit welche Anwendung für einen geeignet ist.

Der WeBuilder bietet eine Reihe von sehr nützlichen Funktionen und ein paar davon werde ich im Folgenden näher erklären: weiterlesen…

CSSDesk: Sandkastenspielchen mit CSS und HTML

Von Perun am 30. April 2010 um 13:28

CSSDesk ist ein Online-Tool und genauer gesagt ein "Sandkasten" wo man auf die Schnelle HTML und CSS-Regeln testen kann:

CSSDesk

CSSDesk im Einsatz

Zu dem Dienst gibt es nicht viel zu sagen. Links oben kommt das HTML, darunter die CSS-Angaben und rechts sieht man dann das Ergebnis.

Ganz oben kann man die Syntaxhervorhebung de-/aktivieren, Hintergrund auswählen, einen Permalink zu dem Kunstwerk generieren lassen oder man kann das ganze dann auch auf den eigenen Rechner herunterladen.

Das ganze ist zumindest in Firefox nicht sonderlich schnell und auch die Bearbeitung der einzelnen Codezeilen gestaltet sich sehr zäh, aber um ganz schnell etwas zu testen ist das Tool optimal.

Ach ja, wie erwartet funktioniert das Tool weder in Internet Explorer 6-8.

Tabellen in HTML umwandeln

Von Sahanya am 09. März 2010 um 10:06

Tabellen, die als Excel-, Calc- oder sogar als Tabelle in einem Word-Dokument vorliegen in ein HTML-Dokument einzufügen kann manchmal ganz schön nervenaufreibend sein. Man kann zwar mit allen Programmen die Daten auch als HTML-Dokument abspeichern, muss meistens aber noch ganz schön nacharbeiten.

Eine wirklich einfache und sehr schnelle Lösung ist da der Tableizer von Danny Sanchez. Hier kann man (geradlinige) Tabellen einfach per Copy und Paste einfügen, die Schriftgröße und -art sowie die Kopffarbe festlegen, Button anklicken und fertig. Den nun erstellten Code kann man dann in jedes beliebige HTML-Dokument einfügen. Der passende CSS-Code wird gleich mitgeliefert. weiterlesen…

CodeBurner: eine HTML- und CSS-Referenz

Von Perun am 09. Februar 2010 um 00:27

CodeBurner-Logo Eigentlich wollte ich über CodeBurner als Erweiterung von Firebug schreiben. Den Firebug habe ich bereits in einem anderen Artikel hier im Weblog beschrieben. Für diejenigen, die es nicht kennen: es handelt sich um ein sehr wichtiges Werkzeug für Webworker, welches vor allem bei der Suche nach Fehlern auf Websites (Debugging) hilfreich ist. weiterlesen…

PrimerCSS: IDs und Klassen aus HTML rauspicken

Von Perun am 22. Januar 2010 um 15:05

PimerCSS ist eine kleine webbasierte CSS-Anwendung, die aus HTML die ID- und Klassen-Attribute rauspicken kann und anschließend eine CSS-Datei mit den entsprechenden Selektoren generiert:

PrimerCSS im Einsatz

PrimerCSS generiert eine CSS-Datei

Nicht revolutionäres, aber dennoch sehr hilfreich.

Quelltext-Vorschau in Firefox jetzt noch übersichtlicher

Von Perun am 16. September 2009 um 14:38

Das Firefox-Add-on mit dem Namen View Source Chart trägt einer besseren Übersicht des Quelltextes bei, in dem es zusammenhängende Blöcke in farblich unterschiedliche Kästen rein packt, die zudem durch Rahmen und Einrückungen zusätzlich von einander abgegrenzt werden.

Firefox: Quelltext jetzt noch übersichtlicher

Firefox: Quelltext jetzt noch übersichtlicher

Mit Hilfe dieser Erweiterung kann man jetzt noch schneller Fehler im Quelltext finden wie zum Beispiel die fehlenden oder überschüssigen div-Tags.

HTML-Ipsum übersetzt

Von Sahanya am 12. März 2009 um 14:59

Vor einiger Zeit habe ich hier HTML-Ipsum vorgestellt, eine Seite, die HTML-formatierten Blindtext bereitstellt. Frank Bültge hat diese Idee aufgegriffen und stellt auf der Seite HTML – Lorem ipsum Deutsch eine übersetzte Fassung zur Verfügung. Da sich englische von deutschen Texten nicht nur durch die Sprache, sondern auch durch das Schriftbild (kürzere Wörter, keine Umlaute etc.) unterscheiden macht das durchaus Sinn.

HTML-Blindtext

Von Sahanya am 15. Februar 2009 um 21:30
HTML-Ipsum

HTML-Ipsum

Hier wurden ja schon einige Blindtextgeneratoren vorgestellt (Blindtext-Generatoren, Blindtext per Javascript und Blindtext für Textfelder, Textboxen und Editoren), aber über einen ganz besonderen bin ich erst kürzlich gestolpert: den HTML-Ipsum

Das Besondere: die Seite stellt Blindtext im HTML-Format zur Verfügung (kein richtiger Generator), also z. B. eine Tabelle oder eine Liste.

Das ganze gibt es auch als Offline-Programm für Windows, Linux und Mac.

Einen Link kopieren und formatiert wieder einfügen

Von Sahanya am 03. Februar 2009 um 22:47

Wer kennt das nicht? Man kopiert einen Link und möchte diesen dann als HTML-Link wieder einfügen oder auch in einem Forum als BB Code? Diese Arbeit erleichtert das Firefox-Addon CoLT (Copy Link Text). Hiermit kann man einfach einen Linktext inklusive Linkadresse kopieren, indem man über das Kontextmenü die Option "Link-Text und -Adresse kopieren als" auswählt. Und das abschießende Wort als führt auch schon zum nächsten schönen Punkt dieses Addons: Man kann wählen, ob und wie der Text in der Zwischenablage "ergänzt" werden soll. So wird aus dem folgenden Link Webwork-Tools beim Einfügen je nach Option folgendes:

HTML-Link
<a href="http://www.webwork-tools.de/">Webwork-Tools</a>

Unformatierter Text
Webwork-Tools - http://www.webwork-tools.de/

BB Code
[url=http://www.webwork-tools.de/]Webwork-Tools[/url]

FuseTalk
[L=Webwork-Tools]http://www.webwork-tools.de/[/L]

Wikipedia
[http://www.webwork-tools.de/ Webwork-Tools]

In den Einstellungen des Addons hat man sogar die Möglichkeit auch eigene Formatierungen einzufügen und anschließend zu nutzen.

Codepad: ein schlanker Code- bzw. Texteditor

Von Perun am 03. Februar 2009 um 14:57
Codepad im Einsatz

Codepad im Einsatz

Bei Codepad handelt sich um einen schlanken, vielseitig einsetzbaren Codeeditor. Der Editor ist Freeware und es handelt sich um ein heimisches Produkt welches für Windows (98 bis Vista) verfügbar ist.

Der Editor ist ganze 1mb groß, belegt nach der Installation nicht viel mehr als 1mb auf der Festplatte und geht auch mit dem Arbeitsspeicher recht sparsam um so das der Editor, auch beim Bearbeiten von größeren Dateien, keine Probleme auf älteren oder kleineren Rechnern (z. B. Netbooks) machen sollte.

Was kann Codepad?

  • Syntaxhervorhebung (Syntaxhihglightning) für 30 Skript- und Programmiersprachen
  • Bindet sich in das Kontextmenü ein
  • Beherrscht UTF (utf-8 und utf-16)
  • Man kann auch selber Highlighter für Sprachen erstellen in dem man im Profilordner bestehende Dateien kopiert und umbennent
  • Der Editor bietet auch ein Vorlagen-System
  • und einiges mehr

Auf der Website des Autors wird auch darauf hingewiesen, dass man Codepad auch auf einem USB-Stick installieren und betreiben kann und dass er Codevervollständigung beherrscht. Was man genau machen muss um es auf dem USB-Stick zu betreiben und wie man die Codevervollständigung nutzt, konnte ich bis jetzt noch nicht herausfinden.

Bin wie üblich für Hinweise und Tipps dankbar. :-)

Nachtrag: Danke an die Kommentatoren (Matthias und Mr. Test). Um Codepad auf dem USB-Stick zu betreiben muss man es einfach dort installieren und die Codevervollständigung bekommt man in dem man strg + Leertaste drückt.

Archiv: 1 2 »»