Webdesign aus Witten » LONG RUN INTERNATIONAL LTD.

Der Internet Explorer 6 wurde im Jahr 2001 mit Windows XP veröffentlicht, für Windows 98 und 2000 als Update zur Verfügung gestellt und hat im November 2003 mit etwa71,2% Marktanteil die Browser-Welt dominiert. Bis heute hält er sich tapfer in vielen Unternehmen und Heimcomputern und ist Relikt einer Zeit, in der das Internet noch als Monopol-Instrument verstanden werden konnte. Dabei sind seine Leistungen überaus umstritten:

• Webstandards kennt der Internet Explorer 6 nicht: Während das W3C, das World Wide Web Committee, bereits Jahre bevor der Browser erschien, seine ersten Standards zur Entwicklung mit HTML und CSS veröffentlicht hat, haben die Entwickler von Microsoft es 2001 vollkommen versäumt, diese in ihre Anwendung zu integrieren.
• Als Folge ist auch noch Heute die Entwicklung von Internetseiten für den IE6 eine Qual: Keine Unterstützung von PNG-Grafiken, keine oder eine völlig fehlerhafte Unterstützung von CSS-Techniken, eine zurückgebliebene Unterstützung von CSS-Selektoren und mangelhaftes Javascript reihen sich aneinander.
• Dazu kommen die vielen Bugs: Seit seiner Veröffentlichung hat der Internet Explorer 6 Microsoft dazu gezwungen, mehrere Dutzend (!) Sicherheitsupdates für diesen zum Download zu stellen. Gerade die verwendeten ActiveX-Komponenten und die Sicherheitseinstellungen sind für viele Systemadministratoren ein Graus. Darüber hinaus gab es aber auch immer wieder andere Fehler, die zur Verbreitung diverser Würmer, Trojaner und sonstiger Viren geführt haben.

(Vergleich z.B. http://davidwalsh.name/6-reasons-why-ie6-must-die sowie Google nach “IE 6 bugs”)

Für einen Webdesigner ist der IE6 eine Katastrophe: Während Mozilla, Opera und der aktuelle Internet Explorer 8 eine Internetseite anhand der Standards sehr ähnlich darstellen, muss jedes, ja wirklich jedes Mal eine zusätzliche Programmierung für den IE6 erfolgen. Während andere Browser bei der Darstellung logischen Schritten folgen, präsentiert der IE6 Internetseiten nach dem Stil einer Person, die rosa Tupfen auf Neongrün liebt. Diese zusätzliche Arbeit raubt nicht nur oft Nerven, sondern macht auch absolut keinen Spaß.

Wieder einmal soll jetzt damit Schluss sein: Wieder einmal gibt es einen Aufruf, dem Internet Explorer 6 den Rest zu geben. Die Benutzer-Statistiken weisen aktuell zwar nur noch 14,4% Marktanteil aus, aber gerade in vielen mittleren und großen Unternehmen sowie Konzernen setzen die IT-Administratoren aus Kompatibilitäts-Gründen immer noch auf die veraltete Software. IE6 No More sagt “Es reicht” und hat über fünfzig Anbieter von Web-Anwendungen und -Portalen dazu bekommen, ihre Seiten nicht mehr für den Internet Explorer 6 anzupassen. Auf ihren Internetseiten stellen diese Anbieter einen Code-Schnippsel ein, der IE6-Benutzer automatisch auf ihren veralteten Browser, die damit verbundenen Unannehmlichkeiten (die diesen hinlänglich bekannt sein sollten) und Sicherheitsrisiken sowie auf bessere Browser hin.

Während ich der Initiative, wie auch vielen anderen, nur einen mäßigen Erfolg zurechne, sieht Microsoft das anders. In der Vergangenheit hat Microsoft auf vergleichbare Aktionen nicht reagiert. Das Presseecho ließ das diesmal kaum zu. Daher kommentiert das Unternehmen lapidar in einem seiner Blogs:

“The choice to upgrade software on a PC belongs to the person responsible for the PC. [...] Dropping support for IE6 is not an option because we committed to supporting the IE included with Windows (Anm.: damit ist hier Windows XP gemeint) for the lifespan of the product.”

Der nächste Schritt kann nur sein, dass sich große Seiten einer solchen Initiative anschließen. Bereits angekündigt haben das Facebook, Youtube und Digg. In Zukunft wollen sie die Unterstützung für den Internet Explorer 6 einschränkungen oder gar einstellen. Facebook weist Benutzer des IE6 schon jetzt auf ihren veralteten Browser hin, was wirklich gut ist. Auch das kann das Unternehmen aber noch verbessern: Es empfiehlt den Internet Explorer 7, den Nachfolger des IE6. Seit einigen Monaten gibt es schon den Internet Explorer 8.

Ein schwacher Trost kann bis dahin nur der Beitrag von hyperkontext.at sein: “Prämie für das Abwracken veralteter Browser”.

Quellen:

(1) http://mashable.com/2009/07/16/ie6-must-die/

(2) http://www.w3schools.com/browsers/browsers_stats.asp

(3) http://www.ie6nomore.com/

(4) http://blogs.msdn.com/ie/archive/2009/08/10/engineering-pov-ie6.aspx

Da ich momentan an einer neuen Internetseite für Long Run International Limited bastele, habe ich mich auch – wie angekündigt – weiter mit jQuery beschäftigt. Als erstes ist dabei, neben ein paar Tab-Registern, ein Ajax-Kontaktformular entstanden. Das sieht dann im Code folgendermaßen aus:

HTML / Javascript:

<script src=”/jquery-1.3.2.min.js” type=”text/javascript”></script>
<script type=”text/javascript”>
/* <![CDATA[ */

$(document).ready(function(){

// Kontakformular Ajax
$("#contact_sheet_form").submit(function(){
contact_sheet_name = $("#contact_sheet_name").val();
contact_sheet_email = $("#contact_sheet_email").val();
contact_sheet_message = $("#contact_sheet_message").val();

$.post($("#contact_sheet_form").attr("action"),
{
name: contact_sheet_name,
email: contact_sheet_email,
message: contact_sheet_message
},
function(data)
{
eval(data);
if(status == 0)
{
alert(message);
}
else
{
}
});
return false;
})
})
/* ]]> */
</script>

Sowie serverseitig:

<?php
define(‘ERROR’, 0);
define(‘SUCCESS’, 1);

function isValidEmail($email){
return eregi(“^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$”, $email);
}

if(isset($_POST['name'], $_POST['message'], $_POST['email']))
{
if(isValidEmail($_POST['email']))
{
$text = ‘Name: ‘ . $_POST['name'] . “\r\n”;
$text .= ‘Email: ‘ . $_POST['email'] . “\r\n”;
$text .= ‘Nachricht: ‘ . $_POST['message'] . “\r\n–”;
if(mail(‘infoatthelongrun.de’, ‘Kontaktanfrage (Neu)’, $text))
{
$message = “Kontaktanfrage wurde erfolgreich versendet.”;
$status = SUCCESS;
}
else
{
$message = “Die Kontaktanfrage konnte aufgrund eines technischen Problems nicht gesendet werden.”;
$status = ERROR;
}
}
else
{
$message = “Bitte geben Sie eine gültige Email-Adresse an.”;
$status = ERROR;
}
}
else
{
$message = “Es wurden nicht alle Daten übertragen.”;
$status = ERROR;
}
?>

status = <?= $status ?>;
message = “<?= $message?>”;

Sicherlich lässt sich das Script noch erheblich kürzen. Da wäre z.B. noch die serialize-Funktion für Formulare. Für den Anfang sollte das Script jedoch ausreichen, um als Kontaktformular zu fungieren.

Soeben habe ich nach langer Zeit wieder einmal die Referenzen auf unserer Internetseite aktualisiert. Neu hinzugekommen sind:

• Essen-im-nu: http://www.essen-im-nu.eu
• Mantago Bay RV Camp and Parkground: http://www.mantagobay.com
• MiCKMediatainment: http://www.mickmedia.de
• Tenor Richard Burg: http://www.richard-burg.de
• Time to get out: http://www.timetogetout.com
• Vorratsgesellschaften: http://www.vorratsgesellschaft-kaufen.info

In den kommenden 10 Wochen werden ebenfalls weitere Internetseiten fertig werden und damit in unseren Referenzen erscheinen.

Aktuell arbeite ich insbesondere an folgenden Themen:

• der Umstellung interner Produkte, Scripte und Systeme auf jQuery: Mit der Entwicklung und der Unterstützung von Prototype mit Plugings bin ich in den vergangenen Monaten absolut nicht mehr zufrieden. Daher habe ich mich dazu entschlossen, in Zukunft jQuery und jQueryUI als Javascript-Framework zu verwenden.
• der Einarbeitung in weitere Content Management Systeme: In der Vergangenheit habe ich bereits mit diversen Systemen gearbeitet, darunter die gängen Plattformen Joomla, Drupal, Typo3, WordPress und immer wieder propriätere Sachen. Kenntnisse in einer Vielzahl an Systemen vorweisen zu können ist sicherlich eine ganz gute Sache, jedoch habe ich bei den letzten drei Projekten sehr gute Erfahrungen mit WordPress gemacht. Es gibt tonnenweise Plugins, das System ist sehr modular, erfüllt die Zwecke von sehr vielen 0815-Internetseiten und ist einfach zu erweitern. Zu diesem Zweck habe ich mir das neue Buch von Frank Bueltge zu WordPress gekauft und werde die Erweiterung meiner Kenntnisse in Angriff nehmen.
• die Zusammenstellung von Informationen zu HTML5, CSS3 und der Browserunterstützung der beiden: Es sieht momentan ganz so aus, als ob CSS3 und HTML5 die Zukunft des Webdesigns wären. Um mich weiterzuentwickeln (und nicht auf der Strecke zu bleiben) werde ich die Zeit im August und September nutzen, um mich in der Thematik weiter einzuarbeiten. Ziel soll am Ende eine Matrix der Browserunterstützung aller neuen Funktionen sein.

Viele andere Sachen stehen ebenfalls auf meiner Agenda. Eine neue Internetseite für Long Run International Limited steht ziemlich weit oben drauf. Der erste Entwurf steht, ist aber bei weitem ausbaufähig. Sobald es hier vorzeigbares gibt, veröffentliche ich die Informationen im Blog.

Stefan Klose

Die Entwickler des neuen Internet Explorers 8, der von der Funktionalität und der Unterstützung eingeführter Standards vollständig zur Konkurrenz aufschließen soll, hat nun offiziell CSS2.1 implementiert. Sollte dieser in näherer Zukunft mit Hilfe von Windows Update auf die Rechner der weltweiten Benutzer verteilt werden, ergeben sich für Webdesigner ganz neue Möglichkeiten. Es könnte nun möglich sein, lediglich eine Referenzengine zur Entwicklung von Layouts zu nutzen. Eine Anpassung an unterschiedliche Browser, die nur noch Differenzen in der Unterstützung von Sprachen, Erweiterungen und Geschwindigkeit aufweisen könnten, wird nicht mehr nötig sein.

Momentan kommen also aus dem Hause Microsoft sowohl vom Windows 7- als auch dem Internet Explorer 8-Entwicklerteam durchaus positive Nachrichten. Da kann auch eine Veröffentlichung des mittlerweile vielfach kritisierten Google Chrome-Browsers keine trübe Stimmung aufkommen lassen. Ich persönlich sehe für diesen momentan weder Bedarf noch Platz. Trotz eklatanter Sicherheits- und Datenschutzprobleme soll der Markanteil – insbesondere durch Abschläge beim Internet Explorer und Mozilla Firefox – bei über 1% auf dem nordamerikanischen Kontinent liegen. Das ist für ein geringfügig beworbenes Produkt ein Erfolg. Gleichzeitig gibt es erste Rückschläge, die von Seiten Googles mit einem ersten Update addressiert werden. Insbesondere ist zu beachten, dass das BSI ausdrücklich vor Google Chrome warnt.

Nachtrag: Google hat auf die Sicherheits- und Datenschutzbedenken reagiert. Brian Rakowski stellt dabei insbesondere die Vorteile von Open Source für Security Audits in den Vordergrund. Den Auszug aus Google Blogoscoped habe ich als Quelle ergänzt.

Quellen:

[1] http://blogs.msdn.com/ie/archive/2008/09/08/internet-explorer-8-beta-2-platform-improvements.aspx

[2] http://www.bsi.bund.de/presse/kurzmeldung/090908chrome.htm

[3] http://blogoscoped.com/archive/2008-09-09-n68.html

Der Schlüssel der Zukunft scheint nun endlich eine solche zu haben. Verayo hat den ersten Rfid-Chip hergestellt, der mit Hilfe von PUF, physically unclonable function, einmalig ist. Es können zwar weiterhin alle Daten ausgelesen werden, aber eine Identifikation mit Hilfe des Chips ist nicht mehr nötig. Praktisch kann man diesen als einmaligen Haus- oder Autoschlüssel verwenden.

Quelle: http://www.verayo.com/news.html#rfidlaunch

Wie Google heute in einem Eintrag in ihrem Weblog bekannt gibt, hat die Suchmaschine eine von Adobe zur Verfügung gestellte Technik zur Erkennung dynamischer Inhalte in Flash-Videos implementiert. Damit ist nun eines der Hauptargumente gegen die Verwendung von Flash scheinbar weggefallen: Die Ineffizienz in der Verwendung hinsichtlich der Suchmaschinenoptimierung ist gesunken.

Quellen:

(1) http://googleblog.blogspot.com/2008/06/google-learns-to-crawl-flash.html

(2) http://www.adobe.com/devnet/flashplayer/articles/swf_searchability.html?devcon=f1

Während ich gerade einige Änderungen an der Konfiguration meines Apache-Webservers unter Windows vorgenommen habe, bin ich auf eine Kuriosität gestoßen, die mir vorher nie aufgefallen ist. Irgendwann wollte der Apache nicht mehr startn, weder als Service noch von der Befehlszeile. Die Konfiguration schien nach Aussage des Konfigurationstesters korrekt. Das Error-Log offenbahrte einige merkwürdige Einträge zu EA-Fehlern.

Nach einem Neustart sah die Situation nicht anders aus: Der Apache wollte nicht anspringen. Mittlerweile hatte sich aber in der Error-Log ein Eintrag eingeschlichen, der auf eine fehlende Log-Datei hinwies. Merkwürdig, da ansich jede Log-Datei durch den Server automatisch erstellt wurde. In diesem Fall kam es jedoch nicht dazu, da das Verzeichnis, in dem diese Log-Datei abgelegt werden sollte, erst garnicht existierte. Scheinbar erstellt der Apache in diesen Fällen das Verzeichnis nicht selber.

Konsequenz: Das Verzeichnis erstellt, den Apache gestartet. Die Logs wurden kreiert, alles läuft.

Heute geht es los – dachte ich zumindest. So wie es aussieht hat mich einer der Händler sitzen lassen. Bisher sind 2 von 3 Paketen eingetroffen. Was noch fehlt sind das Gehäuse, die Grafikkarte, der IDE-Controller und diverse Kabel. Das ist insofern doch recht ärgerlich, als dass ich ohne eine Grafikkarte nichts machen kann. Die Kabel kann man ersetzen. Beim Mainboard sind sowohl IDE- als auch Floppy-Kabel mitgeliefert worden. In einigen schönen Anleitungen der deutschen Modding-Szene wird bebilder erläutert, wie man diese mit Hausmitteln zu Rundkabeln transformiert.

Was bedeutet das nun? Ich sitze momentan auf dem Trockenen. Hinsichtlich des hier dadurch vorherrschenden Chaos und Platzmangels ist es schwer, produktiv zu sein. Trotzdem hoffe ich nun noch inständig auf ein Erscheinen des DHL-Boten und werde mich solange wieder an die Arbeit setzen. Ein frühes Ende des Tages ist aber schon allein durch die Vorberichterstattung zum DFB-Pokal-Endspiel eingeplant. An dieser Stelle habe ich mir nun auch mal die Internetseite des DFB zum Pokalendspiel angesehen:

Optisch ist die Seite recht übersichtlich gelungen. Das dreispaltige Layout wirkt zwar auf den ersten Blick klein, aber die Verteilung der Navigation und der Informationen überzeugt. Sinnvoll ist insbesondere der Block “Service” auf der linken Seite anstelle von mehreren Navigationsblöcken oben / unten oder links und rechts. Nicht schön finde ich, dass auf der rechten Seite nochmal ein Block “DFB-Pokal” auftaucht. Das hätte man sicherlich noch ein bisschen übersichtlicher gestalten können. Die Fotostrecke des letzten Jahres ist ebenfalls schön, wenn auch unkommentiert. Weitere Fotostrecken wären natürlich ein plus, dass hier aber nicht geboten wird. Nicht klar wird mir (ohne draufzuklicken), dass es sich beim linken Icon in der Fußleiste um ein Empfehlungsformular handelt. Der Link zur Druckseite ist erkennbar, aber auch nicht sinnvoll. Üblicherweise sollte dies über eine Umschaltung der hier exzessiv (gut!) eingesetzten Cascading Stylesheets realisiert werden. Ebenfalls aufgefallen ist mir die Verwendung von conditional comments zur Aktivierung verschiedener IE-spezifischer Problemlösungen. Zu bemängeln habe ich ebenfalls das Fehlen von relevanten META-Tags und die Nomenklatur der URL. Die Verwendung einer richtigen Liste zur Ausrichtung der Navigation ist ebenfalls gut. Nicht gut ist das invalide Stylesheet, dass deutlich zu viele Fehler aufweist, der doppelt vorhandene TITLE-Tag, den Typo3 hier zu dem im Template vorhandenen Tag ergänzt hat, sowie das Fehlen von ein paar Alternativtext-Attributen der Grafiken. Insgesamt ist die Seite aber durchaus positiv zu beurteilen.

Wenn obige Fehler behoben werden (insbesondere URL-Rewrite, META-Tags, TITLE-Tag, Navigationselement auf der rechten Seite), würde der Internetauftritt des DFB eine gute mit Tendenz zur sehr guten Note erhalten.

Als Ergänzung zum längeren Eintrag von gestern stelle ich heute weitere Informationen ein. Als Webdesigner sollte man über ein großes Maß an Rechen- und Speicherkapazität verfügen. Dies ist zum einen durch die teilweise doch recht leistungsintensiven Anwendungen wie z.B. eine größere Entwicklungsumgebung bedingt, zum anderen aber auch durch etwas größer dimensionierte (Grafik-)Dateien oder Datenbanken für Online-Anwendungen.

(weiterlesen…)

Nachdem ich nun über 5 Jahre auf Anschaffungen im Bereich Hardware zur Steigerung meiner technischen Produktivität verzichtet habe, hat es heute ein Ende gefunden: Ich habe diverse Einzelteile bestellt und werde sie in den nächsten Tagen zu meinem neuen Arbeitsplatz für Webdesign und Programmentwicklung zusammenfügen. (weiterlesen…)