Über das Formular wird eine Suchanfrage gestartet. Die Ergebnisse werden aufgelistet und das passende kann ausgewählt werden. Die Anwendung läuft noch etwas hakelig und wird überarbeitet.

Eine häufig verbreitete Lösung für ein Submenu ist das generelle ausblenden dieses Elements und wenn das Eltern-Element Mauskontakt bekommt, dann wird der #display geändert.

Für die flächenbezogene Gestaltung von Schriftboxen werden die gleichen Eigenschaften verwendet.

Links die sich in #nav befinden werden gemeinhin als Navigation bezeichnet. Bei einer horizontalen Navigation sollte mit #padding die Fläche optisch ausgeglichen werden. Die Gestaltung der Links muss die Pseudo-Klassen berücksichtigen.

OpenStreetMap bietet alternative Layouts für die Karten. https://www.openstreetmap.de

Es gibt eine Reihe von Kartendiensten. OpenStreetMap ist ein freies Projekt mit dem Ziel eine kostenlose Weltkarte zu gründen. Kartenausschnitte können auf der Webseite gewählt und mit dem dort generierten HTML kostenlos über #iframe auf der eigenen Webseite eingebunden werden. https://www.openstreetmap.de

Die Schriften Verdana und Arial sind im Web häufig anzutreffen. Allerdings laufen die neueren Systemschriften schöner. Der Vorteil ist: Die Systemschriften müssen nicht erst geladen werden. Allerdings sieht die Webseite auf jedem Gerät etwas anders aus. Hier benutzen wir diesen Satz an Schriften für den Mengentext.

Bei #type #number können die minimalen und maximalen Zahlen bestimmt werden.

Mit Hilfe von Regular Expressions kann die gewünschte Eingabe konkret definiert werden. Für das Styling kommen dann eine ganze Reihe von Pseudoklassen in Frage.

Mit Hilfe von Javascript können Nutzer-Erfahrungen mit Audio oder Video sehr individuell gesteuert und angepasst werden.

#audio verhält sich weitestgehend wie #video: Wir haben das Eltern-Element mit Attributen und über #source wird die Datei geladen.

In Verbindung mit #transition und Pseudoklassen entstehen animierte Übergänge.

Youtube bietet mittlerweile auch einen Modus für etwas mehr Datensparsamkeit an.

Es gibt viele Vorteile Videos über einen externen Anbieter einzubinden. Vor allen anderen Dingen ist es sehr kostengünstig. Das Video zeigt Vision und Wettbewerbsbeitrag unserer 11GMTA für das Projekt 2020 der Stadt Kassel. Vom 4. bis 9. November 2013 war die große Ausstellung dazu in der Documenta Halle in Kassel. 6 Wochen konzentrierte Arbeit im […]

Mit der Kurzschreibweise #background können mehrere Hintergrundbilder einem Element zugewiesen werden. Die Hintergrundbilder können jeweils mit unterschiedlichen Eigenschaften gestaltet werden.

Bei Bildern mit definierter Breite verhindert die proportionale Höhe eine verzerrte Darstellung. Hier im Beispiel nimmt das Bild die vollständige Breite von dem Eltern-Element ein.

Bei Bildern mit fixer Höhe verhindert die proportionale Breite eine verzerrte Darstellung.