This is a learning project using the Safia SaaS Template 🟣 by Flowbase.co. This project is created exclusively for learning and the target is to show the workflow of creating a some-what real page via HTML, CSS & JS. No fancy (and unnecessary framewroks will be used). I want to play around with couple of new (for me) things like Parcel, Open Props CSS, etc. These will be marked as "features" and we'll be learnign and working with them in the process of building the whole website.
- 📦 Parcel - fast bunlder and developing experience, also with additional benefits like:
- Superchagin our CSS experience via things like clamp ( Syntax lowering ) and mainly CSS nesting ( CSS Nesting )
- Checking out (and using) their ⚡ Lightning CSS bundler ( Lightning CSS with Parcel )
- Image optimisation via the Parcel Image module
- 🎨 Design tokens via Open Props
- 🖌️ Design system - extending Open Props and based on the Cube CSS methodology
- Light/Dark theming
- Media queries based on hover effects, etc.
- 🏋️ Lazy loading (iamges, possibly text)
- 👀 Animations on scroll (possibly custom functions with Intersection Observer API)
- TBD