CSS Secrets

Typische Webdesign-Probleme klug gelöst

Lea Verou

Diese Publikation zitieren

Lea Verou, CSS Secrets (2016), O'Reilly Verlag, Heidelberg, ISBN: 9783960100577

1558
Accesses
4
Quotes

Beschreibung / Abstract

Die international bekannte CSS-Expertin Lea Verou stellt in CSS Secrets 47 neue und inspirierende Techniken und Tipps vor, mit denen Sie als CSS-Entwickler typische Webdesign-Probleme lösen können. Auch wenn Designprinzipien und UX-Verbesserungen beschrieben werden, geht es in diesem Buch in erster Linie darum, Webdesign-Probleme mit Code zu lösen.

Über die konkreten Tipps hinaus profitieren Sie vor allem von Leas ausgeprägtem analytischem Talent. Durch ein Studium der verschiedensten Techniken werden Sie Ihre Fähigkeit, wartbaren,�flexiblen und standardkonformen DRY-Code ("Don't Repeat Yourself") zu schreiben, entscheidend verbessern.

Lea Verou – als Vortragende auf mehr als 60 Webkonferenzen international bekannt – präsentiert in diesem Workshop herausragendes CSS-Know-how. Das Buch ist für CSS-Entwickler mit guten und fortgeschrittenen Kenntnissen geeignet und deckt folgende Themen ab:

Hintergründe & Rahmen
- Formen
- Visuelle Effekte
- Typografie
- User Experience
- Struktur & Layout
- Übergänge & Animationen

Beschreibung

Lea Verou ist Invited Expert der CSS-Arbeitsgruppe des W3C – des Gremiums, das unter anderem die Sprache CSS entwickelt. Zuvor hat Lea Verou als Developer Advocate beim W3C gearbeitet. Lea führt Forschungsprojekte im Bereich Human Interaction am Massachusetts Institute of Technology (MIT) durch. Außerdem bloggt sie, ist auf zahlreichen internationalen Konferenzen als Vortragende präsent und unterstützt andere Entwickler, indem sie zu einigen bekannten Open-Source-Projekten ihren Teil Code beisteuert.

Inhaltsverzeichnis

  • BEGINN
  • Inhaltsverzeichnis
  • Vorwort
  • Einleitung
  • Danksagungen
  • Making of …
  • Über dieses Buch
  • Kapitel 1: Einführung
  • Webstandards: Freund oder Feind?
  • Tipps zum Schreiben von CSS
  • Kapitel 2: Hintergründe & Rahmen
  • Durchscheinende Rahmen
  • Mehrfache Rahmen
  • Flexible Hintergrundpositionierung
  • Innen abgerundete Ecken
  • Gestreifte Hintergründe
  • Komplexe Hintergrundmuster
  • (Pseudo-)zufällige Hintergrundmuster
  • Durchgehende Bildrahmen
  • Kapitel 3: Formen
  • Flexible Ellipsen
  • Parallelogramme
  • Rauten
  • Abgeschnittene Ecken
  • Trapezförmige Tabs
  • Einfache Tortendiagramme
  • Kapitel 4: Visuelle Effekte
  • Einseitige Schatten
  • Unregelmäßige Schattenwürfe
  • Farbtönungen
  • Milchglas- Effekt
  • Eselsohren- Effekt (abgeknickte Ecken)
  • Kapitel 5: Typografie
  • Silbentrennung
  • Zeilenumbrüche einfügen
  • Abwechselnd gestreifte Textzeilen
  • Die Tabulatorweite anpassen
  • Ligaturen
  • Schönere Ampersand- Zeichen
  • Eigene Unterstreichungen
  • Realistische Text-Effekte
  • Kreisförmiger Text
  • Kapitel 6: User Experience
  • Den richtigen Cursor wählen
  • Den anklickbaren Bereich vergrößern
  • Eigenes Design für Checkboxen
  • Ablenkung vermeiden durch Abblenden von Elementen
  • Ablenkung durch Weichzeichnung vermeiden
  • Hinweise auf Scrollbarkeit
  • Interaktive Bildvergleiche
  • Kapitel 7: Struktur & Layout
  • Intrinsische Größenanpassung
  • Spaltenbreiten in Tabellen zähmen
  • Stildefinitionen anhand der Anzahl der Geschwisterelemente
  • Anpassungsfähiger Hintergrund, fester Inhalt
  • Vertikale Zentrierung
  • Fest verankerte Footer
  • Kapitel 8: Übergänge & Animationen
  • Elastische Übergänge
  • Schrittweise Animationen
  • Blinkender Text
  • Animierte Texteingabe
  • Zustände von Elementen sanft animieren
  • Animation entlang eines kreisförmigen Pfads
  • Index

Ähnliche Titel

    Mehr von diesem Autor