Shawn Wang
100 Bytes of CSS to look great everywhere
An Article by Shawn Wanghtml { max-width: 60ch; padding: 1.5rem; margin: auto; line-height: 1.5rem; font-size: 24x; }
Metrics have a strange hold on the imagination
A Fragment by Shawn WangOnce in place, metrics have a strange hold on the imagination: I've seriously had a CTO carelessly reject my genuine idea out of hand because "it doesn't help OKRs", the same OKRs we previously agreed should not describe all that we do.
I agree with Amir Shevat that we should "do the right things over the easy to measure things."
The Genius of Apple's Name
An Article by Shawn WangIt's easy to have strong opinions about stuff only developers see since user validation is just asking people like yourself. It's much harder to name something consumer facing. Here are some useful rules I gleaned from Apple:
- Two syllables max
- Familiar English word - literal 5 year olds can spell and pronounce it right
- Starts with A - useful for alphabetical sort. Amazon did this too
- Name leads to easy logo/swag/branding ideas
- Evoke aspirational qualities - knowledge, health, nature
Don't Rush to Simplicity
An Article by Shawn WangYou've probably heard this story before:
A businessman finds a fisherman, who is living an idyllic, peaceful life by the sea.
He laughs and tells the fisherman how to get rich instead.
The fisherman asks him what he will do after he gets rich.
He replies that he would retire to an idyllic, peaceful life by the sea.There's supposed to be a deep life lesson in there, but it's always felt insincere to me.
To me it is better to have reached the heights of a career, or suffered an epic defeat, even if I do end up in the same place as everyone else in the end.
To me simplicity is made more beautiful when understood through a long personal struggle with complexity. When I can dance with it, having turned a mighty nemesis into an old friend, and teach others to do the same.
Better to have loved and lost, than never to have loved at all.
80/20 is the new Half-Ass
An Article by Shawn WangThe Pareto Principle is making you lazy.
Let me be more precise: The Pareto distribution is a useful model of power law effects in real life. But people are using it poorly, primarily as an excuse to be lazy.
...People forget that the devil is in the details. The first 20% everyone knows to say on Twitter. The remaining 80% is the ugly, nasty, hacky, unglamorous shit nobody talks about unless you've got time to sweat the details.
The ABC's of ▲■●: The Bauhaus and Design Theory
The cultivation of inherent faculties
Rousseau’s Emile argued that education is the cultivation of inherent faculties, rather than the imposition of knowledge. Taking this path, Pestalozzi recast the teacher as a protective figure who follows and stimulates the child’s inherent intelligence.
The basic course
The Basic Course was a general introduction to composition, color, materials, and three-dimensional form that familiarized students with techniques, concepts, and formal relationships considered fundamental to all visual expression, whether it be sculpture, metal work, painting, or lettering. The Basic Course developed an abstract and abstracting visual language that would provide a theoretical and practical basis for any artistic endeavor.
It is a little world
See how many a pretty thing
I always from the cube can bring:
Chair and sofa, bench and table,
Desk to write at when I’m able,
All the household furniture,
Even baby’s bed I’m sure;
Not a few such things I see;
Stove and sideboard here can be.
Many things, both old and new,
My dear cube brings into view;
So my cube much pleases me,
Because through it so much I see.
It is a little world.- Cubed
A universal correspondence
In 1923 Kandinsky proposed a universal correspondence between the three elementary shapes and the three primary colors: the dynamic triangle is inherently yellow, the static square is intrinsically red, and the serene circle is naturally blue.
The series ▲■● represents Kandinsky’s attempt to prove a universal correlation between color and geometry; it has become one of the most famous icons of the Bauhaus. Kandinsky conceived of these colors and shapes as a series of oppositions: yellow and blue represent the extremes of hot/cold, light/dark, and active/passive, while red is the intermediary between them. The triangle, square, and circle are graphic equivalents of the same polarities.
The arbitrariness of the sign
A key difference between verbal language and the modernist ideal of a visual “language” is the arbitrariness of a verbal sign, which has no natural, inherent relationship to the concept it represents. The sound of the word “horse”, for example, does not innately resemble the concept of a horse. Ferdinand de Saussure called this arbitrariness the fundamental feature of the verbal sign. The meaning of a sign is generated by its relationship to other signs in the language: the sign’s legibility lies in its difference from other signs.
Reduced to an act of selection
“The more exact and complete the criteria are, the more creative the work becomes. The creative act is reduced to an act of selection.”
— Karl Gerstner, Designing Programmes (1963)
Separation of surface and structure
The nineteenth century saw an increasing separation between the treatment of the surface and the structure of designed objects. Mass production and a mobile market economy encouraged the production of heavily ornamented yet cheaply fabricated products. Affordable manufacture allowed the burgeoning middle class to acquire “luxury” goods fashioned after objects formerly reserved for an elite.
Gifts and occupations
Between 1835 and 1850 Froebel worked on his “Gifts and Occupations” — a set of geometric blocks (Gifts) and basic craft activities (Occupations), that would become the centerpiece of his pedagogical theory. The Gifts and Occupations were introduced in a highly ordered sequence, which began in the child’s second month and concluded in the last year of kindergarten.
Typographic grid
Just one of many examples of beautiful typography and layout throughout the book. Love the page design.