Kleine Icons peppen die Webseite auf. Musste man früher dafür extra kleine Bilddateien auf den Server laden, geht es heute
Kategorie: HMTL und CSS
rel-Attribute für bessere HTML-Links
Links sind seit HTML 5 nicht mehr nur Links. Mit dem rel-Attribut, was immer noch häufig vergessen wird, gibt man
Youtube Videos – Ladezeiten beim Einbinden verbessern
Bindet man zahlreiche Youtube-Videos in die eigene Webseite ein, kommt es zu längeren Ladezeiten. Die normale Einbindung von Youtube funktioniert
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