Wie gut ist die Unterstützung für diese Webtechnik?
Wie schaut die Browser-Unterstützung für das video und audio-Element aus? Soll ich im konkreten Projekt die Farbverläufe mit CSS3 machen oder doch lieber auf Grafiken zurückgreifen? Kann ich beim nächsten Auftrag SVG (Scalable Vector Graphics) einsetzen? Solche und ähnliche Fragen stellen sich vermutlich tagtäglich hunderte von Webworkern.
Bei Beantwortung dieser Fragestellungen kann die Website CanIuse.com helfen. Dort werden diverse Techniken und Methoden (CSS, HTML, JS, SVG etc.) aufgelistet und…
… die Informationen nach Browsern bzw. Plattformen aufgelistet. So kann man schon im Vorfeld viel einfacher entscheiden auf welches Pferd man setzt.
Kostenlos: HTML- und Grafikeditor von Microsoft
Microsoft hat die Entwicklung des Programmpakets Microsoft Expression eingestellt und gleichzeitig zwei wichtige Komponenten aus diesem Paket zum kostenlosen Download bereitgestellt:
- Expression Web: ein Editor für HTML-, CSS-, PHP- und ASP-Dateien
- Expression Design: ein Programm um Grafiken zu bearbeiten
Über Expression Design kann ich nicht viel sagen außer, dass man Dateien aus Photoshop, Illustrator und PostScript-Dateien importieren kann.
Expression Web im Einsatz
Expression Web ist auf jeden Fall einen Blick wert und zwar nicht nur für leute, die auf der Suche nach einem neuen oder einem kostenlosen Editor sind.
Dadurch dass man eine ordentliche WYSIWYG-Ansicht hat, die über eine Rechtschreibprüfung verfügt und sonst den Quelltext in Ruhe lässt, eignet sich dieser Editor auch hervorragend, wenn man HTML-Dateien bearbeiten muss, die über viel Inhalt verfügen.
Das wären nicht nur lange Texte sondern auch E-Books. Schließlich basieren sowohl die EPUBs als auch das Kindle-Format auf (X)HTML. Siehe dazu auch meine Anleitung: E-Books für Amazon Kindle erstellen und veröffentlichen.
Auf jeden Fall ist das ein sehr netter Schritt von Microsoft.
Code-Beispiele auf die Schnelle maskieren (escapen)
Kommt häufig vor als man denkt, man muss mal schnell ein Code-Beispiel maskieren (> zu > oder & zu &) was man irgendwo veröffentlichen oder als Kommentar einbinden möchte. Wenn noch dazu kommt, dass man an einem Rechner sitzt, wo man auf eigene Tools nicht zugreifen kann, dann kommt so ein Maskieungs-Tool, wie dieses von Thomas Scholz genau richtig:
Einfach den Code in das Formular eingeben und auf "Absenden" klicken. Mit dem Tool kann man bei Bedarf kann man auch die Anführungszeichen maskieren und die Einrückungen durch Tabs in Leerzeichen umwandeln.
Sollte das Tool nicht erreichbar sein, dann gibt es hier eine Alternative.
MarkdownPad: ein Markdown-Editor für Windows
Viele Autoren schreiben ihre Texte in einfachen Text-Editoren – auch als Code- oder HTML-Editoren bezeichnet – vor, weil sie die Klarheit und Einfachheit der Anwendung bevorzugen. Damit kann man nicht nur im einfachen Textformat schreiben sondern auch die Texte mit HTML auszeichnen.
Das Problem ist allerdings, dass ab einer gewissen Länge und einer Anzahl an HTML-Tags, dass ganze dann dazu tendiert unübersichtlich zu werden. Hier können so vereinfachte Auszeichnungssprachen wie zum Beispiel Markdown helfen.
Bei Markdown handelt es sich um einen "Aufsatz" für (X)HTML, dabei wird lediglich ein kleiner Teile der HTML-Umfanges abgedeckt. Hier zwei Beispiele um es zu verdeutlichen. Aus… weiterlesen…
WeBuilder: leistungsfähiger XHTML- und CSS-Editor
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.
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
CSSDesk ist ein Online-Tool und genauer gesagt ein "Sandkasten" wo man auf die Schnelle HTML und CSS-Regeln testen kann:
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
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
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
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 generiert eine CSS-Datei
Nicht revolutionäres, aber dennoch sehr hilfreich.
Quelltext-Vorschau in Firefox jetzt noch übersichtlicher
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
Mit Hilfe dieser Erweiterung kann man jetzt noch schneller Fehler im Quelltext finden wie zum Beispiel die fehlenden oder überschüssigen div-Tags.