IE HACK – Unterschiedliche CSS Dateien anhand der Version

Wer kennt es nicht, wird eine Seite im Firefox erstellt, sieht sie im IE wieder anders aus. Aber dazu kommt dann auch noch die Unterschiede zwischen den Internet Explorer Versionen.

Um die CSS Dateien nicht durch jede Menge CSS Hacks in Chaos zu versenken, hilft die Internet Explorer Browserweiche. Dabei wird aufgrund der IE Version und der vorhandenen Abfragen eine entsprechende CSS Datei geladen.

HTML 5 Formular Validierung

Wer auf der suche nach einer schnellen und einfachen Validierung von Formular Feldern mit Fehlermeldung ist, wird bei HTML 5 fündig. Aber eine solche validierung, ersetzt auf keinen Fall die Prüfung im Backend.

Mit HTML5 wird eine neue Anzahl type Möglichkeiten für Input Felder geliefert. Z.B.:

Damit lässt sich einfach und schnell prüfen ob es sich um eine Email Adresse handelt, falls nicht gibt der Browser in dem Feld eine Meldung aus. Diese Meldung besagt, das die Adresse keine gültige Email Adresse ist.
Neben Email gibt es aber noch Continue reading “HTML 5 Formular Validierung”

Podcast Seite zum Thema Web Standards

Ich habe im Internet eine Seite mit Podcast zum Thema Web Standards gefunden. Unter Technikwürze gibt es jede Menge Podcast, inzwischen schon 171 Stück. In den Podcasts wird über aktuelle Themen gesprochen, z.B. HTML5, IE9, WordPress, Web Tools …. und vieles mehr.

Die Folge 171 nennt sich WordPress Total und stellt die neue WordPress Version 3.0 vor, aber auch vieles zu WordPress allgemein. Mit über 2h bekommt man einen guten Einblick in WordPress und eine gute Übersicht über die Änderungen in der neuen Version.

Email Adresse Verschlüsseln

Wenn die Email Adresse direkt auf eine Webseite geschrieben wird, erhöht sich die Spam Flut. Um das zu verhindern, gibt es Möglichkeiten die Mail Adresse zu verschlüsseln. Hier einige Anbieter die entsprechende Tools anbieten:

http://www.antispam.de/index.php?topic=encoder

http://www.e-mail-adresse-verschluesseln.de/

http://www.onsite.org/html/antispam_email.html

Alternativ kann das AT Zeichen auch als Bild eingefügt werden oder in Klammern gesetzt werden. Durch das ersetzten mit einer Grafikkarte, ist ein mailto Funktion aber nicht mehr möglich. Die beste Alternative ist daher ein Formular. Dadurch ist die Adresse für den Anwender nicht sichtbar und er kann ohne eigenes Email Programm eine Nachricht versenden.

IE Hack – Zeilenumbruch

Ein Link kann im Internet Explorer kann die breite eines divs verlängern, während im Mozilla-Firefox automatisch ein Zeileumbruch statt findet.

Durch folgende Angabe wird im Internet-Explorer automatisch ein Zeilenumbruch am Ende der Zeile erstellt.

Fügt man diese Angabe z.B. #content a{ … } hinzu, wird verhindert das ein Link das Layout im Internet Explorer verändert wird, während es im Firefox gleich bleibt.

Firefox und seine Addons für Webdesigner

Ansich denkt man ja wenn man Firefox höhrt an Webseiten anschauen.

Nun gibt es aber sehr gute Addons welche aus Firefox eine nützlichen und wichtigen Helfer im Bereich Webseiten Entwicklung machen.

Firebug
Im CSS-Bereich ist Firebug unbedingt wichtig. Firebug zeigt auf einer Webseite direkt an welcher div Tag was einschließt. Firebug hat mir bei der entwicklung des Themes für diese Seite sehr geholfen. So verliert man doch im Editor recht schnell die Orientierung wo welcher Div tag sitzt und was er beinhaltet. Aber er besitzt natürlich noch mehr Möglichkeiten. Das Addon kann man unter http://www.getfirebug.com/ herunterladen, dort gibt es auch eine gute Hilfe dazu. Leider Auf Englisch, aber man kann ja durch Eingabe von inurl:http://www.getfirebug.com/ in Google, ganz einfach dann die Übersetzung anklicken und benutzen.

WebDeveloper
Als nächstes möchte ich den WebDeveloper vorstellen. Er zeigt alle Infos zu einr Seite, egal ob sie nur die Cookies oder die Meta Infos haben wollen. Oder wollten sie schon immer mal alle CSS Eigenschaften Ausschalten? Das sind nur ein paar Dingen die man in der Leiste des Tools findet. Installation ist zu empfehlen. Infos und das Addon zum Download gibts unter http://chrispederick.com/work/webdeveloper/.

SEO-Tools
Wollen sie den Rang einer Seite im PageRank sehen? Oder bei Google mehr Infos? Oder einfach nur die Positionen einer Seite bei den größten Suchmaschinen?
Hierzu gibt es für Firefox ne Menge SEO-Tools. Ein paar nette die sie sich sehr empfehlen kann sind:

Ich benutze alle Addons und finde sie als nützliches Tool. Wenn man was mit Webseiten macht sollte man sie installieren, da sie wirklich sehr hilfreich sind und nützlich.