CSS

Was ist CSS?
Was ist CSS? Definition und Anwendung
  • Webdesign

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache und bedeutet übersetzt so viel wie gestufte Gestaltungsbögen. Zusammen mit HTML bietet Ihnen CSS die Möglichkeit, eine Website optisch aufzubereiten. CSS wurde entwickelt, um Darstellungsvorgaben wie Schriftarten sowie Form und Farbe von Elementen weitgehend von anderen Inhalten zu trennen. Erfahren Sie hier, wie Sie CSS verwenden können.

Was ist CSS? Definition und Anwendung
CSS Media Queries
CSS Media Queries
  • Webdesign

Was hat es mit CSS Media Queries auf sich? Wir erklären, wie Media Queries und Responsive Webdesign zusammenhängen und gehen auf verwandte Themen ein. Von Breakpoints und relativen CSS-Einheiten über CSS-Prozessoren bis hin zu den modernen CSS Utility Frameworks erhalten Sie den kompletten Überblick.

CSS Media Queries
CSS in HTML einbinden
CSS in HTML einbinden: Eine Anleitung mit Beispielen
  • Webdesign

HTML und CSS gehören zu den Kernelementen des World Wide Webs und werden oft in Kombination miteinander verwendet. Arbeiten Sie mit einem HTML-Dokument und möchten CSS einbinden, gibt es interne und externe Methoden, mit denen sich die Formatvorgaben für Ihre Textinhalte effektiv umsetzen lassen. Hier finden Sie eine praktische Anleitung mit Beispielen.

CSS in HTML einbinden: Eine Anleitung mit Beispielen
SASS
SASS: CSS auf dem nächsten Level?
  • Web-Entwicklung

Wenn Sie das Design Ihrer Website angehen, arbeiten Sie wahrscheinlich mit CSS. Aber haben Sie schon einmal über SASS nachgedacht? Der praktische Präprozessor erweitert die bekannte Stylesheet-Sprache um viele hilfreiche Funktionen und erleichtert Ihnen so die Arbeit am Design. Variablen, Schleifen, Fallunterscheidungen und praktische Mixins machen Ihnen das Leben als Webdesigner einfacher. Wir...

SASS: CSS auf dem nächsten Level?
Tailwind CSS im Überblick
Tailwind CSS: Das zeichnet das Utility-First-Framework aus
  • Web-Entwicklung

Wer Erfahrung bei der Arbeit mit CSS hat und auf der Suche ist nach einem besonders flexiblen und individuellen Framework, wird bei Tailwind CSS fündig. Die Lösung für Profis erleichtert die Arbeit und bietet zahlreiche Gestaltungsmöglichkeiten. Wir stellen Ihnen das Framework vor und erklären auch, warum sich Neulinge eher nach einer Alternative umsehen sollten.

Tailwind CSS: Das zeichnet das Utility-First-Framework aus
YAML: Das schlanke CSS-Framework für Experten
YAML vorgestellt
  • Web-Entwicklung

Wenn Sie eine neue Webanwendung entwickeln wollen, stehen Sie vor der Wahl, den Code komplett neu zu schreiben oder alternativ auf Frameworks zurückzugreifen. Diese Code-Sammlungen enthalten ein anwendungsbereites Gerüst, das Sie in der Folge an die eigenen Vorstellungen anpassen können. Das CSS-Framework YAML stellt Ihnen beispielsweise eine responsive Rahmenstruktur zur Verfügung, die bereits...

YAML vorgestellt
Was ist ein Static-Site-Generator?
Was ist ein Static-Site-Generator?
  • Webseiten erstellen

Wer heutzutage eine Website erstellen möchte, kann dazu auf verschiedenste Hilfsmittel zurückgreifen. Besonders beliebt sind Baukästen und Content-Management-Systeme, die es ermöglichen, alle wichtigen Funktionen zu implementieren, ohne dass der Nutzer dafür über großartige HTML-Kenntnisse verfügen muss. Häufig sind diese Anwendungen allerdings viel zu umfangreich und ressourcenlastig, weshalb...

Was ist ein Static-Site-Generator?
Website optimieren: Tipps und Tricks für mehr Speed
Website optimieren – das sind die größten Baustellen
  • Web-Entwicklung

Unter den verschiedenen Aspekten bei der Erstellung und Pflege einer Website kommt einer häufig zu kurz: die Funktionalität der Webpräsenz. Trotz Mobile-First-Ideen ist die Ladezeit diverser Webangebote immer noch viel zu hoch, und das obwohl diese ein entscheidendes Kriterium für das Verhalten der Besucher darstellt. Unser Ratgeber zeigt Ihnen, was Sie tun können, um die Performance Ihrer Website...

Website optimieren – das sind die größten Baustellen
CSS Grid
CSS Grid: Layout mit intelligenter Funktion
  • Webseiten erstellen

Wie soll man ein gutaussehendes Layout erstellen, wenn man die Größe des Darstellungsbereichs nicht kennt? Mit CSS Grid ist das kein Problem! Die Technik ermöglicht Webdesignern, ein eigenes Raster zu definieren und in diesem alle Elemente zu platzieren. Dank Automatismen und intelligenten Funktionen passt sich das CSS-Grid-Layout dynamisch an verschiedene Displays an.

CSS Grid: Layout mit intelligenter Funktion
Fehler beim Website erstellen
Die 7 größten Fehler beim Erstellen einer Website
  • Webseiten erstellen

Eine eigene Homepage ist für Unternehmen und Selbstständige im Prinzip unverzichtbar. Schließlich ermöglicht sie es, sich im Web zu präsentieren und mit potenziellen Kunden in Kontakt zu treten. Um diese Chance wahrzunehmen, sollten Sie diese Aufgabe allerdings auch mit der notwendigen Professionalität angehen und typische Fehler wie die im folgenden Artikel beschriebenen unbedingt vermeiden.

Die 7 größten Fehler beim Erstellen einer Website