blog.atwork.at

news and infos about microsoft, technology, cloud and more

modern.IE

In seiner mehr als 30-jährigen Geschichte hat sich im Internet einiges an verschiedensten Technologien und Weiterentwicklungen angesammelt … gerade wenn es Webseiten betrifft, erwarten wir uns heute schöne, schnelle und funktionelle Webseiten, die auf allen verfügbaren Geräten gut funktionieren und gut bedienbar sind. Manche Client-Technologien wie Flash oder Silverlight haben sich nicht durchgesetzt, bei modernen Webseiten spielt sich alles in HTML5, CSS und Javascript-Technologien ab, das unterstützen auch alle modernen (Smartphone-) Browser.

Webentwickler sind es gewohnt ihre Webseiten in den wichtigsten Browsern zu testen und eine ganze Reihe von Design- und Funktionstests durchführen, um sicherzustellen, dass ihr Produkt von möglichst vielen Benutzern in verschiedensten Browsern auf unterschiedlichen Geräten wie Smartphones - von Android, iPhone bis zum Windows Phone und Blackberry Gerät –, Tablets mit Touch-Bedienung und PCs optimal funktioniert.

Microsoft hat nun eine neue Website veröffentlicht, die Webentwicklern hilft, ihre Webseiten rasch zu testen:

http://www.modern.ie/

modernIE-startscreen

Nach dem Motto We understand. It can be hard to write code that works across so many browsers. Let us help.” bietet modern.IE einen raschen Scan einer beliebigen Website. Die Funktionsweise ist denkbar einfach: URL eingeben und mit Scan” starten.

modernIE-scanurl

modern.IE analysiert die Webseite. Das Ergebnis folgt prompt und informiert in verschiedenen Kategorien über verwendete Komponenten, Browserkompatibilität und Windows 8 Integration. Das sieht zum Beispiel für eine beliebige Webseite so aus:

modernIE-result1

Beim Klick auf die Meldung We found something” informiert modern.IE über die Details. Zum Beispiel verwendet die getestete Webseite noch eine ältere Version von jQuery (1.5.2). modern.IE zeigt dann die nächste kompatible Version (1.6.4) und die aktuellste Version (1.9.0).

modernIE-result2

Why is it important?” liefert Hintergrundinformationen zum Thema. Webentwickler erhalten so gleich Tipps zur Verbesserung ihrer Webseite, hier beispielsweise den Link zur jQuery Website und zum Compat Inspector Tool.

Ein weiteres Thema, das immer wichtiger wird, ist Responsive Web Design – die Webseite passt sich an den Browser und die Größe an und liefert so immer ein gut lesbares und funktionelles Benutzererlebnis. Nachdem immer mehr mit Smaprtphones gesurft wird, sollte die eigene Website diese Geräte optimal bedienen können. Auch diesen Punkt prüft modern.IE und gibt Hilfestellung für die Umsetzung.

modernIE-result3

modern.IE hilft somit Webseiten zu optimieren und auf Modernität und Kompatibilität zu testen.

Übrigens die Checkliste http://webdevchecklist.com/ kann ebenso bei der Planung und Optimierung helfen, modern.IE ist hier bereits integriert:

webdevchecklist

 

Ebenso wichtig sind die allseits bekannten Tools http://validator.w3.org und http://jigsaw.w3.org/css-validator zur Validierung von HTML und CSS.

Wen interessiert, wie es mit der aktuellen Browser-Verwendung aussieht: Die aktuell populärsten Browser sind u.a. in w3schools.com und wikipedia.org zu finden. Unabhängig von der tatsächlichen Browser-Verwendung wissen Webdeveloper allerdings soundso, dass ihre Webseite für alle modernen Browser gut funktionieren muss.

Für alle Webentwickler, die mit Visual Studio arbeiten: Web Essentials 2012 verwenden - Mein Lieblingstool. Smiley

Mein Tipp: modern.IE unbedingt in die eigene Web-Checkliste mit einbeziehen!
Webseiten sind damit super schnell getestet und der Check hilft enorm bei der Umsetzung moderner, ansprechender Webseiten!

Loading