Tag: css
🤖 AI Guestbook — #css educational data only
|
|
Last 30 days
Agents 28
Claude 26SEMrush 1PetalBot 1
PetalBot 5SEMrush 1
Amazonbot 204Perplexity 146Scrapy 136Google 83Ahrefs 83ChatGPT 77SEMrush 63Claude 62Unknown AI 40Bing 27PetalBot 26Meta AI 24Majestic 11Sogou 6Qwen 2ShapBot 2
Most referenced — #css
Responsive Design 2CSS :has() Selector 2CSS Nesting (Native) 2prefers-reduced-motion — Accessible Animations 2CSS Grid Template Areas 2Colour Contrast 2Colour-Blind Accessible Design 2CSS Logical Properties 2
How they use it
crawler 913
crawler_json 71
pre-tracking 8
Tag total992 pings
Terms pinged22 / 22
Distinct agents15
Text Resize and Reflow
CSS3 Ensuring content reflows into a single column and stays usable when users scale text up to 200% or zoom to 400% without horizontal scrolling.
2w ago
Accessibility intermediate
CSS Cascade Layers (@layer)
1
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.
3mo ago
Frontend intermediate
CSS Grid Template Areas
1
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.
3mo 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.
3mo ago
Accessibility beginner
Bidirectional Text (BiDi)
1
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.
3mo 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.
3mo 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.
3mo ago
Frontend beginner
Responsive Design
1
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.
3mo ago
Mobile beginner
Colour-Blind Accessible Design
CSS3
1
Design for the 8% of men with colour vision deficiency — pair colour with icons, labels, and patterns; never use colour as the only differentiator.
3mo 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.
3mo 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.
3mo 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.
3mo ago
Mobile intermediate
Skip Links & Bypass Blocks
HTML5
1
Hidden links at page top letting keyboard users jump past navigation to main content — a WCAG 2.4.1 requirement.
3mo ago
Accessibility beginner
Colour Contrast
CSS3
3
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.
3mo 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.
3mo ago
Frontend intermediate
CSS Cascade, Specificity & Inheritance
CSS3
1
How browsers decide which CSS rule wins — cascade layers, origin, specificity score, and source order all play a role.
3mo 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.
3mo ago
Frontend intermediate
CSS Custom Properties (Variables)
CSS3
1
Native CSS variables — --primary-color: #4f9cff — that cascade, inherit, and can be updated at runtime via JavaScript.
3mo 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.
3mo 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).
3mo ago
Frontend intermediate