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…
JavaScript gehört heute zu den wichtigsten Technologien im Internet. Während HTML die Struktur einer Website festlegt und CSS für das Design zuständig ist, sorgt JavaScript für Interaktivität, Dynamik und moderne Funktionen. Ohne JavaScript wären viele Webseiten statisch und würden deutlich weniger Möglichkeiten bieten. In diesem Blogartikel erfährst du, was JavaScript ist, wie die Sprache funktioniert…
WYSIWYG steht für „What You See Is What You Get“ und bedeutet auf Deutsch so viel wie „Was du siehst, ist das, was du bekommst“. Der Begriff beschreibt Editoren und Programme, bei denen Inhalte während der Bearbeitung bereits so dargestellt werden, wie sie später veröffentlicht oder ausgedruckt werden. Ein bekanntes Beispiel sind Textverarbeitungen wie Microsoft…
Der CSS-Universalselektor gehört zu den grundlegenden Werkzeugen in CSS. Er wird durch ein Sternchen (*) dargestellt und spricht sämtliche HTML-Elemente einer Webseite gleichzeitig an. Dadurch lassen sich bestimmte Eigenschaften zentral festlegen, ohne jeden Selektor einzeln angeben zu müssen. Ein häufiges Einsatzgebiet ist das Zurücksetzen von Standardabständen, die Browser automatisch vergeben. So kann beispielsweise mit diesem…