Beiträge mit dem Schlagwort ‘Browser’
HTML 5 Cheat Sheet
Beim Smashing Magazine gibt es ein Cheat-Sheet für HTML 5 zum Download. Da einige Browser ja bereits die neuen Tags (oder zumindest einen Teil dieser) unterstützen und ein offizieller Releasetermin nirgendwo zufinden ist (ich hab zumindest keinen gefunden). Kann jeder die spezifizierten Tags auf eigene Gefahr hin einsetzen.
Schön auf einen Blick zu sehen, der HTML-Tag, eine kurze Info dazu, die HTML-Version, seit wann der Tag unterstützt wird und eine Übersicht der möglichen Attribute.
Nett; das Cheat-Sheet ist für alle Designer auf jeden Fall einen Blick wert.
Quelle: http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/
IE 8 Rendering auf IE7 erzwingen
Da die Rendering-Engine des IE8 ja neu aufgebaut ist, kann es durchaus vorkommen, dass IE7 optimierte/angepasste Seiten im IE8 nicht korrekt dargestellt werden. Auch wenn der IE7 nicht immer den Standards folgte, hat man sich eben angepasst.
Um jetzt aber nicht für alle Seiten mit angepasstem IE7 Stylesheets jetzt nochmals ein Stylesheet für den IE8 zu basteln, ist es möglich durch ein Meta-Tag im head-Bereich den IE8 zum Rendern einer Seite mit der IE7 Engine zu bewegen.
Fügt einfach das folgende Meta-Tag im head Bereich Eurer Seite ein:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Dadurch wird lt. Microsoft der IE8 die Seite wie der alte Internet Explorer 7 anzeigen. Für zukünftige Seite lassen wir uns dann gerne mal auf den IE8 ein…
Der IE8 ist da – wird alles besser?
Angekündigt und direkt umgesetzt. Erst heute hat Microsoft angekündigt, dass der Internet Explorer 8 veröffentlicht wird und ist direkt bereits verfügbar. Die große Frage, die sich jeder Webentwickler stellt, ob jetzt alles besser wird. Jeder kann sich sicher daran erinnern, wie sich Websites im alten IE6 nicht so verhalten haben, wie es sich der Erschaffer ursprünglich gedacht hat.
Seit der Beta gab es keine großen Erweiterungen im Feature-Set, sondern das Ausbessern der von den Beta-Usern gemeldeten Fehlern. Mit zu den Neuerungen im IE8 zählt ein verbessertes Tabbed-Browsing, die Möglichkeit der thematischen Suche, die bereits hier vorgestellten Web-Slices, sowie den von Googles Chrome bekannten Private-Browsing Mode.
Ein Video von Golem.de zeigt Euch die genannten Features anhand der Beta 2.
Microsoft gibt zusätzlich an, dass der IE8 für viele Websites der derzeit schnellste Browser und der Browser mit der besten Implementierung für CSS 2.1 und XHTML sein. Wenn ich alle Artikel zu Browsern verfolge, beansprucht den Titel “schnellster Browser” momentan nahezu jedes verfügbare Exemplar für sich. Der eine ist auf die JS-Engine X spezialisiert, der andere auf die JS-Engine Y, der nächste für die “meisten Internetseiten”.
Welcher im täglichen Surfvergnügen wirklich derjenige ist, der nicht nur mit Geschwindigkeit, sondern sich auch mit den persönlichen Vorlieben am besten in Einklang bringen lässt (die für mich übrigens wichtiger sind als reine Geschwindigkeit), wird die Zukunft zeigen. Firefox, Chrome und Co. werden aber nicht tatenlos zusehen, sondern weiter an den eigenen Browsern rumbasteln. FF 3.5 steht ja ebenfalls bereits in den Startlöchern. Warten wir mal, was 2009 in dieser Beziehung noch bringt.
Quelle: Download Seite IE8 mit verschiedenen Sprachen
Quelle: Deutsche IE8 Seite
Der IE6 soll sterben!
Das Web macht mobil und zwar gegen den Internet Explorer 6. Der in die Jahre gekommene Browser (sieben Lenze zählt er ab August 2009) unterstützt viele der aktuellen Themen im Web nicht mehr. Darunter so verbreitete Dinge wie transparente PNG’s oder viele kleinere und größere CSS Anweisungen. Besonders letztere zu umgehen, lässt vielen bei der Entwicklung von Webseiten graue Haare wachsen.
Der Marktanteil unter den Browsern beträgt allerdings weiter ca. 20% mit allen Sicherheitslücken, die er (der Browser
) mitbringt. Selbst von Microsoft stehen bereits mit dem IE7 und dem Nachfolger davon, dem IE8 als Betaversion, entsprechende Alternativen bereit.
Jetzt macht die finnische Website http://www.finn.no mobil. Der passende CSS-Code wird direkt mitgeliefert, um Nutzern des IE6 einen Hinweis anzeigen zu lassen, dass diese mit einem veralteten Browser unterwegs sind. Ich habe den Text im Internet nur in englisch und finnisch gefunden. Insofern hier die deutsche Übersetzung mit den CSS-Anweisungen:
<!--[if lte IE 6]>
<style type="text/css">
#ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;}
#ie6msg h4{margin:8px; padding:0;}
#ie6msg p{margin:8px; padding:0;}
#ie6msg p a.getie7{font-weight:bold; color:#006;}
#ie6msg p a.ie6expl{font-weight:normal; color:#006;}
</style>
<div id="ie6msg">
<h4>Wissen Sie, dass Ihr Browser sehr alt ist?</h4>
<p>Um die best mögliche Erfahrung mit unserer Webseite zu machen, empfehlen wir die Installation eines Browser neuerer Version.
Die aktuelle Version Ihres Browser ist der <a class="getie7" href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer 7</a> und <a class="getie7" href="http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx">Internet Explorer 8</a> ist bereits als Beta-Version verfügbar. Beide Versionen sind kostenlos. Wenn Sie den PC von Ihrem Arbeitsplatz aus benutzen, sollten Sie mit Ihrem Administrator sprechen.</p>
<p>Wenn gewünscht, können Sie ebenso andere populäre Browser wie den <a class="ie6expl" href="http://www.opera.com">Opera</a>, <a class="ie6expl" href="http://mozilla.com">FireFox</a> oder <a class="ie6expl" href="http://www.apple.com/safari/download/">Safari</a> testen.</p>
</div>
<![endif]-->
Der Original-Source stammt von http://www.finn.no bzw. http://www.vincenthasselgard.no. Ebenso macht sich die Seite http://iedeathmatch.org für die endgültige Ablösung des Browsers stark.


CSS-Frameworks
Was sind CSS-Frameworks und wo braucht man die “Dinger”? Das sind die Fragen, die oft im Zusammenhang mit den nützlichen Frameworks auftauchen. War im Web 1.0 CSS mehr als Schrift und Tabellenformatierung verwendet worden, hat sich das in den letzten Jahren immer mehr verändert.
Im Web 2.0 werden fast immer die kompletten Websites über CSS Positionierung gestaltet und designed. Wie bereits im Web 1.0, ist immer noch ein deutlicher Unterschied erkennbar, wie die einzelnen Browser mit CSS umgehen (hierzu gibt es Tonen an speziellem Material im WWW, deshalb lass ich das einfach mal so stehen).
CSS-Frameworks beschäftigen sich in Summe damit, eine entsprechend einfache und trotzdem browserübergreifende Gestaltung zu ermöglichen und zwar nicht nur für ausgesprochene CSS Spezialisten, sondern bereits für den ambitionierten Hobby WebDesigner.
Was alle nachfolgenden Frameworks gemeinsam haben, ist die Tatsache, dass sich diese mehr oder weniger an einem Raster-System (Grid) orientieren um Elemente entsprechend auf der Seite zu positionieren. Je nach verwendetem System kann dies mehr oder weniger komfortabel von statten gehen.
Nachfolgend mal eine Übersicht über die vier großen Frameworks, die in vielen Projekten Verwendung finden:
Blueprint
Das Blueprint CSS Framework besteht aus 24 Spalten mit einer Breite von 30 Pixeln + jeweils 10 Pixeln Freiraum zwischen den einzelnen Spalten. Dadurch ergibt sich für das Basis-Framework eine feste Seitenbreite von 950 Pixeln. Im Downloadpaket enthalten sind zusätzlich eine gut aufgebaute Typography – CSS Datei, sowie eine gute Formatierung für Formulare. Die Dateien sind sowohl in einem lesbaren Format vorhanden, als auch zusammengefasst in einer Datei um die Ladezeiten entsprechend zu reduzieren. Wer eigene Blueprint basierende Dateien erstellen will, findet sogar einen entsprechend verwendbaren Kompressor. Durch letzteres ist es möglich ein individuelles Blueprint zu erstellen und auf den ganzen Balast einer “Download-Lösung” zu verzichten.