innsbruck

innsbruck.md

Updated on May 4th 2016

inns is a collection of SMART components

inns-blog, inns-port, ...

a SMART component also passing STYLE as its state to all the cascading children components

.. and gets a couple of scores (readibility, color, ...)

using some random/correction algorithms and re-render again and again until closing to the extremum

---

1. a good UI-kit should be smart
2. a good UI-kit should be quiet
3. a good UI-kit should be unit minimumal
4. a good UI-kit should be understandable
5. a good UI-kit should be accessable

So, inns is a smart UI-kit. i.e. text color will be responsable to background color, also as well as its size, weight, font-family and line-height.

innsbruck is a layout kit. It arranges all blocks and other stuff, and scores the layout. It (maybe) uses A* alogrithm to adjust the layout dynamically.

Jun 15, 2016

What if we build every component as an independent app?
And they can COMMUNICATE with each other.

weeken the connection between components

the concepts behind web component is re-useable

Jun 17

react!

Title

+-------------------------------------------------------------+
|                                                             |
+-------------------------------------------------------------+

+--------------------------------------+  +-------------------+
| +----------+                         |  |                   |
|                                      |  |                   |
| +----------------------------------+ |  |                   |
| +-------------------+                |  |                   |
| +----------------------------------+ |  |                   |
| +--------------------------------+   |  |                   |
| +---------------------------+        |  |                   |
| +-------------------+                |  |                   |
| +-------------------------------+    |  |                   |
|                                      |  |                   |
+--------------------------------------+  |                   |
                          +------------+  |                   |
                                          |                   |
+--------------------------------------+  |                   |
| +---+                                |  |                   |
|                                      |  |                   |
| +-----------------------+            |  |                   |
| +---------------------------+        |  |                   |
| +--------------------+               |  +-------------------+
|                                      |         +------------+
+--------------------------------------+         |            |
                          +------------+         +------------+