Weblog - Michael Jendryschik » CSS3

heise-Developer-Artikel zur IE 9 Beta: Ein neuer Fisch im Teich

Michael Jendryschik — Fri, 01 Oct 2010 08:33:14 +0000

Am 15. September erschien die Beta-Version des Internet Explorer 9. Sie gewährt erstmals einen Blick auf die neue Benutzeroberfläche des Browsers, die zahlreiche Neuerungen mit sich bringt und dem Motto folgt, das Microsoft-Evangelist David Melanchthon bei der Präsentation in Hamburg auf den Punkt brachte: »Der Browser soll sich nicht so wichtig nehmen. Im Mittelpunkt steht das, was wirklich wichtig ist – die Internetseite.«

Gestern erschien auf heise Developer mein Artikel zur IE 9 Beta. Er wirft einen Blick auf die neue Benutzeroberfläche und zeigt, welche Neuerungen der Browser in Bezug auf Webstandards aufweisen kann, darunter die Unterstützung des HSL-Farbraums, einiger Teile des CSS3-Moduls Backgrounds and Borders, Einbettung von Schriften sowie der HTML5-Elemente audio, video und canvas.

Artikel lesen: Ein neuer Fisch im Teich

Den Artikel können Sie hier kommentieren.

iX-Artikel: Allen recht – Geräteabhängige Stilvorgaben mit CSS Media Queries

Michael Jendryschik — Wed, 18 Aug 2010 12:25:35 +0000

Anfang Juli habe ich auf dem WordCamp eine Session über CSS Media Queries gehalten: CSS Media Queries: Auf Geräte und Browser reagieren steht als Präsentation zur Verfügung.

Damals habe ich angekündigt, dass in einer der kommenden Ausgaben der iX mein Artikel zu diesem Thema erscheinen wird. In der aktuellen Ausgabe 09/2010 auf den Seiten 122–124 ist es nun soweit. Der Artikel trägt den Titel »Allen recht – Geräteabhängige Stilvorgaben mit CSS Media Queries« und ist parallel als iX Online-Artikel erschienen.

Die Zusammenfassung im iX-Tract:

Version 3 der Cascading Stylesheets enthält ein Modul, mit dessen Hilfe Webdesigner die Auslieferung des Inhalts von der Art des anfragenden Geräts abhängig machen können.

Außer zwischen Bildschirm und Handheld zu unterscheiden, kann man das Stylesheet etwa nach Größe des Displays oder dessen Ausrichtung (hoch oder quer) auswählen.

Viele Browser können schon heute Media Queries verarbeiten, der Internet Explorer soll mit Version 9 nachziehen.

Sie können den Artikel hier kommentieren. Ich freue mich auf Ihre Anmerkungen und Diskussionen!

WordCamp-Session über CSS Media Queries: Auf Geräte und Browser reagieren

Michael Jendryschik — Mon, 05 Jul 2010 18:48:59 +0000

Webautoren haben verschiedene Möglichkeiten, den Geltungsbereich von CSS auf bestimmte Medien einzuschränken, sowohl bei der Einbindung eines Stylesheets als auch für bestimmte Regeln innerhalb des Stylesheets.

Mit CSS3 Media Queries ist es möglich, die Einbindung von CSS nicht nur von einem bestimmten Medium abhängig zu machen, sondern auch davon, ob das Medium oder Ausgabegerät bestimmte Merkmale aufweist oder nicht.

Webautoren können so beispielsweise auf die Breite des Browserfensters reagieren und ein Spaltenlayout auflösen, wenn die Breite für die mehrspaltige Darstellung nicht mehr ausreicht. Oder sie können spezielle Stylesheets für die Darstellung auf dem iPhone oder iPad bereit stellen, abhängig davon, wie das Gerät in der Hand gehalten wird. Das Gute daran ist, dass fast alle aktuellen Browser mit CSS Media Queries umgehen können!

Dieser Vortrag, den ich auf dem WordCamp in Berlin gehalten habe, führt ein in die Funktionsweise von CSS Media Queries und zeigt einige Anwendungsbeispiele.