Über Twitter habe ich heute einen sehr interessanten Link zu einem Cheatsheet für den IE6 bekommen. Erst dachte ich da stehen mal wieder nur die üblichen Verdächtigen drin, aber es ist eine wirklich große und schöne Sammlung an Informationen, wie man mit dem IE6 umgehen kann und schon im Vorfeld Fehler und Probleme vermeiden kann.
Klar sind die üblichen Verdächtigen auch dabei, aber hier mal alles in einem Artikel zusammen gefasst.

Sicherlich wird es dem ein oder anderen helfen.

Ultimate IE6 Cheatsheet: How to Fix 25+ Internet Explorer 6 Bugs

Jetzt stellt sich der ein oder andere sicherlich die Frage,
was diese Überschrift mit dem eigentlichen Inhalt dieses Blogs zu tun hat …
die Antwort ist einfach: NICHTS !

Persönlich benutze ich keine InternetExplorer, es sei denn ich muss Webseiten testen, dann führt ja kein Weg daran vorbei.
Für die, die nicht auf den lahmen und Feature armen Browser verzichten wollen,
gibt es nun ein plug-in, mit dem man dem Browser so richtig Feuer untern Hintern machen kann.
Das IE plug-in heisst Google Chrome Frame, und es ermöglicht die Einbindung der Chrome Engine innerhalb des Internet Explorers (IE6, IE7, IE8).
Somit erhält der IE die Geschwindigkeit und Features vom Chrome Browser, sogar die Unterstützung von HTML5.
Alles was man machen muss, ist erstmal das IE plug-in zu installieren. Wenn das geschehen ist, kann jede URL mit dem Prefix “cf:” in der Chrome Engine geöffnet werden. (z.B. cf:http://www.google.de).
alternative gibt es für Web-Entwickler die Möglichkeit per meta-Tag das öffnen per plug-in zu veranlassen.

1

<meta http-eqiuv="X-UA-Compatible" content="chrome=1" />

Google hat ausserdem noch ein JavaScript um zu testen, ob das Chrome Frame plug-in installiert ist bzw. es zu installieren.

1
2
3
4
5
6
7
8
9
10

<script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js">
 </script>
<div id="placeholder"></div>
 
 <script> 
 CFInstall.check({ 
 node: "placeholder", destination: "http://www.trunkfish.de" 
}); 
</script>

Das ganze ist noch in der Testphase, es funktioniert also noch nicht alles, aber interessant ist es schon, vielleicht bleibt vom InternetExplorer nicht mehr übrig als der Rahmen, mal sehen.

Mehr Infos gibt es auf InfoQueue.

Jeder der bis heute Stunden lang seine “keywords” im Meta-Tag gepflegt hat, wird sicherlich etwas enttäuscht sein, den Google ignoriert sie einfach, dass heisst die mühsam zusammen gestellten “keywords” haben nicht die geringste Auswirkung auf das Ranking bei Google, und haben es auch nie gehabt.
Vielleicht ist es ein Trost, das es vielleicht irgendwann mal so sein kann, oder aber das evtl. ja andere Suchmaschinen einen Blick darauf werfen.

Diese Info stammt aus erster Hand, direkt von Google.

Google does not use keywords meta tag in web ranking

“Progressive Enhancement” und “Graceful Degradation” wer hat noch nicht davon gehört,
doch ist jedem klar, was damit gemeint ist ?
Sitepoint hat einen ersten kleinen Artikel verfasst, der einen Überblick verschaffen soll.
Es werden erstmal nur die Ansätze der beiden Techniken beschrieben, wie sie angewendet werden, erfahren wir sicherlich in den nächsten Tagen,
man kann gespannt sein.

Progressive Enhancement and Graceful Degradation

1WebDesigner.com hat eine sehr schöne Liste zusammen gestellt, mit Links zu Tutorials und Ressourcen rund um HTML Form Elemente. Einige Tutorials zeigen sehr interessante Wege mit CSS und JavaScript Form Elemente so zu gestallten.
Und natürlich werden eine menge Wege aufgezeigt, wie man auf Tabellen zum gestallten verzichten kann.
Ein Blick lohnt sich mit Sicherheit.

51 Form Element Resources and Tutorials Using CSS And Javascript

Studio & Lightroom Tether ist ein Programm/Plugin für Lightroom,
es ermöglicht die direkte Anbindung an Lightroom.
Was heisst dass ?
Du kannst mit diesem Plugin Deine Spiegelreflexkamera fernsteuern, und die Fotos direkt in Lightroom betrachten.
Es bietet nicht nur die Möglichkeit den Auslöser zu betätigen, sonder darüber hinaus auch Einstellungen wie die Blende und Verschlusszeit zu verändern.

Ein sehr schönes Plugin, und dazu noch kostenlos.
Es werden viele Kameras von Nikon und Canon unterstützt.
Beim installieren solle man genau lesen was zu tun ist, ansonsten funktioniert es problemlos.
Mit Studio & Lightroom Tether wir Lighroom um ein sehr schönes Feature erweitert, welches in Apature schon vorhanden ist.
Ein Wermutstropfen gibt es jedoch für Windows, den das Programm funktionier momentan nur unter Mac OSX, aber falls es keine neuen Features einzubauen gibt, wird der Entwickler darüber nachdenken es zu portieren.

Mit hilfe einer @media Regel hat man die Möglichkeit, leichte Abweichungen im CSS für Safari und Chrome vorzunehmen.
Durch die @media Regel ignorieren andere Browser die darin enthaltenen Anweisungen:

@media screen and (-webkit-min-device-pixel-ratio:0) {
 /* Safari 3.0 and Chrome rules here */
}

Ich denke dies könnte sehr nützlich sein, wenn man mal nur eine Kleinigkeit anzupassen hat.

Ich höre sehr gerne Culcha Candela, hab bei YouTube das aktuelle Video gefunden.

Um Fehler, Probleme, veraltete Tags, Layout Tabellen leere Elemente oder nicht erreichbare Bilder in einer Webseite zu finden, kann an einen Validator zur Hilfe nehmen und muss sich den Quellcode der Seite ansehen.
Einen Eleganten und schnelleren Weg bittet da qa-style-sheet, hier wird die Webseite mit einem extra Stylesheet versehen, welches die oben genannten Punkte mit Hintergrundfarben und Rändern hervorhebt und somit schnell und einfach zeigt, dass etwas nicht ganz passt.

Man kann das Stylesheet ganz einfach, wie jedes andere mit ins HTML einbauen, oder schell und einfach über ein bookmarklet aufrufen.
Einfach den folgenden Link in die Favoritenliste ziehen:

QA-Style

Es bindet dann per JavaScript das QA-Stylesheet ein und zeigt die Probleme.

Was sieht man nun?

Es hebt die folgenden Probleme hervor, Warnungen in gelb, und Fehler in rot:

Fehler:

• veraltete Elemente wie applet, basfont, center, dir, font, isindex, menu, s, spacer, strike and u
• Layout Tabellen
• BIlder (img Elemente) ohne das alt Attribut
• Anker (a Elemente) mit einem leeren href Attribut
• style Attribute

Warnungen:

• Bilder (img Elemente) mit einem leeren alt Attribut
• Anker (a Elemente) die auf GIF, JPG oder PNG Bilder, sowie PDF Dokumente verlinken
• leere p, li, th, td, div und span Elemente
• style Elemente
• mehr als ein link Element

Da das Stylesheet schon CSS3 Anweisungen benutzt, sollte man einen aktuellen Browser,
wie Firefox 3.5, Safari 4 etc benutzen.

Sicherlich eine sehr nützliche Möglichkeit einer Seite den letzten Feinschliff zu geben, bzw sich einen ersten Überblick über den Aufbau einer Webseite zu verschaffen.

Mehr Infos über das Projekt findet man hier:

QA Style Sheet – Diagnostic styling reloaded