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 »
HTML5 Praxiswissen - SVG-Grafiken direkt einbetten
Stefan Münz, Clemens Gull
XML-Formate, die sich in der Praxis bereits verbreitet haben und das Portfolio möglicher Dokumentdaten sinnvoll ergänzen, können direkt in HTML5 eingebunden werden, und zwar ohne die XML-typische Namensraumdeklaration. Neben MathML für mathematische Formeln gehört auch das Vektorgrafikformat SVG zu den XML-Formaten, die Sie direkt in HTML einbinden können. mehr »
