diff --git a/src/about.webc b/src/about.webc new file mode 100644 index 0000000..4f9ea8f --- /dev/null +++ b/src/about.webc @@ -0,0 +1,40 @@ +--- +layout: default.webc +--- + + + +
+
+

The origin story

+

How the pursuit of a better methodology began

+
+ +
+

I’ve been writing HTML and CSS for a long time. There’s something amazing about drawing with code. Seeing all the little words and numbers turn into pictures on the screen that you can put in front of anybody in the world, essentially for free.

+

I remember the slow transition from fixed pages to flexible components, to systems. It felt like magic when we started writing and documenting components like we’d solved all the problems in the world with making websites. Now we had components, we could just re-use them all over our sites and fly away into the sunset as front-end development masters.

+

Over time, our egos came crashing down as new designs didn’t fit the components we’d built. They almost fit, so we shoehorned them in with new props. We were doing it! Our components could support anything!

+

As time went on, the components became more and more complicated, trying to support every scenario, becoming harder to test and harder to understand.

+

I spoke to Jim, our designer and asked:

+ + Why are the designs always fighting the existing components, why can’t you re-use the bits of the interface that are already there? + +

His response:

+ + I am re-using it! Interface styles can be grouped into four categories: composition, canvas, content and controls. + +

And that was the inception point of Diamond UI.

+
+
+
+ + + + + +

The story continues

+

Do you want to know more?

+
+ +
+
\ No newline at end of file diff --git a/src/components/control/d-site-nav.webc b/src/components/control/d-site-nav.webc index 30d3c7b..3055467 100644 --- a/src/components/control/d-site-nav.webc +++ b/src/components/control/d-site-nav.webc @@ -10,7 +10,7 @@
  • diff --git a/src/docs.webc b/src/docs.webc new file mode 100644 index 0000000..9cadb3c --- /dev/null +++ b/src/docs.webc @@ -0,0 +1,9 @@ +--- +layout: default.webc +--- + + + +

    Docs

    +
    +
    \ No newline at end of file