We’ve all been there: you enter your cow in a beauty contest, only to see her lose to an ugly beast heavy with decor. It’s time to take action, decorate your cow!
My ninth web sample is a simple one-page app, demonstrating the Fabric.js Javascript library. Fabric is very good and fully featured, useful for product configurators that do not require 3D graphics: custom designs, signage, printing, and similar.
Text input is supported by Fabric and used in this app. You can move, size and rotate any image or text placed on the image canvas. In code, fonts and all manner of styling can be set, and user interface controls created for their direct manipulation.
Another aspect of this sample worth mentioning is that it is partly influenced by Google’s Material Design guidelines. Those guidelines are excellent, a 21st Century update to traditional rules of UI design, first articulated in Apple’s UI Guidelines back in the 1980s.
Material Design is predicated on three central concepts: the nature of “digital paper”, animation, and layering. Google have done a superb job of establishing a meaningful language that employs these concepts. It is all very Android-oriented, as one might expect, but the majority of the insights are generally applicable.
Have fun decorating the cow, and stay tuned for more samples – as time permits.