Footer — Web Footer Design & Implementation Reference
Quick-reference skill for designing and implementing web page footers, covering layout patterns, accessibility, responsive behavior, and best practices.
When to Use
- Designing a website footer layout with proper structure
- Implementing sticky or fixed footer behavior
- Adding legal/compliance content (copyright, privacy, terms)
- Making footers accessible and SEO-friendly
- Building responsive footer components
Commands
intro
scripts/script.sh intro
Overview of footer design — purpose, anatomy, and design principles.
patterns
scripts/script.sh patterns
Common footer layout patterns — fat footer, minimal, mega footer, sitemap-style.
sticky
scripts/script.sh sticky
Sticky footer techniques — flexbox, grid, and classic methods.
html
scripts/script.sh html
Semantic HTML structure for footers — proper tags, ARIA roles, landmarks.
css
scripts/script.sh css
CSS patterns for responsive footer layouts — grid, flexbox, media queries.
legal
scripts/script.sh legal
Legal and compliance content — copyright notices, privacy links, cookie consent.
accessibility
scripts/script.sh accessibility
Accessibility best practices — navigation, contrast, screen readers, WCAG.
examples
scripts/script.sh examples
Real-world footer examples and code snippets.
help
scripts/script.sh help
version
scripts/script.sh version
Configuration
| Variable | Description |
|---|---|
FOOTER_DIR |
Data directory (default: ~/.footer/) |
Powered by BytesAgain | bytesagain.com | hello@bytesagain.com