https://github.com/cloudfour/sky-nav-cls-pe-demos

Demos for the Sky Nav Cumulative Layout Shift + Progressive Enhancement article
https://github.com/cloudfour/sky-nav-cls-pe-demos

Last synced: about 1 year ago
JSON representation

Demos for the Sky Nav Cumulative Layout Shift + Progressive Enhancement article

• Host: GitHub
• URL: https://github.com/cloudfour/sky-nav-cls-pe-demos
• Owner: cloudfour
• License: mit
• Created: 2022-07-29T21:13:30.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-02T18:21:30.000Z (almost 4 years ago)
• Last Synced: 2025-01-21T13:45:07.439Z (over 1 year ago)
• Language: TypeScript
• Size: 280 KB
• Stars: 0
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Removing layout shift from a progressively enhanced burger menu demos

Demos for the "[Removing layout shift from a progressively enhanced burger menu](https://cloudfour.com/thinks/removing-layout-shift-from-a-progressively-enhanced-burger-menu/)" article

## Getting started

### Development

The demos are powered by [Vite](https://vitejs.dev/).

Once you've copied/cloned this project, run the following commands to get up and running:

1. `npm ci` — Install dependencies

1. `npm run dev` — Compile project, start local server, and watch for file updates

### Build locally

You can build and preview locally by running:

1. `npm run build` — Builds files into a `dist/` directory

1. `npm run preview` — Starts a server using the `dist/` build