Die W3C-Syntax für lineare Verläufe mit CSS3
Alexis Goldstein, Louis Lazaris, Estelle Weyl
Um eine mit allen Browsern kompatible Version des Verlaufs für eine Anzeige zu erzeugen, beginnen wir mit der neuen Standard-Syntax. Diese ist am leichtesten nachzuvollziehen und wird vermutlich jene sein, die Sie während der nächsten Jahre einsetzen werden. mehr »
Eine semantisch korrekte Web-Visitenkarte mit CSS erstellen
Clemens Gull
Die Semantik (die Lehre der Bedeutung von - nicht nur sprachlichen - Zeichen, Wörtern, Sätzen oder Texten) wird im Web immer wichtiger. Denn die Suchmaschinen oder andere Computer versuchen immer stärker vom maschinenlesbaren Inhalt logische Rückschlüsse auf die Bedeutung des Inhaltes zu ziehen. mehr »
CSS: Bilder im Polaroid-Stil formatieren
Clemens Gull
Sobald wir Photos auf einer Webseite zeigen wollen, müssen wir sie ansprechend darstellen. Dazu haben wir mehrere Möglichkeiten. Wir beginnen zuerst mit einer Art Formatierung wie sie die CSS-Version 3 nutzt, dafür aber ohne Hintergrundgrafiken auskommt. Das Ziel dieses Tutorials ist eine einfache Galerie, in der die Bilder mit einem Rahmen und Titel versehen werden. mehr »
CSS - Media-Queries für mobile Devices - Teil 3
Stefan Münz, Clemens Gull
Mobile Anzeigegeräte können sich auch noch in der Orientierung ändern. Damit ist gemeint, dass der Anwender das Gerät im Hochformat (Portrait-Modus) oder auch im Querformat (Landscape-Modus) halten kann. Idealerweise passt sich auch hier das Layout automatisch an. Klarerweise verhält sich ein Tablet im Portrait-Modus ähnlich wie ein Smartphone. mehr »
CSS - Media-Queries für Tablets und Smartphones - Teil 2
Stefan Münz, Clemens Gull
Im zweiten Teil beschäftigen wir uns mit den Media-Queries Möglichkeiten von Tablets und Smartphones. mehr »
CSS - Media-Queries für mobile Devices - Teil 1
Stefan Münz, Clemens Gull
Die Zeiten im Web haben sich eindeutig geändert. Zwar erfolgen die meisten Zugriffe auf eine Webseite noch immer mit den Desktop-Browsern. Aber die Abrufe über mobile Devices wie Smartphones, Tablets oder Spielekonsolen werden immer mehr. Daher ist es notwendig, sich mit den Möglichkeiten dieser Anzeigegeräte auseinanderzusetzen. mehr »
HTML5 Praxiswissen - Basisfunktionen von SVG
Stefan Münz, Clemens Gull
Einfache SVG-Grafiken, zum Beispiel Balkengrafiken für statistische Verteilungen, lassen sich mit ein paar Grundkenntnissen auch ohne Grafikeditor direkt erzeugen. Deshalb sollen die wichtigsten Gestaltungsfunktionen von SVG hier kurz vorgestellt werden. mehr »
HTML5 Praxiswissen - Generierte Vektorgrafik mit dem canvas-Element
Stefan Münz, Clemens Gull
Das mit HTML5 neu eingeführte canvas-Element ist neben SVG die andere Möglichkeit, um Vektorgrafik in HTML einzubinden. Das canvas-Element ist dabei allerdings nur ein Behälter, eine Aktionsfläche mit definierten Ausmaßen. Was innerhalb davon geschieht, wird durch Scripting, also durch Programmierung erreicht. Bislang gab es jedoch in ECMA/JavaScript keine geeigneten Objekte für Vektorgrafik. mehr »
