-
Notifications
You must be signed in to change notification settings - Fork 1
Open
Labels
desired featureAs ‹actor›, I'd like to ‹purpose›, so that ‹benefit›As ‹actor›, I'd like to ‹purpose›, so that ‹benefit›
Description
Desired features
- Progressive Web App
- Good Web Vital Metrics scores
TODOdefine our performance budget - WebComponents, PIXI.js & WebGL based application
- Avoid FOIT and minimise FOUT when loading fonts
Actions
- Basic bits & pieces
DONE26.01 OL+RF- charset & lang
- favicon & robots.txt
- dir=ltr
- Descriptive metadata
- Twitter card
- Dublin Core
-
link rel=canonical
- Optimizations
- preconnect to external static resources (Google Fonts)
DONE24.01 OL -
crossoriginattribute when preconnecting to external resources - preload web component definitions
- preconnect to external static resources (Google Fonts)
- Desired fonts (see Design system #12)
DONE24.01 OL - Progressive Web App Manifest
- Firebase services
DONE24.01 OL - Flex layout & typographic grid
- Choose & define
box-sizingmodel CSS attribute at root - Set
viewportcorrectly: width=min-fixed or device-width? - Use CSS variables for font size & line height
- Grid layout
- Prevent grid blowout
- Define
content-visibiltyandoverflowCSS properties where it matters to improve performance
- Choose & define
- Fullbleed / Fullscreen layout (for the game)
- Promote installation of PWA (from the app)
- Smooth CSS transition on active elements after everything loaded
TODOsee onload remove classunresolvedand may be apply abackdrop-filterfrosted-glass effect - ‹app-loading-progression› thin bar in header
TODOinformed by the pre-caching service worker
See also
- npm install pixi.js; add pixi-hello.js #13 Setup app root with WebGL/Pixi canvas
- Design system #12 Design system
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
desired featureAs ‹actor›, I'd like to ‹purpose›, so that ‹benefit›As ‹actor›, I'd like to ‹purpose›, so that ‹benefit›