Tag: css
🤖 AI Guestbook — #css educational data only
|
|
Last 30 days
Agents 16
Amazonbot 1
Amazonbot 187Perplexity 145Google 51ChatGPT 43Ahrefs 39Unknown AI 38Claude 22SEMrush 18Meta AI 4
Most referenced — #css
CSS Grid Template Areas 2Bidirectional Text (BiDi) 1CSS :has() Selector 1CSS Nesting (Native) 1Right-to-Left Language Support 1Colour-Blind Accessible Design 1CSS Flexbox & Grid 1CSS Cascade, Specificity & Inheritance 1
How they use it
crawler 519
crawler_json 20
pre-tracking 8
Tag total547 pings
Terms pinged21 / 21
Distinct agents8
CSS Cascade Layers (@layer)
CSS @layer lets you explicitly define the order in which style groups are applied in the cascade — styles in a later layer always win over earlier ones regardless of specificity, eliminating specificity wars in large codebases.
1mo ago
frontend intermediate
CSS Grid Template Areas A CSS Grid feature that lets you name regions of a grid and assign elements to them by name, making complex layouts readable and maintainable without calculating column/row numbers.
2mo ago
frontend beginner
prefers-reduced-motion — Accessible Animations
A CSS media query and JavaScript API that detects when a user has requested reduced motion in their OS settings, allowing you to disable or simplify animations that can trigger vestibular disorders.
2mo ago
accessibility beginner
Bidirectional Text (BiDi)
The handling of text that mixes left-to-right (LTR) and right-to-left (RTL) scripts in the same document — governed by the Unicode Bidirectional Algorithm, with CSS and HTML direction attributes controlling display.
2mo ago
i18n intermediate
CSS :has() Selector
CSS :has() is a parent selector — .card:has(.badge) matches a .card that contains a .badge — enabling styles that depend on children or siblings, which previously required JavaScript.
2mo ago
frontend intermediate
CSS Nesting (Native)
Native CSS nesting lets you write nested selectors directly in CSS without a preprocessor — &:hover inside .card applies to .card:hover — available in all modern browsers since 2023 without any build step.
2mo ago
frontend beginner
Responsive Design
A CSS approach where layouts adapt to different screen sizes using fluid grids, flexible images, and media queries — one codebase that works across mobile, tablet, and desktop.
2mo ago
mobile beginner
Colour-Blind Accessible Design CSS3
Design for the 8% of men with colour vision deficiency — pair colour with icons, labels, and patterns; never use colour as the only differentiator.
2mo ago
accessibility intermediate
CSS Logical Properties CSS4
CSS properties that map to physical directions based on writing mode — margin-inline instead of margin-left/right, padding-block instead of padding-top/bottom — enabling RTL support automatically.
2mo ago
frontend intermediate
CSS Subgrid CSS4
Subgrid (grid-template-columns: subgrid) allows a nested grid element to participate in its parent's grid tracks — aligning children across the parent's columns without duplicating track definitions.
2mo ago
frontend intermediate
Responsive Design Patterns CSS3
Layout patterns for adapting UI across screen sizes — fluid grids, the column drop pattern, layout shifter, mostly fluid, and off-canvas navigation.
2mo ago
mobile intermediate
Skip Links & Bypass Blocks HTML5
Hidden links at page top letting keyboard users jump past navigation to main content — a WCAG 2.4.1 requirement.
2mo ago
accessibility beginner
Colour Contrast CSS3 The ratio between foreground and background colours — WCAG requires 4.5:1 for normal text and 3:1 for large text at AA level, ensuring readability for low-vision users.
2mo ago
accessibility beginner
CSS Animations & Transitions CSS3 CSS transitions animate property changes smoothly; keyframe animations define multi-step sequences — both should use GPU-composited properties (transform, opacity) for smooth 60fps.
2mo ago
frontend intermediate
CSS Cascade, Specificity & Inheritance CSS3 How browsers decide which CSS rule wins — cascade layers, origin, specificity score, and source order all play a role.
2mo ago
frontend intermediate
CSS Container Queries CSS4
A CSS feature that lets elements adapt their styles based on their parent container's size rather than the viewport — enabling truly reusable responsive components.
2mo ago
frontend intermediate
CSS Custom Properties (Variables) CSS3
Native CSS variables — --primary-color: #4f9cff — that cascade, inherit, and can be updated at runtime via JavaScript.
2mo ago
frontend beginner
CSS Flexbox & Grid CSS3
Flexbox handles one-dimensional layouts (row or column); Grid handles two-dimensional layouts — together they replace float and table hacks.
2mo ago
frontend intermediate
CSS Specificity CSS3
The algorithm browsers use to determine which CSS rule wins when multiple rules target the same element — calculated as a three-part score (ID, class, element).
2mo ago
frontend intermediate
Render-Blocking Resources
CSS and synchronous JavaScript in <head> that prevent the browser from rendering any content until they are downloaded and parsed — the primary cause of slow First Contentful Paint.
2mo ago
frontend intermediate