CSS Secrets

CSS Secrets

by Lea Verou
Released October 2016
Publisher(s): dpunkt
ISBN: 9783960090250

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

Lea Verou schreibt für Frontend-Webentwickler, die sich in ihrem Tagesgeschäft intensiv mit CSS-Code auseinandersetzen. Sie ist Mitglied und „Invited Expert“ der CSS-Arbeitsgruppe des W3C. Die Autorin stellt Lösungen zu 47 typischen und doch nicht trivialen Problemen aus allen relevanten Themenkreisen der CSS-Programmierung vor - einschließlich Typografie, User Experience, Animation u.v.a.m. Im Rahmen der Problemstellungen erläutert sie den Einsatz von Sass, JavaScript und SVG.

CSS Secrets bietet so zweierlei: konkrete und elegante Lösungsansätze, die direkt für eigene Aufgaben genutzt und angepasst werden können, sowie Best Practice-Beispiele, durch die Webentwickler ihre Problemlösungskompetenz verbessern.

Table of contents

  1. Cover
  2. Titel
  3. Impressum
  4. Lob für »CSS Secrets«
  5. Inhaltsverzeichnis
  6. Vorwort
  7. Einleitung
  8. Danksagungen
  9. Making of ...
  10. Über dieses Buch
  11. Kapitel 1: Einführung
    1. Webstandards: Freund oder Feind?
    2. Tipps zum Schreiben von CSS
  12. Kapitel 2: Hintergründe & Rahmen
    1. 1 Durchscheinende Rahmen
    2. 2 Mehrfache Rahmen
    3. 3 Flexible Hintergrundpositionierung
    4. 4 Innen abgerundete Ecken
    5. 5 Gestreifte Hintergründe
    6. 6 Komplexe Hintergrundmuster
    7. 7 (Pseudo-)zufällige Hintergrundmuster
    8. 8 Durchgehende Bildrahmen
  13. Kapitel 3: Formen
    1. 9 Flexible Ellipsen
    2. 10 Parallelogramme
    3. 11 Rauten
    4. 12 Abgeschnittene Ecken
    5. 13 Trapezförmige Tabs
    6. 14 Einfache Tortendiagramme
  14. Kapitel 4: Visuelle Effekte
    1. 15 Einseitige Schatten
    2. 16 Unregelmäßige Schattenwürfe
    3. 17 Farbtönungen
    4. 18 Milchglas-Effekt
    5. 19 Eselsohren-Effekt (abgeknickte Ecken)
  15. Kapitel 5: Typografie
    1. 20 Silbentrennung
    2. 21 Zeilenumbrüche einfügen
    3. 22 Abwechselnd gestreifte Textzeilen
    4. 23 Die Tabulatorweite anpassen
    5. 24 Ligaturen
    6. 25 Schönere Ampersand-Zeichen
    7. 26 Eigene Unterstreichungen
    8. 27 Realistische Text-Effekte
    9. 28 Kreisförmiger Text
  16. Kapitel 6: User Experience
    1. 29 Den richtigen Cursor wählen
    2. 30 Den anklickbaren Bereich vergrößern
    3. 31 Eigenes Design für Checkboxen
    4. 32 Ablenkung vermeiden durch Abblenden von Elementen
    5. 33 Ablenkung durch Weichzeichnung vermeiden
    6. 34 Hinweise auf Scrollbarkeit
    7. 35 Interaktive Bildvergleiche
  17. Kapitel 7: Struktur & Layout
    1. 36 Intrinsische Größenanpassung
    2. 37 Spaltenbreiten in Tabellen zähmen
    3. 38 Stildefinitionen anhand der Anzahl der Geschwisterelemente
    4. 39 Anpassungsfähiger Hintergrund, fester Inhalt
    5. 40 Vertikale Zentrierung
    6. 41 Fest verankerte Footer
  18. Kapitel 8: Übergänge & Animationen
    1. 42 Elastische Übergänge
    2. 43 Schrittweise Animationen
    3. 44 Blinkender Text
    4. 45 Animierte Texteingabe
    5. 46 Zustände von Elementen sanft animieren
    6. 47 Animation entlang eines kreisförmigen Pfads
  19. Index

Product information

  • Title: CSS Secrets
  • Author(s): Lea Verou
  • Release date: October 2016
  • Publisher(s): dpunkt
  • ISBN: 9783960090250