CSS

Responsive Webdesign-Prinzipien

Responsive Webdesign-Prinzipien

Heutzutage ist es gängige Praxis, eine Website oder App zu erstellen, die ihre Benutzeroberfläche je nach Browser oder Gerät anpasst. Um dieses Ziel zu erreichen, gibt es zwei Ansätze. Die erste besteht darin, verschiedene Versionen Ihrer Website oder App für verschiedene Geräte zu erstellen. Aber es ist ineffizient und kann zu unvorhersehbaren Fehlern führen.

Das CSS-Box-Modell mit Beispielen erklärt

Das CSS-Box-Modell mit Beispielen erklärt

Wenn Sie planen, ein großartiges Webseiten-Layout zu erstellen, müssen Sie sich mit Rändern, Rahmen, Auffüllung und Inhalt auskennen. Jedes Element im Webdesign, ob Bild oder Text, verwendet eine Box mit diesen Eigenschaften. Sie können ganz einfach komplexe Layouts erstellen, indem Sie mit dem Boxmodell herumspielen. In diesem Artikel sezieren wir das CSS-Box-Modell und zeigen Ihnen anhand praktischer Beispiele, wie Sie diese Eigenschaften verwenden.

So zielen Sie mit CSS-Selektoren auf einen Teil einer Webseite ab

So zielen Sie mit CSS-Selektoren auf einen Teil einer Webseite ab

Mit Cascading Style Sheets (CSS) können Sie das Aussehen Ihrer Webseiten verändern. Von Schriftarten und Farben über Abstände bis hin zum Gesamtlayout stehen Ihnen alle Arten von Designwerkzeugen zur Verfügung. Obwohl CSS insgesamt eine komplizierte Sprache ist, gibt es nur zwei grundlegende Konzepte, die Sie verstehen müssen, um zu beginnen.

Erfahren Sie, wie Sie eine einfache Wörterbuchanwendung mit JavaScript erstellen

Erfahren Sie, wie Sie eine einfache Wörterbuchanwendung mit JavaScript erstellen

JavaScript ist eine der beliebtesten Programmiersprachen unter Webentwicklern. Beim Erlernen von JavaScript beginnt jeder mit den Grundlagen und dem Erstellen einfacher Anwendungen mithilfe der DOM-Manipulation.

So erstellen Sie einen Schlagschatten mit CSS

So erstellen Sie einen Schlagschatten mit CSS

Obwohl sich die Designtrends jedes Jahr ändern, können Sie sich auf die Verwendung von Standard-Schatteneffekten wie Box-Shadow und Drop-Shadow verlassen, um einen positiven Beitrag zur Ästhetik einer Website zu leisten. Sie können Schlagschatten verwenden, um angenehme, schön gerenderte Effekte zu erzielen, ohne kitschig zu wirken.