Silverstone Local Web Server

There are 27 webs.

Template

• 101-minimal-template: Minimal template without Sass processing.
• 102-sass-minimal: Minimal Sass template with blog & doc links in aside.
• 103-sass-new: New Sass template with blog & doc links in aside.
• 104-simple-template: Simple template with Eleventy, LiquidJS & CDN CSS frameworks.

Database

• 201-books: List of UI & UX books to read.
• 202-photo-software: List of photo viewer & manager by category.
• 203-html: List of HTML elements.
• 204-mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown.

Token

• 301-tokens: Tokens explained.
• 302-fonts: List of system fonts & Google fonts.
• 303-dark-mode: Examples with dark mode implemented.

Design system

• 401-design-system: Design system with tokens, components, templates & layouts.
• 402-refactoring-ui: My notes from the book Refactoring UI.
• 404-sass-atomic-design: Sass processing with Atomic Design explained.

Decapcms

• 501-decapcms: Eleventy 3.0.0 template with LiquidJS, Simple.css & DecapCMS.

Eleventy

• 601-pagination: Pagination demo with code examples.
• 602-liquid-render: Code examples with the LiquidJS render tag.

Css

• 701-color-design-system: Refactoring UI book with Sass.
• 702-color-design-system: Different color palettes.
• 703-color-pico-sass: Pico color palette automatically created with Sass.
• 704-css-hacks: Basic website builts with Eleventy & LiquidJS with CSS Hacks.
• 705-database-css: Database of CSS frameworks with centered content.

Framework

• 801-css-frameworks: Classless, class-light & heavy class CSS frameworks list.
• 802-normalize: List of reset & normalize CSS.
• 803-sass-simple: Test pages & dark mode tests.

Menu

• 901-aria-landmarks: Eleventy 3.0.0, LiquidJS, Simple.css & ARIA landmarks.
• 902-navigation-menu: Responsive navigation menu with Eleventy.
• 903-nav-dropdown: Basic nav menu with dropdowns.