patterns
Dwelling in ritual
Rain Chains & Musical Drains
Intricacy, centering, sun, enclosure
Parks intensely used in generalized public-yard fashion tend to have four elements in their design which I shall call intricacy, centering, sun and enclosure.
The scale of resolution determines what is seen
The patterns of Truchet's tiles appear at first glance as variously shaped interlocked regions of black and white, the boundaries between the square tiles being submerged whenever the two regions flanking them have the same color, just as in a real floor the air or cement between the tile edges is not perceived—until one looks closely. The scale of resolution determines what is seen.
Fabric
And finally, the things which seem like elements dissolve, and leave a fabric of relationships behind, which is the stuff that actually repeats itself, and gives the structure to a building or a town.
Simple variations of the parts
Symmetry, indeed, has been grossly overemphasized in both art and science: its main value is in giving meaning to its absence, dissymmetry, without which there could be no hierarchy.
The eye is repulsed by complexity if no order is detected, but it can be delighted by repetition, translation, rotation, reflection, magnification, and other simple variations of the parts.
patternsof.design
A Website by Nick TrombleyDrawing pictures of cities
An Article by Noah SmithThis is a famous picture by the artist Imperial Boy (帝国少年), who works in the anime industry. I sometimes claim that the entire genre of solarpunk is simply a riff on this picture.
If it’s not just “trees on buildings”, where does the Imperial Boy picture get its magic? Looking at it carefully and trying to analyze what I like about it, I think that much of it is about architecture, and even more of it is about the use of urban space — about how the structures in the picture shape the kinds of things you’d do if you were there. For example, here are five things I like:
- Open, walkable multi-level retail
- River with low bank
- Walkable streets
- Varied architecture
- Shade
Collaborative Information Architecture at Scale
An Article by Brandon DornHere I describe an approach for defining new information architectures for large organizational websites managed by many stakeholder groups.
Broadly speaking, there are four general phases to the approach:
- Auditing. Begin by immersing yourself in existing content and encourage stakeholders to adopt a critical, audience-minded perspective of their content.
- Diagramming. Work with stakeholders to develop new conceptual categories that better serve audiences and organizational direction.
- Elaborating. Think through content in detail and test new categories against specific instances and edge cases.
- Producing. Prepare content teams for production using a shared database of new sitemap pages and editorial considerations that you’ve developed incrementally.
The design systems between us
A Talk by Ethan MarcotteIn the early days, design systems promised us more consistent interfaces, more collaborative teams, and improved shipping times. While they’ve certainly delivered on some of those fronts, they’ve introduced new challenges too. Let’s talk through what’s working well—and what could be working better—as we take a closer look at the systems between us and our work.
Open Transclude for Networked Writing
Not an accumulation of facts
Knowledge is not an accumulation of facts, nor is it even a set of facts and their relations. Facts are only rendered meaningful within narratives, and the single-page document is a format very conducive to narrative structure. The hypertext books that have gained popularity (I’m thinking here of Meaningness.com) have largely conformed to this in two ways: 1) there is an intended reading order, and 2) the longer essays within the project do most of the heavy lifting in terms of imparting the author’s perspective to readers.
On the other hand, the notion of the “document” that is intrinsic to web development today is overdetermined by the legacy of print media. The web document is a static, finished artifact that does not bring in dynamic data. This is strange because it lives on a medium that is alive, networked, and dynamic, a medium which we increasingly understand more as a space than a thing.
More that can be done
The web is still a very young medium, and it has been influenced more than anything else by print media design. There is so much more that can be done with text on a screen than is being done today. Citations, drawing, chat, speech-to-text. There are opportunities everywhere, and the bar is low! If we are serious about unlocking the value of knowledge we should consider how to improve every part of the knowledge production stack, and that includes reading. As Laurel Schwulst says:
Imaginative functionality is important, even if it’s only a trace of what was, as it’s still a sketch for a more ideal world.
Open Transclude
What you are looking at is an scroll-locked iframe that links to a quote I picked out of my blog post “Notes on Comparative Psychology.” You can use Open Transclude anywhere you can drop an
<a>
tag on your own site.Open Transclude:
- Works anywhere on your own domain
- Compatible with most static site generators / templating engines
- 12 lines of HTML, 80 lines of SCSS, 22 lines of JS (4.5 kb total)
- Has 0 dependencies — this is native web technology
Open Transclude is extremely simple, and the heaviest part of the code is the CSS, which you can simplify at your whim. That’s why I am referring to it as a UX pattern. This is not a protocol. The code is really a commodity. What’s interesting about it is the idea and the design, and this is just one viable implementation! Feel free to adapt it however you like.
The principal improvement over a block quotation is sense of context.