Artifacts of the Small Web
patternsof.design
A Website by Nick Trombleymaya.land
an old-school blogroll, now with banners 😎
Every element is an html.
A Website by Katherine Yanghome sweet homepage
A Website by Amy Wibowoa comic about growing up online
Good Things
A Website by Melanie Richards155-217-155
A Website by Nick Trombleye-worm.club
A Website by Zach ShermanI’m building a custom pleroma client so that my friends and I can have a cute, self-hosted social network to post about politics and art. Besides being much more visually interesting than our facebook messenger groupchat, e-worm also attempts to solve design problems around conversational, collaborative thinking. The biggest of these problems is the inherent ephemerality of our groupchat— it doesn’t really succeed as a collaborative thinking space because it has no long-term memory. When messages are constantly buried under new ones, it places the burden on us to remember previous conversations. So the ultimate design goal for e-worm is to create a self-archiving conversational interface that preserves thought and helps us keep thinking new things rather than going in intellectual circles.
drawing.garden
A Website by Ben MorenGardening, but with emojis and less time.
Marginalia Search
A WebsiteI want to show you that that Internet you used to go exploring is still very much there. There are still tons of small personal websites, and a wealth of long form text from both the past and the present.
So it's a search engine. It's perhaps not the greatest at finding what you already knew was there, instead it is designed to help you find some things you didn't even know you were looking for.
emojraw.glitch.me (draw!)
A Website by Shannon Linminimator.app
An ApplicationMinimator is a minimalist graphical editor.
All drawings are made of lines in a grid based canvas. The lines are limited to vertical and horizontal lines, and quarter circles.
Looseleaf
A Websitepicnic.lectoro.me
A Website by Renan Le CaroCreate a text document, share the link and edit it with friends.
Can I include?
A WebsiteThis site helps you understand which tag you can include in another using the WHATWG HTML specification.
How I experience the web today
A WebsiteLoveFrom,
A WebsiteLoveFrom,
is a creative
collective.press.stripe.com
A WebsiteStripe partners with millions of the world’s most innovative businesses. These businesses are the result of many different inputs. Perhaps the most important ingredient is “ideas.”
Stripe Press highlights ideas that we think can be broadly useful. Some books contain entirely new material, some are collections of existing work reimagined, and others are republications of previous works that have remained relevant over time or have renewed relevance today.
Make Frontend Shit Again
A Website by Sara VieiraWe used to make websites because it was fun but at some point, we lost the way.
We need to make dumb shit!
Make useless stuff;
make the web fun again!Things that don't scale
An Article by Benedict EvansMaybe the internet is due for a wave of things that don’t scale at all. In that light, I’ve been fascinated by ‘Morioka Shoten’ in Tokyo - a bookshop that sells only one book at a time. This is retail as anti-logistics - as a reaction against the firehose, and the infinite replication of Amazon. Before the internet that would only work in a very dense city, but, again, the internet is the densest city on earth, so how far do we scale the unscalable?
AJDVIV
A WebsiteSeriesHeat
A Website by Jim VallandinghamSearch for a TV Series to see a heatmap of average IMDb ratings for each episode.
Kicks Condor: barnsworthburning
An Article by Kicks CondorDirectories aren’t surging. There isn’t this nascent directory movement fomenting - ready to take on the world. Directories aren’t trending.
But there is a certainly really sweet little directory community now. From the Marijn-inspired stuff listed in Directory Uprising to the link-sharing ‘yesterweb’ collected around sadgrl.online - or the originals at Indieseek and i.webthings.
Barnsworthburning (by Nick Trombley) is a very formidable addition to this community - a clean, multilayered design and an innovative bidirectional index.
So many little design helper sites!
An Article by Chris CoyierI’m sure y’all find these things just as useful as I do. They don’t make us lazy, they make us efficient. I know how to make a pattern. I know how to draw a curve with a Pen Tool. I know how to convert SVG into JSX. But using a dedicated tool makes me faster and better at it. And sometimes I don’t know how to do those things, but that doesn’t mean I can’t take advantage. Fake it ’til you make it, right?
Werner’s Nomenclature of Colours
A Website by Nicholas RougeuxA recreation of the original 1821 color guidebook with new cross references, photographic examples, and posters designed by Nicholas Rougeux.
The Whimsical Web
A Website by Max BöckA curated list of sites with an extra bit of fun.
Funcooker
A WebsiteUser Inyerface
A WebsiteA worst-practice UI experiment.
SEA — SEASONS
A Website by Melanie RichardsWith the many distractions life has to offer, it is all too easy to let the seasons slip by and wonder where an entire year has gone. This site is an effort to observe the seasons with intentionality. Each season documents ways to observe the moment, pulling often from pagan traditions.
Lizzo's Juice Shop
A WebsiteThis page is a truly naked, brutalist html quine
An Article by Leon BambrickI decided to make a truly naked, brutalist html page, that is itself a quine. And this page is it.
Viewing the source of this page should reveal a page identical to the page you are now seeing. Nothing is hidden. It's a true "What you see is what you get."
littlebigdetails
A Blog by Floris DekkerLittle Big Details is a curated collection of the finer details of design.
As Charles & Ray Eames put it:
“The details are not the details; they make the product.”
This is intended to be a source of inspiration.
Created and curated by Floris Dekker. Alumni: Andrew McCarthy.
Color Controversy
A Website by Leo RobinovitchSo some friends and I were talking about colors one day and how we all see colors a bit differently and how that's neat.
But is there a color that is interpreted differently THE MOST? Is there a most controversial color? Well, (if I contrive an ongoing survey and collect data about it), the answer is yes, of course!
this vs. that
A Website by Phuoc NguyenIf we were allowed to visit
A Poetry CollectionIf We Were Allowed To Visit is an anthology of poems by Gemma Mahadeo rendered by Ian MacLarty.
As you move through the game's environment, the poems are rearranged into the shapes of the objects they're about, each frame becoming a new generative poem.
When all of my friends are on at once
A Website by Laurel SchwulstMemories of being online
tixy.land
A Websitesin(t * x) * cos(t * y)
Creative code golfing.
tree.fm
A WebsiteTune Into Forests From Around The World. Escape, Relax & Preserve.
Games For Crows: Feels
A GameA Library Demand List
A Website by Robin SloanThis visualization takes the current New York Times Best Sellers list for combined print and e-book fiction and scales each title according to the demand for its e-book edition at a collection of U.S. public libraries, selected for their size and geographic diversity.
The small web is beautiful
An Essay by Ben HoytI believe that small websites are compelling aesthetically, but are also important to help us resist selling our souls to large tech companies. In this essay I present a vision for the “small web” as well as the small software and architectures that power it.
Telescopic Text
A Websitetelescopictext.org is an experimental tool for creating expanding texts. It is based on telescopictext.com.
sodelightful.com
A Website by Christina TranI'm Christina Tran. If you want to trace the trails I've made in the world through the intermittent marks left on the interwebs, below is a map of my becoming in no particular order. But I also hope we get the chance to share a meal, explore nature, experience art, and/or create something together sometime. Because we are all multi-faceted, multi-dimensional beings who can't be TL;DR'd.
Simon Collison's timeline
A Website by Simon CollisonI’ve shaped this timeline over five months. It might look simple, but it most definitely was not. I liken it to chipping away at a block of marble, or the slow process of evolving a painting, or constructing a poem; endless edits, questions, doubling back, doubts. It was so good to have something meaty to get stuck into, but sometimes it was awful, and many times I considered throwing it away. Overall it was challenging, fun, and worth the effort.
Nested
A WebsiteI have a secret for you
A strange universe-expanding game that's been described as "whoah dude".
Explore procedural galaxies, land on unknown planets, read the thoughts of every living thing, rummage through people's pockets, and more!
...and by islands I mean paragraphs
A Website by J.R. CarpenterIslands are possible only in literature. Topical islands are in a time without History. They are paragraphs. They are not part of the central body of the text. Isloated writing is always a testimonial. The castaway embodies the contradiction of beieng a speaker without a society.
HTML Elements Memory Test
A WebsiteMy first attempt was 54. Not even half!
How many HTML elements can you remember?
aboutfeeds.com
A Website by Matt WebbUse feeds to subscribe to websites and get the latest content in one place.
Feeds put you in control. It’s like subscribing to a podcast, or following a company on Facebook. You don’t need to pay or hand over your email address. And you get the latest content without having to visit lots of sites, and without cluttering up your inbox. Had enough? Unsubscribe from the feed.
You just need a special app called a newsreader.
This site explains how to get started.
The life and death of an internet onion
In her piece "A drop of love in the cloud" (2018), artist Fei Liu writes about the like/heart button as a flattening affordance of giving affirmation and love. The text-editor provides a much more expressive input.
But even people who can't communicate well because of language barriers can express love through actions, like cooking food. Can we create other "love inputs" that might allow us to "reach across the chasm of a seamless signal"?
What is expressing "real" love or affirmation about? Is it about effort, thoughtfulness, generosity, something else? What might a thoughtful or generous interface feel or behave like?
Wikipedia
The Pareto principle
The Pareto principle (also known as the 80/20 rule, the law of the vital few, or the principle of factor sparsity) states that, for many events, roughly 80% of the effects come from 20% of the causes.
Concrete poetry
Concrete poetry is an arrangement of linguistic elements in which the typographical effect is more important in conveying meaning than verbal significance.
Pinkas Synagogue
Names of the Holocaust victims from Czech lands on the synagogue's inner wall.
During reconstruction in 1950–1954, the original floor-level as well as the appearance of the synagogue were restored. In following five years, the walls of the synagogue were covered with names of about 78,000 Bohemian and Moravian Jewish victims of Shoah. The names are arranged by communities where the victims came from and complemented with their birth and death date.
Saudade
Saudade is a deep emotional state of nostalgic or profound melancholic longing for an absent something or someone that one cares for and/or loves. Moreover, it often carries a repressed knowledge that the object of longing might never be had again.
Transclusion
In computer science, transclusion is the inclusion of part or all of an electronic document into one or more other documents by hypertext reference. Transclusion is usually performed when the referencing document is displayed, and is normally automatic and transparent to the end user. The result of transclusion is a single integrated document made of parts assembled dynamically from separate sources, possibly stored on different computers in disparate places.
Transclusion facilitates modular design: a resource is stored once and distributed for reuse in multiple documents. Updates or corrections to a resource are then reflected in any referencing documents. Ted Nelson coined the term for his 1980 nonlinear book Literary Machines, but the idea of master copy and occurrences was applied 17 years before, in Sketchpad.
Phonaesthetics
Phonaesthetics is the study of beauty and pleasantness associated with the sounds of certain words or parts of words. The term was first used in this sense, perhaps by J. R. R. Tolkien, during the mid-twentieth century and derives from the Greek: φωνή (phōnē, "voice-sound") plus the Greek: αἰσθητική (aisthētikē, "aesthetic").
Rage rooms
A rage room, also known as a smash room or anger room, is a business where people can vent their rage by destroying objects within a room.
Truchet Tiles
Truchet tiles are square tiles decorated with patterns that are not rotationally symmetric. When placed in a square tiling of the plane, they can form varied patterns, and the orientation of each tile can be used to visualize information associated with the tile's position within the tiling.
Wang tiles
Wang tiles (Hao Wang, 1961) are a class of formal systems. They are modelled visually by square tiles with a color on each side. A set of such tiles is selected, and copies of the tiles are arranged side by side with matching colors, without rotating or reflecting them.
The basic question about a set of Wang tiles is whether it can tile the plane or not, i.e., whether an entire infinite plane can be filled this way. The next question is whether this can be done in a periodic pattern.
In 1966, Wang's student Robert Berger solved the problem in the negative. He proved that no algorithm for the problem can exist, by showing how to translate any Turing machine into a set of Wang tiles that tiles the plane if and only if the Turing machine does not halt. The undecidability of the halting problem then implies the undecidability of Wang's tiling problem.
The linear city
The linear city was an urban plan for an elongated urban formation. The city would consist of a series of functionally specialized parallel sectors.
As the city expanded, additional sectors would be added to the end of each band, so that the city would become ever longer, without growing wider.
Tactical urbanism
Tactical urbanism includes low-cost, temporary changes to the built environment, usually in cities, intended to improve local neighborhoods and city gathering places. Tactical urbanism is also commonly referred to as guerrilla urbanism, pop-up urbanism, city repair, or D.I.Y. urbanism.
The Street Plans Collaborative defines "tactical urbanism" as an approach to urban change that features the following five characteristics:
- A deliberate, phased approach to instigating change;
- The offering of local solutions for local planning challenges;
- Short-term commitment and realistic expectations;
- Low-risks, with a possibly high reward; and
- The development of social capital between citizens and the building of organizational capacity between public-private institutions, non-profits, and their constituents.
Inglenook
An inglenook, or chimney corner, is a recess that adjoins a fireplace. The inglenook originated as a partially enclosed hearth area, appended to a larger room. The hearth was used for cooking, and its enclosing alcove became a natural place for people seeking warmth to gather. With changes in building design, kitchens became separate rooms, while inglenooks were retained in the living space as intimate warming places, subsidiary spaces within larger rooms.
Aedicula
Front of the Library of Celsus with aediculae in Ephesus.
In ancient Roman religion, an aedicula (plural aediculae) is a small shrine.
Many aediculae were household shrines that held small altars or statues of the Lares and Penates, household gods guarding the entire house.
Other aediculae were small shrines within larger temples, usually set on a base, surmounted by a pediment and surrounded by columns. In ancient Roman architecture the aedicula has this representative function in the society. They are installed in public buildings like the triumphal arch, city gate, and thermae.
From the 4th century Christianization of the Roman Empire onwards such shrines, or the framework enclosing them, are often called by the Biblical term tabernacle, which becomes extended to any elaborated framework for a niche, window or picture.
Caustic (optics)
Caustics made by the surface of water.
In optics, a caustic is the envelope of light rays reflected or refracted by a curved surface or object, or the projection of that envelope of rays on another surface. The caustic is a curve or surface to which each of the light rays is tangent, defining a boundary of an envelope of rays as a curve of concentrated light.
Terroir
Terroir is a French term used to describe the environmental factors that affect a crop's phenotype, including unique environment contexts, farming practices and a crop's specific growth habitat. Collectively, these contextual characteristics are said to have a character; terroir also refers to this character.
Mondegreen
A mondegreen is a mishearing or misinterpretation of a phrase in a way that gives it a new meaning. Mondegreens are most often created by a person listening to a poem or a song; the listener, being unable to clearly hear a lyric, substitutes words that sound similar and make some kind of sense.
American writer Sylvia Wright coined the term in 1954, writing that as a girl, when her mother read to her from Percy's Reliques, she had misheard the lyric "layd him on the green" in the fourth line of the Scottish ballad "The Bonny Earl of Murray" as "Lady Mondegreen".
Parkinson's Law
Work expands so as to fill the time available for its completion.
Eating your own dog food
Eating your own dog food or “dogfooding” is the practice of using one's own products or services. This can be a way for an organization to test its products in real-world usage using product management techniques. Hence dogfooding can act as quality control, and eventually a kind of testimonial advertising. Once in the market, dogfooding can demonstrate developers confidence in their own products.
Illa de la Discòrdia
A city block on Passeig de Gràcia in the Eixample district of Barcelona, Catalonia, Spain. The block is noted for having buildings by four of Barcelona's most important Modernista architects, Lluís Domènech i Montaner, Antoni Gaudí, Josep Puig i Cadafalch and Enric Sagnier, in close proximity. As the four architects' styles were very different, the buildings clash with each other and the neighboring buildings.
Baumol’s cost disease
Baumol's cost disease (or the Baumol effect) is the rise of salaries in jobs that have experienced no or low increase of labor productivity, in response to rising salaries in other jobs that have experienced higher labor productivity growth.
The rise of wages in jobs without productivity gains derives from the requirement to compete for employees with jobs that have experienced gains and so can naturally pay higher salaries, just as classical economics predicts. For instance, if the retail sector pays its managers 19th-century-style salaries, the managers may decide to quit to get a job at an automobile factory, where salaries are higher because of high labor productivity. Thus, managers' salaries are increased not by labor productivity increases in the retail sector but by productivity and corresponding wage increases in other industries.
ƒ/8 and be there
"f/8 and be there" is an expression popularly used by photographers to indicate the importance of taking the opportunity for a picture rather than being too concerned about using the best technique. Often attributed to the noir-style New York City photographer Weegee, it has come to represent a philosophy in which, on occasion, action is more important than reflection.
Betteridge's law of headlines
Betteridge's law of headlines is an adage that states: "Any headline that ends in a question mark can be answered by the word no."
It is named after Ian Betteridge, a British technology journalist who wrote about it in 2009, although the principle is much older. It is based on the assumption that if the publishers were confident that the answer was yes, they would have presented it as an assertion; by presenting it as a question, they are not accountable for whether it is correct or not.