Ein Video direkt im Blog ansehen, eine PDF-Datei auf der Website lesen oder eine interaktive Karte nutzen: Eingebettete Inhalte ersparen Besuchern häufig den Wechsel auf eine andere Seite. HTML bietet dafür unter anderem die Elemente <embed>, <object> und <iframe>. Auf den ersten Blick erfüllen sie ähnliche Aufgaben. Doch ihre Unterschiede entscheiden darüber, wie flexibel, zugänglich…
Die KI baut deine Website, aber welche Rolle bleibt für uns Entwickler? In diesem YouTube-Video geht es um hybrides Webdesign mit der Künstlichen Intelligenz: das Zusammenspiel von KI und menschlicher Kreativität. Wo kann dir die KI beim Webdesign helfen? Welche Entscheidungen solltest du als Webdesigner selbst treffen?
Eine Website kann mit derselben Farbpalette und demselben Layout völlig unterschiedlich wirken, allein durch die Wahl der Schrift. Typografie gibt einer Marke Persönlichkeit, schafft Orientierung und bestimmt, wie angenehm sich Inhalte lesen lassen. Doch welche Schrift passt zu welchem Projekt? Für ein digitales Magazin gelten andere Anforderungen als für einen Online-Shop, ein Portfolio oder eine…
Hybrides Webdesign ist kein offizieller Begriff aus der Webentwicklung. Sucht man im World Wide Web danach, wird man nur sehr wenige Quellen zu diesem Begriff finden. Unter hybrid versteht man etwas Vermischtes und Gebündeltes, in der Technik spricht man von einem System, bei dem zwei Technologien zum Einsatz kommen. Der abstrakte Begriff hybrides Webdesign beschreibt…
Ein Moodboard im Webdesign ist eine visuelle Sammlung von Bildern, Farben, Schriften, Materialien und anderen Gestaltungselementen. Es hilft dabei, die gewünschte Atmosphäre eines Projekts sichtbar zu machen, bevor die eigentliche Umsetzung beginnt. Der englische Begriff setzt sich aus „Mood“ für Stimmung und „Board“ für Tafel zusammen. Ein Moodboard lässt sich daher auch als Stimmungstafel oder…
Wer mit CSS arbeitet, begegnet früher oder später einem scheinbar rätselhaften Problem: Ein Element ist breiter als angegeben, zwei Abstände verhalten sich unterschiedlich oder eine Box ragt plötzlich über ihren Container hinaus. Häufig liegt die Ursache nicht in einer komplizierten Layout-Regel, sondern im CSS-Boxmodell. Das Boxmodell gehört zu den wichtigsten Grundlagen der Webentwicklung. Es beschreibt,…
Überschriften gehören zu den wichtigsten Elementen einer HTML-Seite. Sie gliedern Inhalte, erleichtern das Lesen und helfen Suchmaschinen sowie assistiven Technologien dabei, die Struktur einer Seite zu verstehen. HTML stellt dafür sechs Überschriftenebenen bereit: <h1> bis <h6>. In diesem Blogartikel erkläre ich die HTML-Überschriften. HTML-Überschriften: Was sind H1 bis H6? Die Elemente <h1> bis <h6> bilden…
Die Auszeichnungssprache HTML bildet das Fundament nahezu jeder Website. Die Abkürzung steht für „HyperText Markup Language“ und bezeichnet eine Auszeichnungssprache, mit der Inhalte wie Überschriften, Texte, Bilder, Verweise und Formulare strukturiert werden. Seit den frühen 1990er-Jahren hat sich HTML erheblich weiterentwickelt. Aus einer einfachen Sprache für wissenschaftliche Dokumente wurde eine vielseitige Grundlage für moderne Websites…
Farben sind im Webdesign weit mehr als dekorative Flächen. Sie lenken den Blick, ordnen Inhalte, vermitteln Stimmungen und geben Nutzern Rückmeldung. Ein roter Hinweis kann vor einem Fehler warnen, ein grüner Status Erfolg signalisieren und ein kräftiger Akzent eine Schaltfläche hervorheben. Noch bevor ein Text vollständig gelesen ist, hat seine Farbgebung häufig bereits eine Botschaft…
Mit WordPress arbeite ich mittlerweile seit rund zehn Jahren und habe eine Menge Themes ausprobiert. Manche habe ich nach nur einem Tag wieder deinstalliert, mit manchen ein paar Jahre erfolgreich gearbeitet und manche nutze ich seit über sechs Jahren und habe vor, diese noch viele Jahre zu nutzen. Es gibt Tausende Themes, von kostenlosen bis…
Eine Webseite besteht aus vielen Teilen. Sie hat in der Regel einen Kopfbereich, ein Menü, einen Hauptinhalt, zusätzliche Hinweise und einen Abschluss. Diese Teile kann man mit einfachen <div>-Elementen bauen. Doch ein <div> sagt nicht, welche Aufgabe ein Bereich hat. Dafür liefert HTML5 die Elemente <header>, <nav>, <section>, <article>, <aside> und <footer>. Diese Elemente geben…
Wenn du anfängst, Webseiten zu bauen, stolperst du früher oder später über den Begriff Vererbung. Klingt erst einmal nach Familienrecht oder Erbschaft, ist aber ein unverzichtbares Thema in CSS. Durch die Vererbung ist es möglich, verschiedene CSS-Eigenschaften wie Farben, Schriftart und Schriftgröße einmalig zu definieren. Das erspart das Definieren eines jeden Elementes. Wie die Vererbung…
Als Webentwickler und -designer hast du mit verschiedenen digitalen Tools zu tun. Eines der unverzichtbaren Tools ist der Webbrowser. Während und nach der Erstellung einer Website musst du regelmäßig testen, ob diese auf allen (wichtigen) Webbrowsern ordnungsgemäß dargestellt wird. Außerdem benötigst du leistungsstarke Entwicklertools (DevTools), um z. B. den Code zu debuggen. DevTools sind sozusagen…
Wenn wir heute eine Website besuchen, online einkaufen, Nachrichten lesen, soziale Netzwerke nutzen oder Informationen über Suchmaschinen finden, greifen wir auf eine Technologie zurück, die unser Leben grundlegend verändert hat: das World Wide Web. Hinter dieser Erfindung steht ein Mann, dessen Einfluss auf die moderne Gesellschaft kaum überschätzt werden kann: Sir Timothy John Berners-Lee. Ohne…
Die Geschwindigkeit einer Website ist längst kein technisches Detail mehr, das nur Entwickler interessiert. Sie gehört heute zu den wichtigsten Erfolgsfaktoren im Internet. Besucher erwarten schnelle Ladezeiten, Suchmaschinen bevorzugen performante Websites und Unternehmen profitieren von höheren Conversion-Raten. Wer seine Website vernachlässigt und lange Ladezeiten in Kauf nimmt, riskiert dagegen sinkende Besucherzahlen, schlechtere Rankings und verlorene…