corpus.blog
41554 blogs · [ { "id": "01a08758-4a39-708a-ab31-85983d68a340", "title": "Baseline 2026 at the Midpoint: The CSS Features That Quietly Became Safe to Use", "url": "https://brainstormsandraves.com/css/baseline-2026-midpoint/", "published_at": "2026-08-06T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85983db56e3f", "title": "CSS contrast-color(): Letting the Browser Solve Accessible Contrast for You", "url": "https://brainstormsandraves.com/css/css-contrast-color/", "published_at": "2026-08-06T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85983dcd4bd9", "title": "The CSS shape() Function: Complex Clip-Paths and Offset-Paths Without SVG", "url": "https://brainstormsandraves.com/css/css-shape-function/", "published_at": "2026-08-06T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85983dd2bf4b", "title": "The View Transitions API in 2026: :active-view-transition and Building Native Page Transitions", "url": "https://brainstormsandraves.com/css/view-transitions-2026/", "published_at": "2026-08-06T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85983dd46054", "title": "@scope Hits Baseline: Scoped Styles Without the Selector Gymnastics", "url": "https://brainstormsandraves.com/css/css-scope-baseline/", "published_at": "2026-07-21T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85983e591864", "title": "CSS Anchor Positioning: Replacing Tooltip Libraries With Native CSS", "url": "https://brainstormsandraves.com/css/css-anchor-positioning/", "published_at": "2026-07-07T00:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85983f39894f", "title": "CSS Cascade Layers: Taking Back Control of Specificity at Scale", "url": "https://brainstormsandraves.com/css/css-cascade-layers/", "published_at": "2026-06-25T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85983f3fb6ba", "title": "The Calligraphy Class That Changed Every Screen in the World", "url": "https://brainstormsandraves.com/typography/jobs-calligraphy-mac-fonts/", "published_at": "2026-06-20T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85983fc4d060", "title": "CSS: A Practitioner's Index", "url": "https://brainstormsandraves.com/css/css-tutorial-index/", "published_at": "2026-06-19T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-8598408298ad", "title": "Flexbox for Responsive Layouts: Mobile Patterns That Actually Work", "url": "https://brainstormsandraves.com/css/flexbox-mobile-layout/", "published_at": "2026-06-18T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-8598414750ae", "title": "Flexbox Sizing: flex-grow, flex-shrink, and flex-basis Explained", "url": "https://brainstormsandraves.com/css/flexbox-flex-grow/", "published_at": "2026-06-17T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-8598419ff377", "title": "WCAG 2.1 for Developers: Success Criteria and What They Require", "url": "https://brainstormsandraves.com/accessibility/wcag-2-1-guide/", "published_at": "2026-06-05T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-8598422a7119", "title": "CSS Grid Template Areas: Naming Regions and Building Readable Layouts", "url": "https://brainstormsandraves.com/css/css-grid-template-areas/", "published_at": "2026-05-08T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-859842e7d171", "title": "The HTML Document Outline: Headings, Sections, and Hierarchy", "url": "https://brainstormsandraves.com/web-standards/html-document-outline/", "published_at": "2026-04-09T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-859842fae644", "title": "HTTP Caching: Cache-Control, ETags, and What Actually Works", "url": "https://brainstormsandraves.com/performance/http-caching/", "published_at": "2026-03-12T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-8598431f5232", "title": "Browser DevTools for Frontend Developers: The Features That Matter", "url": "https://brainstormsandraves.com/tools/browser-devtools-guide/", "published_at": "2026-02-05T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-8598437f45b8", "title": "Accessible HTML Forms: Labels, Errors, and Focus Management", "url": "https://brainstormsandraves.com/web-standards/html-forms-accessibility/", "published_at": "2026-01-08T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984389fa4f", "title": "CSS Typography: Font Properties, Line Height, and Readability", "url": "https://brainstormsandraves.com/css/css-typography-web/", "published_at": "2025-12-04T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-859843a5d8b3", "title": "CSS Animations and Transitions: When Motion Helps", "url": "https://brainstormsandraves.com/css/css-animations-transitions/", "published_at": "2025-11-06T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984482708f", "title": "CSS Custom Properties: Variables, Scope, and the Cascade", "url": "https://brainstormsandraves.com/css/css-custom-properties/", "published_at": "2025-10-02T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-859844d7c4af", "title": "Core Web Vitals: A Developer's Field Guide", "url": "https://brainstormsandraves.com/performance/core-web-vitals-developers/", "published_at": "2025-09-11T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-859844db3492", "title": "WCAG 2.2 for Developers: What Changed and What It Means", "url": "https://brainstormsandraves.com/accessibility/wcag-2-2-guide/", "published_at": "2025-08-07T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-859845d5c4cf", "title": "ARIA Roles in Practice: When to Use Them and When Not To", "url": "https://brainstormsandraves.com/accessibility/aria-roles-best-practices/", "published_at": "2025-07-10T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984668ee53", "title": "Responsive Images: srcset, sizes, and the picture Element", "url": "https://brainstormsandraves.com/web-standards/responsive-images/", "published_at": "2025-06-05T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-859846ba6d1a", "title": "CSS Date and Calendar Display Patterns", "url": "https://brainstormsandraves.com/css/css-date-display-patterns/", "published_at": "2025-05-08T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984790ae5f", "title": "Progressive Enhancement as a Design Discipline", "url": "https://brainstormsandraves.com/web-standards/progressive-enhancement/", "published_at": "2025-04-03T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984819267f", "title": "XHTML vs HTML5: What Changed and Why It Mattered", "url": "https://brainstormsandraves.com/web-standards/xhtml-vs-html5/", "published_at": "2025-03-13T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984856c1f8", "title": "CSS Grid Layout: A Practical Reference", "url": "https://brainstormsandraves.com/css/css-grid-layout/", "published_at": "2025-02-06T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-8598491e3b8d", "title": "and Acronyms in HTML: Semantics for Shortened Terms", "url": "https://brainstormsandraves.com/web-standards/abbr-acronym-html/", "published_at": "2025-01-09T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-859849401caa", "title": "Color Contrast and WCAG: What the Ratio Numbers Mean", "url": "https://brainstormsandraves.com/accessibility/color-contrast-wcag/", "published_at": "2024-12-05T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984a1557f3", "title": "CSS Flexbox: A Practitioner's Layout Reference", "url": "https://brainstormsandraves.com/css/flexbox-layout-guide/", "published_at": "2024-11-07T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984ace73c4", "title": ".htaccess and mod_rewrite: A Practical Reference", "url": "https://brainstormsandraves.com/web-standards/htaccess-mod-rewrite/", "published_at": "2024-10-10T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984b612751", "title": "The CSS Cascade and Specificity: How the Browser Decides", "url": "https://brainstormsandraves.com/css/css-cascade-specificity/", "published_at": "2024-09-12T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984bd354ad", "title": "URL Design for the Long Haul", "url": "https://brainstormsandraves.com/web-standards/url-design-best-practices/", "published_at": "2024-08-15T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984c6d0162", "title": "Testing with Lynx: What Text-Based Browsing Reveals About Your HTML", "url": "https://brainstormsandraves.com/tools/testing-with-lynx/", "published_at": "2024-07-22T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984d300252", "title": "Web Fonts: Loading, Rendering, and the User's Experience", "url": "https://brainstormsandraves.com/typography/web-fonts-loading/", "published_at": "2024-05-10T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984d5180dd", "title": "Semantics, HTML, and Document Structure", "url": "https://brainstormsandraves.com/web-standards/html-semantics-structure/", "published_at": "2024-03-15T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984da4ce37", "title": "ARIA Landmark Roles: Structuring Pages for Assistive Technology Navigation", "url": "https://brainstormsandraves.com/accessibility/aria-landmark-roles/", "published_at": "2023-03-08T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984e49f33f", "title": "Cross-Browser Compatibility Testing: A Practical Workflow", "url": "https://brainstormsandraves.com/tools/cross-browser-testing-workflow/", "published_at": "2022-01-19T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984e6cda8b", "title": "HTML Form Validation: Input Types, Patterns, and the Constraint Validation API", "url": "https://brainstormsandraves.com/web-standards/html-forms-validation/", "published_at": "2021-02-24T14:00:00+00:00" }, { "id": "01a08758-4a39-708a-ab31-85984e73cba0", "title": "CSS Units Explained: px, em, rem, and Viewport Units", "url": "https://brainstormsandraves.com/css/css-units-px-em-rem-viewport/", "published_at": "2020-06-17T14:00:00+00:00" }, { "id": "01a08758-4a3a-73ad-8f6f-f81cf19441d1", "title": "Media Queries: Building Responsive Breakpoints That Hold Up", "url": "https://brainstormsandraves.com/css/media-queries-responsive-breakpoints/", "published_at": "2019-11-11T14:00:00+00:00" }, { "id": "01a08758-4a3a-73ad-8f6f-f81cf28aa072", "title": "CSS Preprocessors: What Sass and Less Solved for Stylesheet Architecture", "url": "https://brainstormsandraves.com/css/css-preprocessors-sass-less/", "published_at": "2019-04-22T14:00:00+00:00" }, { "id": "01a08758-4a3a-73ad-8f6f-f81cf36b3ddb", "title": "HTML5 Media Elements: Video, Audio, and the End of the Plugin Era", "url": "https://brainstormsandraves.com/web-standards/html5-media-elements/", "published_at": "2018-10-15T14:00:00+00:00" }, { "id": "01a08758-4a3a-73ad-8f6f-f81cf41af184", "title": "The CSS Box Model: Margin, Border, Padding, and Content Explained", "url": "https://brainstormsandraves.com/css/css-box-model/", "published_at": "2018-03-06T14:00:00+00:00" } ] posts Claim your blog
Back to brainstormsandraves.com
Blog · corpus.blog/blogs/brainstormsandraves.com/posts

brainstormsandraves.com

brainstormsandraves.com

2026

Baseline 2026 at the Midpoint: The CSS Features That Quietly Became Safe to Useoriginal ↗
6 Aug 2026
CSS contrast-color(): Letting the Browser Solve Accessible Contrast for Youoriginal ↗
6 Aug 2026
The CSS shape() Function: Complex Clip-Paths and Offset-Paths Without SVGoriginal ↗
6 Aug 2026
The View Transitions API in 2026: :active-view-transition and Building Native Page Transitionsoriginal ↗
6 Aug 2026
@scope Hits Baseline: Scoped Styles Without the Selector Gymnasticsoriginal ↗
21 Jul 2026
CSS Anchor Positioning: Replacing Tooltip Libraries With Native CSSoriginal ↗
7 Jul 2026
CSS Cascade Layers: Taking Back Control of Specificity at Scaleoriginal ↗
25 Jun 2026
The Calligraphy Class That Changed Every Screen in the Worldoriginal ↗
20 Jun 2026
CSS: A Practitioner's Indexoriginal ↗
19 Jun 2026
Flexbox for Responsive Layouts: Mobile Patterns That Actually Workoriginal ↗
18 Jun 2026
Flexbox Sizing: flex-grow, flex-shrink, and flex-basis Explainedoriginal ↗
17 Jun 2026
WCAG 2.1 for Developers: Success Criteria and What They Requireoriginal ↗
5 Jun 2026
CSS Grid Template Areas: Naming Regions and Building Readable Layoutsoriginal ↗
8 May 2026
The HTML Document Outline: Headings, Sections, and Hierarchyoriginal ↗
9 Apr 2026
HTTP Caching: Cache-Control, ETags, and What Actually Worksoriginal ↗
12 Mar 2026
Browser DevTools for Frontend Developers: The Features That Matteroriginal ↗
5 Feb 2026
Accessible HTML Forms: Labels, Errors, and Focus Managementoriginal ↗
8 Jan 2026

2025

CSS Typography: Font Properties, Line Height, and Readabilityoriginal ↗
4 Dec 2025
CSS Animations and Transitions: When Motion Helpsoriginal ↗
6 Nov 2025
CSS Custom Properties: Variables, Scope, and the Cascadeoriginal ↗
2 Oct 2025
Core Web Vitals: A Developer's Field Guideoriginal ↗
11 Sept 2025
WCAG 2.2 for Developers: What Changed and What It Meansoriginal ↗
7 Aug 2025
ARIA Roles in Practice: When to Use Them and When Not Tooriginal ↗
10 Jul 2025
Responsive Images: srcset, sizes, and the picture Elementoriginal ↗
5 Jun 2025
CSS Date and Calendar Display Patternsoriginal ↗
8 May 2025
Progressive Enhancement as a Design Disciplineoriginal ↗
3 Apr 2025
XHTML vs HTML5: What Changed and Why It Matteredoriginal ↗
13 Mar 2025
CSS Grid Layout: A Practical Referenceoriginal ↗
6 Feb 2025
and Acronyms in HTML: Semantics for Shortened Termsoriginal ↗
9 Jan 2025

2024

Color Contrast and WCAG: What the Ratio Numbers Meanoriginal ↗
5 Dec 2024
CSS Flexbox: A Practitioner's Layout Referenceoriginal ↗
7 Nov 2024
.htaccess and mod_rewrite: A Practical Referenceoriginal ↗
10 Oct 2024
The CSS Cascade and Specificity: How the Browser Decidesoriginal ↗
12 Sept 2024
URL Design for the Long Hauloriginal ↗
15 Aug 2024
Testing with Lynx: What Text-Based Browsing Reveals About Your HTMLoriginal ↗
22 Jul 2024
Web Fonts: Loading, Rendering, and the User's Experienceoriginal ↗
10 May 2024
Semantics, HTML, and Document Structureoriginal ↗
15 Mar 2024

2023

ARIA Landmark Roles: Structuring Pages for Assistive Technology Navigationoriginal ↗
8 Mar 2023

2022

Cross-Browser Compatibility Testing: A Practical Workfloworiginal ↗
19 Jan 2022

2021

HTML Form Validation: Input Types, Patterns, and the Constraint Validation APIoriginal ↗
24 Feb 2021

2020

CSS Units Explained: px, em, rem, and Viewport Unitsoriginal ↗
17 Jun 2020

2019

Media Queries: Building Responsive Breakpoints That Hold Uporiginal ↗
11 Nov 2019
CSS Preprocessors: What Sass and Less Solved for Stylesheet Architectureoriginal ↗
22 Apr 2019

2018

HTML5 Media Elements: Video, Audio, and the End of the Plugin Eraoriginal ↗
15 Oct 2018
The CSS Box Model: Margin, Border, Padding, and Content Explainedoriginal ↗
6 Mar 2018