Bindet man zahlreiche Youtube-Videos in die eigene Webseite ein, kommt es zu längeren Ladezeiten. Die normale Einbindung von Youtube funktioniert
Kategorie: HMTL und CSS
SweetAlerts – schöne Alternative zu Java-Script alerts
Die Standardmethode mit Java-Script Fehlermeldungen und PopUps auszugeben ist seit Urzeiten das klassische “alert”. Ein alert(“Hello World”); gibt eine einfache
HTML-Elemente responsiv ausblenden
Um Webseiten responsiv zu gestalten, ist es manchmal notwendig Elemente nach der Bildschirmauflösung ein bzw. auszublenden.
CSS-Datei einbinden
Bindet ein externes Stylesheet in eine HTML-Datei ein. Fügen Sie einfach folgenden Code in den Head-Bereich der HTML Datei ein:
Bilder und Videos Responsive
Ein Problem bei responsiven Webseiten sind Elemente wie Bilder und Videos. Diese haben eine feste Größe. Idealerweise werden diese in
Transparenter Iframe
Iframes sind eine tolle Möglichkeit externe Inhalte in HTML-Seiten einzubinden. Vorteil und Nachteil zugleich: beide HTML-Seiten sind voneinander strikt getrennt.
Responsiver IFrame
Iframes eignen sich bestens um Inhalte in andere HTML-Dateien einzubinden. Z.B. lässt sich so ein HTML-Formular erstellen und in eine
Grafik als Senden-Button in Formularen
Statt der üblichen Buttons lassen sich auch Bilder als Buttons in Formularen verwenden. Der normale Code für den Senden-Button sieht
Formular mit Google Fonts verschönern
Legt man im CSS oder im HTML-Code eine Schriftart fest, muss diese auf dem Rechner des Anwenders installiert sein. Deswegen
Bilder mit Base64-Kodierung direkt in HTML einbetten
Neben der normalen Verlinkung von Bildern in HTML als externe Datei, lassen sich Bilder auch komplett in die HTML-Datei einbinden.