hypermedia
gwern.net
Tinderbox
An ApplicationTinderbox is a workbench for your ideas and plans, ands ideas. It can help you analyze and understand them today, and it will adapt to your changing needs and growing knowledge.
Your Tinderbox documents can help organize themselves, keeping your data clean. We believe in information gardening: as your understanding grows, Tinderbox grows with you.
Obsidian
An ApplicationObsidian is a powerful knowledge base that works on top of a local folder of plain text Markdown files.
In Obsidian, making and following [[connections]] is frictionless. Tend to your notes like a gardener; at the end of the day, sit back and marvel at your own knowledge graph.
Stepping out of the firehose
An Article by Benedict EvansIn 1800, if you’d said that you wanted something ‘made by hand’, that would be meaningless - everything was handmade. But half a century later, it could be a reaction against the age of the machine - of steam and coal-smoke and ‘dark satanic mills.’ The Arts and Crafts movement proposed slow, hand-made, imperfect craft in reaction to mass-produced ‘perfection’ (and a lot of other things besides). A century later this is one reason I’m fascinated by the new luxury goods platforms LVMH and Kering, or indeed Supreme. How do you mass-manufacture, mass-market and mass-retail things whose entire nature is supposedly that they’re individual?
...we keep building tools, but also we let go. That’s part of the progression - Arts and Crafts was a reaction against what became the machine age, but Bauhaus and futurism embraced it. If the ‘metaverse’ means anything, it reflects that we have all grown up with this now, and we’re looking at ways to absorb it, internalise it and reflect it in our lives and in popular culture - to take ownership of it. When software eats the world, it’s not software anymore.
Tangent Notes
A Tool by Taylor HaddenYour Brain, Your Notes: A clean and powerful notes app for Mac & Windows.
Monoskop
A WebsiteMonoskop is a wiki for the arts, media and humanities.
Glasp
An Application by Kazuki Nakayashiki & Kei WatanabeCollect the Web,
Express Yourself.Collect what truly matters to you from the web. It's who you are. Like-minded people will find and learn from you.
Glasp is a social highlighting app that allows you to highlight and tag what you think is important while reading articles or watching videos on the web.
are.na
An Application by Charles BroskoskiBuild ideas mindfully.
Save content, create collections, and connect ideas with other people.
Whostyles
A Definition by Kicks CondorThe 'whostyle' is a way of styling syndicated hypertext from other writers. This could be a quoted excerpt or a complete article. A feed reader could use a 'whostyle' to show a post without stripping all of its layout.
Whomst styles?
An Article by Robin SloanThis is a “whostyle”: an attempt to carry the ~timbre~ of an author’s voice, in the form of their design sensibility, through into a quotation. It’s the author who defines their whostyle; the quoting site just honors it, a frame around their words.
I think the whostyle makes a few arguments. Among them:
- Text is more than a string of character codes. Its design matters, typography and layout alike; these things support (or subvert!) its affect, argument, and more.
- The web should be more colorful and chaotic, along nearly every dimension. The past five years have brought a flood of new capabilities, hugely expressive — let’s use them!
- Quoting is touchy, and anything you can do to cushion it with respect and hospitality is a plus.
multiverse.plus
A Website by Kicks Condor & Weiwei HsuAn audacious attempt to reshape blogging, to see where it can go next!
Podcasts and video have really taken over - to the extent that it feels like reading may be falling behind. Can we enhance text and imagery on the Web? Try to give blogging new life?
The Internet Is Rotting
An Essay by Jonathan ZittrainToo much has been lost already.
The glue that holds humanity’s knowledge together is coming undone.
Links work seamlessly until they don’t.
And as tangible counterparts to online work fade,
these gaps represent actual holes in humanity’s knowledge—
they represent a comprehensive breakdown in the chain of custody for facts.A little act of hope
A Fragment by Jeremy KeithAs I scroll down my “on this day” page, I come across more and more dead links that have been snapped off from the fabric of the web.
If I stop and think about it, it can get quite dispiriting. Why bother making hyperlinks at all? It’s only a matter of time until those links break.
In a sense, every hyperlink on the World Wide Web is little act of hope. Even though I know that when I link to something, it probably won’t last, I still harbour that hope.
If hyperlinks are built on hope, and the web is made of hyperlinks, then in a way, the World Wide Web is quite literally made out of hope.
I like that.
Open Transclude for Networked Writing
An Essay by Toby ShorinProject Xanadu
An Idea by Ted NelsonProject Xanadu was the first hypertext project, founded in 1960 by Ted Nelson. Administrators of Project Xanadu have declared it an improvement over the World Wide Web, with the mission statement: "Today's popular software simulates paper. The World Wide Web (another imitation of paper) trivializes our original hypertext model with one-way ever-breaking links and no management of version or contents."
Designing Synced Blocks
An Article by Ryo LuTheodor H. Nelson, “As We Will Think." Proceedings of Online 72 Conference, Bruanel University, Uxbridge, England, 1972
What if the exact same information could live and breathe in multiple places? For example, if your company’s process for requesting time off changes, you’d probably have to find all the pages that mention the policy and manually update each of them.
Synced Blocks changes that. Instead of going through and updating the process to request time off in every page it’s referenced, turning it into a Synced Block allows you to update it once and have those changes reflected everywhere. Even though it’s a simple idea, it opens up many possibilities for how information can be structured and shared.
Hyperland, Intermedia, and the Web That Never Was
An Article by Claire L. EvansThe User Interface of URLs
A Research PaperURLs (Uniform Resource Locators) have rapidly become the standard method for specifying how to access information on the Internet. Although mostly used on the World Wide Web, URLs are also becoming more common for specifying locations for other distributed Internet services such as Gopher and anonymous FTP. Internet users see URLs both online and in print, and therefore URLs have visual interfaces. This paper gives an overview of many of the issues that concern the visual and user interfaces of URLs.
Hypertext 2020
A WebsiteRoam Research
An ApplicationA note-taking tool for networked thought.
- are.na
Quotebacks
A Tool by Tom Critchlow & Toby ShorinQuotebacks brings structured discourse to blogs and personal websites.
Quotebacks makes it easy to reference content and create dialogue with other sites by turning snippets of text into elegant, self-contained blockquote components.
The Nature of Order
Levels of Scale
Scale refers to how we perceive the size of an element or space relative to other forms around it. All things – a tea cup, a building, language, entire eco-systems – consist of smaller components. It is the relationship of the smaller elements which determines the character and degree of life of the whole.
Objects which contain a high degree of life tend to contain a beautiful range of scales within, which exist at a series of well-marked intervals and have clearly recognizable jumps between them. To have good levels of scale, it is extremely important that the jumps between different scales of centers not be too great or too small.
Strong Centers
The idea of a center is at the heart of all that creates life within an object. But rather than the traditional view of an isolated geometry in space, a true center is defined not only by its internal cohesion, but by its relation to context. A strong center can only occur when other centers are intensifying it.
Like levels of scale, the concept of strong centers is recursive. In something which is alive, a strong center is made of many other strong centers, at different levels, which in turn make us aware of the whole they compose.
Boundaries
The articulation of a form depends to a great degree on how its surfaces are defined and meet at edges. The effect of a strong boundary is twofold: First, it focuses attention on the center, further intensifying it; and second, the boundary unites the center which it surrounds with what is beyond.
For the boundary to accomplish both of these tasks – to separate and to unite – it must have a degree of presence as strong as the center which it bounds.
Alternating Repetition
The principle of repetition orders recurring elements in a composition according to their proximity to one another, and by the visual characteristics they share. Elements need not be perfectly identical to be grouped in a repetitive fashion; they must merely share a common trait of size, shape, or detail characteristics allowing each element to be individually unique, yet belong to the same family.
When the repetition within a group of elements occurs parallel on a number of different levels, an alternating rhythm of centers forms, one series of centers intensifying the other.
Positive Space
Positive space refers to shaped space. Where an element occurs in space, the element not only exists with its own shape, but it also acts to define the shape of the space around it. For something to be whole, both the element itself and the space around it must engage one another, each intensifying the other. When this occurs, every single part of space has positive shape as a center – there are no amorphous, meaningless leftovers.
Every shape should be a strong center in itself, which is in turn made up of other, smaller centers.
Good Shape
Shape is the principal identifying characteristic of form, resulting from the specific configuration of a form’s surfaces and edges. Good shape happens when the surfaces and edges of a form have strong centers in every part of themselves.
A good shape, even if complex, can usually be broken down easily into more simple shapes. A good shape tends to contain a high degree of internal symmetries, an overall bilateral symmetry, and a well-marked center. The good shape also creates positive space around it, is very strongly distinct from what surrounds it, and has a feeling of being closed and complete.
Local Symmetries
Symmetry, or the balanced distribution of equivalent forms or spaces about a common line or point, can organize elements in architecture in two ways: an entire organization can be made symmetrical, or a symmetrical condition can occur in only a portion of the building or object, at any scale. The latter case is what we refer to as local symmetry.
Overall symmetry in an object tends to look mechanical and lifeless, usually due to the fact that local symmetries are absent within the overall form. However, when there are local symmetries, centers tend to form and strengthen the whole.
Deep Interlock
Forms which have a high degree of life tend to contain some type of interlock – a “hooking into” their surroundings – or an ambiguity between element and context, either case creating a zone belonging to both the form and to its surroundings, making it difficult to disentangle the two.
The interlock, or ambiguity, strengthens the centers on either side, which are intensified by the new center formed between the two.
Contrast
Works of art which have great life often have intense contrast within: rough/smooth, solid/void, loud/silent, empty/full. It is the difference between opposites which gives birth to something. Contrast is what often gives other principles their degree of life – the intensity of the boundary, the markedness of the alternating repetition.
Contrast strengthens centers by making each a deeper entity of itself, and thereby giving deeper meaning to both. It is, at its simplest, what allows us to differentiate. But meaningless contrast remains meaningless. It is only when centers are actively, mutually, and meaningfully composed that it acts to deepen the whole.
Graded Variation
Gradients must arise simply because in the natural world, things vary in size, spacing, intensity, and character. All living things tend to have a certain softness. One quality changes slowly, not suddenly, across space to become another.
In something which has life, throughout the whole there are graded fields of variation, often moving from the center to the boundary or vice-versa. We are able to read the character of a larger center often because of the gradation of smaller centers across the larger form.
Roughness
Roughness is the odd shape, the quick brush stroke, the irregular column size or spacing, the change in pattern at the corner – it is adjusting to conditions as they present themselves with meaning, but without ego or contrived deliberation.
Though it may look superficially flawed, especially with human perception accustomed to mass-produced regularity and perfection as a goal, an object with roughness is often more precise because it comes about from paying attention to what matters most, and letting go of what matters less.
Echoes
When echoes are present within a design, all the various smaller elements and centers, from which the larger centers are made, have a certain sameness of character. There are deep internal similarities, or echoes of one another, which tie all the elements and centers together at various scales to form a cohesive unity of being.
The Void
Objects or elements which have the greatest depth, which actively draw the senses in, have at their heart an area of deep calm and stillness – a void bounded by and contrasted with an area of intense centers around it.
When an element becomes all detail, its own constant buzz tends to dilute its overall strength. Like a musical wall of sound, it pushes against our perception to produce a flat field-like state. Conversely, it is the pause which allows us to interlock with a piece of music and feel its depth. The presence of void, at many scales, provides a contrasting calm to alleviate the buzz and strengthen the center.
Inner Calm
Living things tend to have a special simplicity, an economy developed over time in which all things unnecessary, or not supporting the whole, are removed. This does not preclude ornament, as even in nature ornament has its very necessary place. What simplicity does is cut away the meaningless attachments to an element, the things which often distract and confuse its true nature. When this is done, an object is in a state of inner calm.
Not-Separateness
Not-separateness is the degree of connectedness an element has with all that is around it. A thing which has this quality feels completely at peace, because it is so deeply interconnected with its world. There is no abruptness, no sharpness, but often an incomplete edge which softens the hard boundary. The element is drawn into its setting, and the element draws its setting into itself.
Not-separateness is a profound connection occurring at many scales between a center and the other centers which surround it, so that they melt into one another and become inseparable.