CSS

Website optimieren – das sind die größten Baustellen

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
Gulp vs. Grunt: Das zeichnet die beiden Task-Runner aus

Gulp vs. Grunt: Das zeichnet die beiden Task-Runner aus

  • Web-Entwicklung

Ein wesentlicher Aspekt der Webentwicklung ist das Schreiben von neuem Code. Insbesondere als Frontend-Developer hat man diesbezüglich eine Menge zu tun – denn die Internetpräsenz soll sich in erster Linie durch Individualität auszeichnen und das Projekt optimal repräsentieren. Der Entwicklungsprozess hält aber nicht nur kreative Aufgaben bereit, sondern auch immer wiederkehrende Schritte. Diese…

Gulp vs. Grunt: Das zeichnet die beiden Task-Runner aus
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?
Die 7 größten Fehler beim Erstellen einer Website

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
Webdesign-Basics: Eine Bildergalerie für die Homepage erstellen

Webdesign-Basics: Eine Bildergalerie für die Homepage erstellen

  • Webdesign

Das Internet lebt von multimedialen Inhalten. Egal, ob Bilder, GIFs oder Videos – ohne visuelle Reize wären viele Websites nur eine graue Textwüste und Onlineshops reine Aufzählungen von Produktinformationen. Ein Klassiker, um seinen Website-Besuchern Grafiken und Bilder übersichtlich zu präsentieren, ist die Bildergalerie. Über HTML ist eine einfache Galerie mithilfe von Lightbox problemlos…

Webdesign-Basics: Eine Bildergalerie für die Homepage erstellen
CSS Grid: Layout mit intelligenter Funktion

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
CSS-Tutorial: Einführung in Cascading Style SheetsKaspars GrinvaldsShutterstock

CSS-Tutorial: Einführung in Cascading Style Sheets

  • Webdesign

Ohne CSS wären Webseiten nur eine Ansammlung von Textelementen, die durch Überschriften und Absätze grob in Abschnitte unterteilt sind. Erst die Möglichkeit, HTML durch Cascading Style Sheets zu formatieren, macht das World Wide Web zu dem, was es heute ist: ein bunter Mix individuell gestalteter Online-Auftritte, von der ambitionierten Hobby-Homepage bis hin zur preisgekrönten Design-Website.…

CSS-Tutorial: Einführung in Cascading Style Sheets
CSS Flexbox: Mehr Möglichkeiten beim Webdesign

CSS Flexbox: Mehr Möglichkeiten beim Webdesign

  • Webseiten erstellen

Mobiles Internet stellt Webdesigner vor ein Problem: Wie soll man sein Layout vernünftig gestalten, wenn man die Größe des Bildschirms nicht kennt? Die Lösung: Man gibt die Aufgabe einfach ab. Mit CSS Flexbox erstellt man ein flexibles Layout, das sich dynamisch und intelligent an den verfügbaren Platz anpasst. Unser Flexbox-Tutorial zeigt, wie das funktioniert!

CSS Flexbox: Mehr Möglichkeiten beim Webdesign
CSS in HTML einbinden: Eine Anleitung mit Beispielen

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
CSS: Padding vs. Margin – Bestandteile des Box-Modells im Überblick

CSS: Padding vs. Margin – Bestandteile des Box-Modells im Überblick

  • Web-Entwicklung

Die Vielzahl von Befehlen, die eine Programmiersprache wie CSS beinhaltet, kann herausfordernd sein. Kein Grund zur Sorge: In unserem Übersichtsartikel CSS Padding vs. Margin lernen Sie die wichtigsten Unterschiede dieser beiden Formatierungsbefehle kennen. Außerdem stellen wir Ihnen das einprägsame Boxmodell vor, damit Sie die beiden CSS-Befehle problemlos auseinanderhalten können.

CSS: Padding vs. Margin – Bestandteile des Box-Modells im Überblick