📄️ 1. What is Intrinsic Design?
Intrinsic in the context of application design implies getting to an experience that belongs to the device.
📄️ 2. The Design Space
Intrinsic Approach to design is very different from a responsive one.
📄️ 3. Framework Overview
Toucaan is a stack-agnostic vanilla styling framework. Meaning, it's just plain CSS to boot, install, and design your applications with. Toucaan can be used with any frontend development framework of your choice without having to rely on a specific package manager (like npm of node) that may come with the web framework.
📄️ 4. Framework Architecture
Toucaan follows a tenet that everything in use by the app, lives in it. This implies that any css that the application layer introduces into the DOM, has to sit within the root folder of the local copy of Toucaan; starting from reset or normalization classes if any at the baseline.
📄️ 5. The CSS Router
Toucaan uses a simple router written in plain css to prioritize and load the correct stylesheet for a given class of device. Among other goals, Toucaan's css router splits one massive stylesheet into several smaller device-specific stylesheets according to the matched route, which in turn relies on the axis of orientation, other capabilities, and the intrinsic size of the viewport.
📄️ 6. Baseline Assets
Unlike traditional css frameworks, Toucaan does not use a normalize.css or reset css file to override browser defaults. Toucaan baselines on a very small set of pre-opted rules to ensure a starting point for cross-browser consistency.
📄️ 7. Scaling Content
More documentation w.r.t typesetting, typography, and scaling components to come here later.
📄️ 8. DIY Framework
Let us create a new folder named toucaan somewhere in your project using the following command: