mal gucken, was so los ist
Ich habe eben festgetsellt, dass der von Youtube erzeugte Code für ein embedded Video nicht XHTML-konform ist und die Validierung damit fehlschlägt.
Wer darauf aber wert legt, für den gibt’s eine einfache Lösung: Bei tools4noobs.com 
gibt es ein Onlinetool, mit dem man einen validen XHTML-Code erzeugen kann.
Einfach den Code für das eingebettete Video bei Youtube kopieren, auf der Webseite einfügen und konvertieren.
Voilà! Validierung klappt wieder. 
Ihr seid auf der Suche nach einem guten Universaleditor? Dann möchte ich euch PSPad empfehlen.
Ich habe in der Vergangenheit viele Editoren ausprobiert. Sei es nun Notepad ++ , Notepad 2, Weaversleave (alle Freeware oder OpenSource) oder die Shareware UltraEdit um nur einige zu nennen.
Wirklich überzeugen konnte mich nur UltraEdit und PSPad. Da UltraEdit aber keine Freeware ist, bin ich bei PSPad geblieben.
Screenshot PSPad
Syntax-Highlighting, das gleichzeitige Öffnen und Bearbeiten mehrerer Dateien sowie die Integration in das Kontextmenü sind natürlich alles Dinge, die jeder halbwegs brauchbare Texteditor auch kann.
Was PSPad zum Editor meiner Wahl werden lies, ist der integrierte FTP-Client. Damit kann man seine Stylesheets oder Templates direkt und ohne Umweg über einen externen FTP-Clienten online bearbeiten. Das finde ich wirklich sehr praktisch.
Der Funktionsumfang kann durch Plugins noch erweitert werden.
Der Einsatz auf einem USB-Stick ist ebenfalls problemlos möglich.
Die aktuelle Version ist 4.5.3. Sie steht in mehreren Sprachen zum Download bereit.
Jeder, der schon einmal eine Webseite designed hat, kennt das:
Im Standardbrowser sieht das Design genau so aus, wie man sie sich vorgestellt hat. Bestens! Es lebe der valide CSS / (x)html-Code.
Gilt das somit auch für andere Browser? Sollte man doch meinen. Immerhin macht man sich die Mühe, validen Code zu produzieren und sich an Standards zu halten. Aber das ist natürlich weit gefehlt.
Nicht selten ist im Brwoser XY ist das Layout total zerschossen. Schön, wenn man es selber herausfindet. Blöd nur, wenn die Seite online ist und man seine Besucher mit einem häßlichen Layout begrüßt.
Viele Entwickler halten sich nicht an gegebene Standards oder erweitern ihn nach eigenem Ermessen. Zugegeben, verglichen mit vor 10 Jahren hat sich die Situation aber schon um einiges verbessert.
Ohne jetzt mal näher auf die Gründe einzugehen oder mit dem Finger auf böse Browser zeigen zu wollen, möchte ich euch einige Möglichkeiten zeigen, wie ihr das Layout eurer Seite ohne Installation auch in exotischen Browsern ansehen und testen könnt.
browsershots.org
Eine sehr große Auswahl an Browser, auch installiert unter verschiedenen Betriebssystemen, findet man auf BrowserShots.
Bei Browsershots trägt man seine URL in einer Warteschlange ein und erhält nach einigen Minuten Screenshots von der eigenen Webseite.
Diese Screenshots zeigen die Seite so, wie sie in den gewählten Browsern angezeigt wird.
Je nach Auswahl kann hier einige Zeit vergehen. Nach 30 Minuten muss die Wartezeit per Mausklick verlängert werden, sonst wird man aus der Warteschlange gelöscht. Wer möchte, kann sich einen bezahlten Account anlegen, um schneller an die Bildschirmfotos zu kommen.
Grob geschätzt kann dort aus 100 verschiedenen Browsern unter Linux, Windows und MacOS ausgewählt werden.
Ebenfalls ist die Angabe der Bildschirmauflösung, Farbtiefe, Java- und Flashversion möglich.
Eine Alternative dazu ist der Einsatz von portablen Versionen von Browsern. Eigentlich für die Verwendung auf einem USB-Stick gedacht, sind die Portables bestens geeignet, um sich ein Bild von einer Software zu machen, ohne diese installieren zu müssen.
Eine große Auswahl an portablen Browsern (und auch anderer portabler Software) findet man zum Beispiel bei Caschy.
Eine weitere Seite, auf die ich kürzlich bei heise online aufmerksam wurde, ist Xenocode. Xenocode bietet ebenfalls Browser an, die ohne Installation lauffähig sind und darüber hinaus in einer eingenen Sandbox laufen. Der Nachteil an der Sandbox-Version ist, das damit kein Anpassen der Einstellungen, persönliche Lesezeichen usw. möglich ist.
Für den Test des Layouts ist das aber auch nicht notwendig.
Opera Mini
Mobiler Content wird ja auch immer wichtiger, deshalb hier auch noch ein paar Links, wo man seine Seite auf einem emulierten Handy angezeigt bekommt.
iPhone – wie der Name schon sagt, ein Emulator des iPhone-Browsers
Opera Mini – simuliert den Browser opera Mini
Wie stellt ihr die Brwoserkompatibilität eurer Webseiten sicher? Mal abgesehen von validem Code.
Wir bleiben in Kontakt!
Immer auf dem Laufenden mit Feeds, Twitter, Facebook und Co.