Quellen, css
27 Quellen in /var/www/code/css/sources.yaml.
| ID | Titel | URL / Referenz | Publisher | Typ | Relevanz |
|---|---|---|---|---|---|
| W3C_CSS_CASCADE_6 | CSS Cascading and Inheritance Level 6 | https://www.w3.org/TR/css-cascade-6/ | Cascade, origins, importance, cascade layers und @scope als Grundlage fuer wartbare CSS-Architektur. | ||
| MDN_LAYER | MDN: @layer | https://developer.mozilla.org/en-US/docs/Web/CSS/@layer | Cascade Layers zur Steuerung von Prioritaet ohne Spezifitaetskaempfe. | ||
| MDN_CUSTOM_PROPERTIES | MDN: Using CSS custom properties | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_cascading_variables/Using_CSS_custom_properties | CSS Custom Properties fuer semantische Design Tokens, DRY und Theme-Faehigkeit. | ||
| MDN_CONTAINER_QUERIES | MDN: CSS container queries | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries | Komponenten koennen sich an ihre Container statt nur an Viewport-Breakpoints anpassen. | ||
| MDN_NESTING | MDN: Using CSS nesting | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting | Native CSS Nesting kann Wartbarkeit verbessern, erhoeht aber Spezifitaets- und Tiefenrisiko. | ||
| MDN_WHERE | MDN: :where() | https://developer.mozilla.org/en-US/docs/Web/CSS/:where | Niedrige Spezifitaet fuer Basis-/Reset-/Layout-Selektoren. | ||
| MDN_HAS | MDN: :has() | https://developer.mozilla.org/en-US/docs/Web/CSS/:has | Relationale Selektoren koennen JS reduzieren, muessen aber bewusst und performant eingesetzt werden. | ||
| MDN_SUPPORTS | MDN: @supports | https://developer.mozilla.org/en-US/docs/Web/CSS/@supports | Feature Detection und progressive CSS-Verbesserung ohne Browser-Sniffing. | ||
| MDN_LOGICAL_PROPERTIES | MDN: CSS logical properties and values | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values | Richtungsunabhaengige Layouts fuer Internationalisierung und robuste Schreibmodi. | ||
| MDN_PREFERS_COLOR_SCHEME | MDN: prefers-color-scheme | https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme | Systempraeferenz fuer Light/Dark Mode. | ||
| MDN_COLOR_SCHEME | MDN: color-scheme | https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme | UA-Controls und initiale Farbschema-Verhandlung, inkl. Vermeidung falscher Erstfarben. | ||
| MDN_PREFERS_REDUCED_MOTION | MDN: prefers-reduced-motion | https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion | Nutzerpraeferenz fuer reduzierte Bewegung. | ||
| MDN_FORCED_COLORS | MDN: forced-colors | https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors | High-Contrast/Forced-Colors-Kompatibilitaet. | ||
| MDN_HOVER | MDN: hover media feature | https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover | Hover-Styles nur einsetzen, wenn Hover-Eingabe tatsaechlich verfuegbar ist. | ||
| MDN_POINTER | MDN: pointer media feature | https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer | Touch-/Pointer-Zielgroessen und Eingabemodalitaeten. | ||
| MDN_CSS_CONTAINMENT | MDN: Using CSS containment | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Using_CSS_containment | Containment und content-visibility fuer Performance bei grossen Seiten. | ||
| MDN_CSS_PERFORMANCE | MDN: CSS performance optimization | https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Performance/CSS | CSS-Dateigroessen, ungenutzte Regeln, render-blocking CSS und optimierte Auslieferung. | ||
| WEBDEV_RENDER_BLOCKING_CSS | web.dev: Render-blocking CSS | https://web.dev/critical-rendering-path-render-blocking-css/ | CSS ist render-blocking; kritisches CSS klein halten und Auslieferung bewusst planen. | ||
| WCAG22 | Web Content Accessibility Guidelines 2.2 | https://www.w3.org/TR/WCAG22/ | Kontrast, Fokus, Reflow, Text Spacing, Motion, Pointer, Status und Name/Role/Value. | ||
| WCAG_CONTRAST_MINIMUM | Understanding WCAG 1.4.3 Contrast (Minimum) | https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html | Textkontrast fuer alle Theme- und State-Farbpaare. | ||
| WCAG_NON_TEXT_CONTRAST | Understanding WCAG 1.4.11 Non-text Contrast | https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html | Fokus, Borders, Icons, Controls und Zustandsmarker brauchen ausreichenden Kontrast. | ||
| WCAG_USE_OF_COLOR | Understanding WCAG 1.4.1 Use of Color | https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html | Farbe darf nicht einzige Informationsquelle sein. | ||
| WCAG_FOCUS_APPEARANCE | Understanding WCAG 2.4.13 Focus Appearance | https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html | Fokusindikatoren muessen ausreichend sichtbar und kontrastreich sein. | ||
| COCKBURN_HEXAGONAL | Alistair Cockburn: Hexagonal Architecture | https://alistair.cockburn.us/hexagonal-architecture | UI und Styling sind Adapter an der Aussenseite; Application bleibt unabhaengig von Praesentation. | ||
| FOWLER_PRESENTATION_DOMAIN | Martin Fowler: Presentation Domain Separation | https://martinfowler.com/bliki/PresentationDomainSeparation.html | Praesentations- und Domainlogik getrennt halten. | ||
| LOCAL_GUI_RULES | Lokale GUI-YAML-Libraries | file:/var/www/code/gui | Projektinterne GUI-Regeln fuer Formulare, Tabellen, Suche, Feedback, Theme, Uploads, Auth und Modal-Verbot. | ||
| LOCAL_JS_RULES | Lokale Vanilla-JS-YAML-Library | file:/var/www/code/js | JS setzt State/Verhalten; CSS reagiert auf Klassen, data-state, aria-* und Tokens. |