CSS Showcase

Minimal Laravel app demonstrating modern CSS features that replace common JavaScript (and older CSS) patterns.

Run locally

composer install
cp .env.example .env   # if needed
php artisan key:generate
npm install
npm run build          # or: npm run dev
php artisan serve

No database or authentication required (SESSION_DRIVER=file).

Route	Feature	CSS source
`/demo/has-checkbox`	`:has()` parent styling	`resources/css/demos/has-checkbox.css`
`/demo/has-filter`	`:has()` + `:not()` filters	`resources/css/demos/has-filter.css`
`/demo/container-queries`	`@container` vs viewport media	`resources/css/demos/container-queries.css`
`/demo/anchor-tooltip`	CSS Anchor Positioning	`resources/css/demos/anchor-tooltip.css`
`/demo/popover-menu`	Popover API + Anchor	`resources/css/demos/popover-menu.css`
`/demo/clamp`	`clamp()` / `min()` / `max()`	`resources/css/demos/clamp.css`
`/demo/light-dark`	`light-dark()`	`resources/css/demos/light-dark.css`
`/finale`	Birthday cake + confetti	`resources/css/demos/finale.css`

Speaker guide (German): docs/PRESENTATION.md

Each demo CSS file starts with a header (talking point, key rule, related paths). Before-JS lives in resources/js/demos/before.js.