The World Wide Web
It leaves no sign of its past self behind
The problem with trees
The business case for craft
Growing in the correct way
We are working against the grain of the wood
Shortlist of interesting spaces
The internet grew by breaking
Your new electronic microscope
More that can be done
Web trails
Microcosm
Dame Wendy Hall, at the University of Southhampton, sought to extend the life of the link further in her own program, Microcosm. Each link made by the user was stored in a linkbase, a database apart from the main text specifically designed to store metadata about connections. In Microcosm, links could never die, never rot away. If their connection was severed they could point elsewhere since links weren’t directly tied to text. You could even write a bit of text alongside links, expanding a bit on why the link was important, or add to a document separate layers of links, one, for instance, a tailored set of carefully curated references for experts on a given topic, the other a more laid back set of links for the casual audience.
On Technology
As we look back 10 years from now, the web is going to be the defining technology, the defining social moment for our generation.
I think it’s going to be huge.
A web of books
A proof of concept for an RSS-like books feed
Thinking through building some kind of “web of books” I realized that we could use something similar to RSS to build a kind of decentralized GoodReads powered by indie sites and an underlying easy to parse format.
I created a proof of concept by converting my own bookshelf into a JSON file https://tomcritchlow.com/library.json.
If you think of several sites publishing their bookshelf as a library.json file you can imagine a bookshelf “feed reader” that let’s you keep track of friends bookshelves
Eggs, Easter and poached
When a site is done with care and excitement you can tell. You feel it as you visit, the hum of intention. The craft, the cohesiveness, the attention to detail is obvious. And in turn, you meet them halfway. These are the sites with the low bounce rates, the best engagement metrics, the ones where they get questions like “can I contribute?” No gimmicks needed.
What if you don’t have the time? Of course, we all have to get things over the line. Perhaps a challenge: what small thing can you incorporate that someone might notice? Can you start with a single detail? I didn’t start with a poached egg in my breakfast, one day I made a goofy scrambled one. It went on from there. Can you challenge yourself to learn one small new technique? Can you outsource one graphic? Can you introduce a tiny easter egg? Say something just a little differently from the typical corporate lingo?
The vast open seas
We didn't have Google in the early days. Other search engines like Lycos, Excite and Northern Lights did exist but were nowhere near as efficient as modern search engines. Finding something you were interested in was not as simple as typing a few words and getting to that information in one click.
No, the web was much more of an adventure. It was a place that you wandered to discover new areas, like exploring the vast open seas. A new virtual space that lead to all kinds of strange, interesting, exciting places. This is what the web was like, at least, in our collective imagination.
It can also be art
It is worth remembering a website does not have to be a product; it can also be art. The web is also a creative and cultural space that need not confine itself to the conventions defined by commercial product design and marketing.
If you run a website
If you run a website and you put official share buttons on your website, use intrusive analytics platforms, serve ads through a third-party ad network or use pervasive cookies to share and sell data on your users, you're contributing to a user-hostile web. You're using free and open-source tools created by thousands of collaborators around the world, over an open web and in the spirit of sharing, to subvert users.
What do we want the web to be?
Do we want the web to be open, accessible, empowering and collaborative? Free, in the spirit of CERN’s decision in 1993 or the open source tools it's built on? Or do we want it to be just another means of endless consumption, where people become eyeballs, targets and profiles? Where companies use your data to control your behaviour and which enables a surveillance society—what do we want?
gridless.design
A Website by Donnie D'Amatoget rid of the grid
Blasphemy, I need structure and order!"
The web is good at these things, just not in the ways that designers have been accustomed to working. We'll take a look at how we got here and how we might change our perspective. Let's think outside of the grid and allow other guidelines to provide a comprehensive layout.
The Website Obesity Crisis
A Talk by Maciej CegłowskiWeb Design - The First 100 Years
A Talk by Maciej CegłowskiA Brief Rant
An Essay by Bret VictorAgainst an Increasingly User-Hostile Web
An Article by Parimal SatyalWe are quietly replacing an open web that connects and empowers with one that restricts and commoditizes people. We need to stop it.
Web Design is 95% Typography
An Article by Oliver Reichenstein95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.
Why Do All Websites Look the Same?
An Article by Boris MüllerOn the visual weariness of the web.
Rediscovering the Small Web
An Article by Parimal SatyalDesign Links & Learning
A Blog by Nick TrombleyCollections of articles, links, and other material from around the web, relevant to software design and engineering.
Snipping the dead blooms
A Quote by Robin SloanI recognize this is a very niche endeavor, but the art and craft of maintaining a homepage, with some of your writing and a page that's about you and whatever else over time, of course always includes addition and deletion, just like a garden — you're snipping the dead blooms. I do this a lot. I'll see something really old on my site, and I go, “you know what, I don't like this anymore,” and I will delete it.
But that's care. Both adding things and deleting things. Basically the sense of looking at something and saying, “is this good? Is this right? Can I make it better? What does this need right now?” Those are all expressions of care. And I think both the relentless abandonment of stuff that doesn't have a billion users by tech companies, and the relentless accretion of garbage on the blockchain, I think they're both kind of the antithesis, honestly, of care.
What shape is the internet?
A Gallery by Noah VeltmanAccording to patent drawings, it's a cloud, or a bean, or a web, or an explosion, or a highway, or maybe a weird lump.
Downsides of the internet
An EssayThe type of nitpicking behavior that I mentioned earlier, is especially problematic since it often causes the loss of writer’s authenticity. With time, these criticisms cause one of the following:
- The writer stops publishing their work.
- The writer stops reading comments and minds their own business.
- The writer learns their lesson and sands off their edges in order to fit better in the society du jour.
The larger the writer’s audience, the more likely it is for the writer to pick the last option and tone down their voice. You can experience this first hand when reading the essays of prominent bloggers. Their early work is usually interesting and fun to read, which naturally brought a large audience to their doors. But the more the show goes on, the more they will waffle around the topic, since with a large enough audience every thought will be misunderstood and nitpicked mercilessly.
Make Free Stuff
At its very core, the rules of the web are different than those of “real” markets. The idea that ownership fundamentally means that nobody else can have the same thing you have just doesn’t apply here. This is a world where anything can easily be copied a million times and distributed around the globe in a second. If that were possible in the real world, we’d call it Utopia.
…Resource Scarcity doesn’t make sense on the web. Artificially creating it here serves no other purpose than to charge money for things that could easily have been free for all. Why anyone would consider that better is beyond me.
Thoughts On Shitpost Diplomacy
An Article by Tanner GreerThat our diplomat’s first impulse is to resort to a self-defeating meme speaks to a broader problem—the sort of cultural problem instinctual reactions to crisis make most clear. This is a problem of an entire generation—my generation. We are a people that retweets when we could be reading. The minds of best and our brightest have been poisoned by ratios, “god tweets,” and memes. We came of age on Twitter, Tumblr, and 4chan, and still see the world through their frames. We find it harder and harder to distinguish the actual from the image; we struggle to disentangle perception management from problem management. This is what it looks like when the terminally online ascend to positions of real responsibility. Welcome to the age of shitpost diplomacy.
Spatial Web Browsing
An Article by Maggie AppletonThere are some new apps appearing that offer alternative ways of browsing the web...This canvas-based approach adds spatial dimension to the web browsing experience; they allow us to arrange browser windows above, below, to the left, and right of other browser windows.
The same way we're able to put an open book next to a piece of paper and below a row of sticky notes in meatspace. Arranging objects in space to create groupings, indicate relationships, and build hierarchies is one of those classical human skills that never goes out of style.
drawing.garden
A Website by Ben MorenGardening, but with emojis and less time.
Plain old webpages still matter
An Article by Felix PleşoianuIt's empowering to see just how far you can go with a website you can, in a pinch, create or modify with nothing more than Notepad. Not to mention all the new people it can reach without the overhead of bloated server software slowing it down and inflating the code.
Don't let others speak for you on the web. You deserve better.
Million Short
A WebsiteMillion Short makes it easy to discover sites that just don't make it to the top of the search engine results for whatever reason – whether it be poor SEO, new site, small marketing budget, or competitive keywords. The Million Short technology gives users access to the wealth of untapped information on the web.
Menus, Metaphors and Materials: Milestones of User Interface Design
An Article by Boris MüllerStudents traditionally learn art and design by studying the masters, analyzing, sketching and interpreting the grand visions of the past. In doing this, they get to understand the ideas, concepts and motivations behind the visual form.
In user interface design, this practice is curiously absent.
Metaphors We Web By
An Essay by Maggie AppletonAs George Lakoff and Mark Johnson made clear in their touchstone book Metaphors We Live By, metaphors are the basis of all human thought and reasoning. The metaphors we use to speak about the web are not simply linguistic trivia – they determine how we understand it on a fundamental level. It determines what we think the web is capable of, what risks, opportunities, and challenges it poses. Which means the metaphors we use to think about the web profoundly influence what we think the web is, what we think we can do with it, and how we might change or evolve it.
…Out of all of these metaphors [for the web], the two most enduring are paper and physical space.
scribe.rip
An ApplicationI hadn't realized that Medium had made JavaScript a requirement to be able to read any Medium post - I'd had JS disabled for ages on Medium just because of all the extra cruft they added.
But now, without JS, you only get the first few lines of content, and the rest is loaded entirely with JS - which is...stupid.
Scribe fixes all that and focuses entirely on the author's content.
Why Would I Want to Use This?
- You believe in an open web
- You believe more in the author than the platform
- You don't like the reading experience that Medium provides
- You object to Medium's extortionist business tactics
- You're concerned about how Medium uses your data
- Other reasons
Design Systems, Agile, and Industrialization
An Article by Brad FrostI’ve come to the conclusion that “enterprise web development” is just regular web development, only stripped of any joy or creativity or autonomy. It’s plugging a bunch of smart people into the matrix and forcing them to crank out widgets and move the little cards to the right.
In these structures, people are stripped of their humanity as they’re fed into the machine. It becomes “a developer resource is needed” rather than “Oh, Samantha would be a great fit for this project.” And the effect of all this on individuals is depressing. When people’s primary motivation is to move tickets over a column, their ability to be creative or serve a higher purpose are almost completely quashed. Interaction with other humans seems to be relegated to yelling at others to tell them they’re blocked.
Reading “AS PER THE REQUIREMENTS” in tickets makes me dry heave. How did such sterile, shitty language seep into my everyday work?
How I experience the web today
A WebsiteMake 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?
Locus. (Appwalls)
An Article by Ethan MarcotteI’ve noticed a recent trend on the web — or at least, on the parts of it I’ve visited. Maybe you’ve noticed it too.
Here’s what happens: you’re on a website, and one of these little prompts pops up...[to] let you know that there’s an app, and that the website you’re on...well, it’s not quite the app, is it?
...Sometimes, the website wants me to install the app — no, it needs me to install the app. It’s like a paywall, but for apps. An appwall.
In recent years, these prompts have gotten more prominent, and occasionally impassable. And I think that trend’s interesting. Why would a company promote a native app over their perfectly usable website?
It feels like a glimpse into that company’s design priorities. And it’s possibly providing us with insight into the business value they place on the open web — a medium that’s meant to be accessible everywhere, on any screen, on any device.
And it really does feel like these glimpses are becoming more common.
Jacob Leech, Digital Craftsman
A Profile by Jacob LeechI'm Jacob — a designer and coder who creates things with computers (Fig 1) 'Digital Craftsman' best describes my skill set.
Digital projects thrive when designers understand how they will be built. Just as an architect understands how a structure is created, the same should be true on the web.
Exit pages
An Idea by Brad EnslenToday I made an Exit page. So many people end their visit by hitting the Back button on their browser. The exit page is a last attempt to get them to explore the Blog Directory to find an entertaining blog. Or failing that to try a search on a search engine they may have never tried before.
The indie web manifesto
A DefinitionWhile commercial websites display more and more agressive messages, target and track their users, the indie web respects the individuals, their intelligence and their privacy; it’s an open forum for thoughts and debate. While purely commercial websites turn into information and entertainment magazines, while tycoons of media, telecom, computing and military agencies fight for the control of the Internet, the indie web offers a free vision of the world, bypasses the economic censorship of news, its confusion with advertising and infommercial, its reduction to a dazing and manipulating entertainment.
136 things every web developer should know before they burn out and turn to landscape painting or nude modelling
An Article by Baldur Bjarnason- The best way to improve software UX is regular direct observation, by everybody on the team, of the work done.
- Have some personality.
- Minimalism is garbage.
- Metaphors are fantastic.
- Naming things is fantastic.
- Try to write HTML that would make sense and be usable without the CSS.
- The buyer is quite often wrong. That fact never changes their mind.
- Working on a functioning app’s codebase does more to increase its quality than adding features.
- A good manager will debate you, and that’s awesome.
- The term ‘project’ is a poor metaphor for the horticultural activity that is software development.
All websites are just digital movie theaters now
An Article by Ryan BroderickIf I had to guess where this is all going, I’d say that what an internet platform is actually has already permanently shifted. Instead of apps trying to dominate specific features — a platform for video, a platform for expiring content, a platform for connecting social networking, a platform for livestreaming, a platform for resumes — we’ve already entered a new era of online networks where they all will essentially offer the same services and instead, focus increasingly on specific demographics.
The web in decay is the web by design
An Essay by Chia AmisolaWhen will there be a guide to best practices for archiving the web?
Will the giants responsible for the platformization of the web make the act of digital archival any easier for us?
Is it foolish for platforms like Snapchat or Instagram Stories to brand themselves as “temporary” when temporariness is impossible on our internet?
Should the web exist as something organic, malleable, and destructible –– or as an eternal timekeeper?
Is link rot more of a technological issue or a human one?
Do humans want to know themselves forever?
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.The amorality of Web 2.0
An Essay by Nicholas CarrThe Internet is changing the economics of creative work – or, to put it more broadly, the economics of culture – and it’s doing it in a way that may well restrict rather than expand our choices. Wikipedia might be a pale shadow of the Britannica, but because it’s created by amateurs rather than professionals, it’s free. And free trumps quality all the time.
Project 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."
Discourse in web design
An Essay by Jason Santa MariaA website is its own, singular thing. We know it isn’t a book, a TV show, a film, or a song, but our language is limited to talking about it in those restrictive boxes. A website is a mix of all of those things, and none of those things. It is influenced by place and time. A website changes with age. It can evolve and regress.
It was then I wondered if the problem wasn’t that web design lacked its own Emigré. What if we actually lacked a shared language to critically discuss web design? Art, architecture, and even graphic design, have critics and historians that give context to new work through the lenses of culture and important work from the past.
Guidelines for Brutalist Web Design
An Article by David Bryant Copeland- Content is readable on all reasonable screens and devices.
- Only hyperlinks and buttons respond to clicks.
- Hyperlinks are underlined and buttons look like buttons.
- The back button works as expected.
- View content by scrolling.
- Decoration when needed and no unrelated content.
- Performance is a feature.
Hyperland, Intermedia, and the Web That Never Was
An Article by Claire L. EvansHuman-scale digital spaces
An Article by Alexis LloydThe open web is much like emergent, unplanned cities — it happens at the scale of the individual, it allows for unexpected creativity, it gives agency to anyone (well, anyone with sufficient technical knowledge) to shape their own spaces. On the other hand, the platforms that now dominate much of the web experience are more evocative of Moses’s planned cities—they often occur at the scale of the corporation, and have rigid, predictable constraints for how individuals can behave and express themselves.
Tokenize This
An Artwork by Benjamin GrosserDifferent from the typical website whose URLs act as persistent indexes to a page and its contents, Tokenize This destroys each work right after its creation. While the unique digital object remains viewable by the original visitor for as long as they leave their browser tab open, any subsequent attempt to copy, share, or view that URL in another tab, browser, or system, leads to a “404 Not Found” error. In other words, Tokenize This generates countless digital artifacts that can only be viewed or accessed once.
Bo Burnham: Inside
A Film by Bo BurnhamOn onion cutting
An Article by Ana RodriguesIn the television show Masterchef there was an episode where the judges did a test on what they call “basic skills”. One of the judges often says that in order to be a “true chef”, you must know how to quickly and finely cut onions.
...This was really bothering me and I am stubborn so I wanted to win this fake argument really badly so I looked up why the way one cuts onions is important: as it turns out, the shape and even the surface area affect the end flavour. I thought the whole “chop chop chop” was about performance in the kitchen. Cut quickly to serve quickly! I was wrong.
Social Attention: a modest prototype in shared presence
An Article by Matt WebbMy take is that the web could feel warmer and more lively than it is. Visiting a webpage could feel a little more like visiting a park and watching the world go by. Visiting my homepage could feel just a tiny bit like stopping by my home.
The Value of a Personal Site
An ArticleA personal site offers a dedicated place to experiment across the entire tech-stack; not a deliverable for a client that is handed over and then never touched by me again. A personal site is a place to try out that new API, see what can be done with CSS, truly discover what the Web can be.
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.
This used to be our playground
An Essay by Simon CollisonThere was a time when owning digital space seemed thrilling, and our personal sites motivated us to express ourselves. There are signs of a resurgence, but too few wish to make their digital house a home.
A shifting house next to a river of knowledge
An Essay by Laurel SchwulstMy website is a shifting house next to a river of knowledge. What could yours be?
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.
Front-of-the-front-end and back-of-the-front-end web development
An Article by Brad FrostA succinct way I’ve framed the split is that a front-of-the-front-end developer determines the look and feel of a
button
, while a back-of-the-front-end developer determines what happens when thatbutton
is clicked.Do We Need This?
An ArticleUltimately this redesign has been a study in less, trying to dig deep and find out what it is I actually want for this site. A momentary visual “wow”, or quality content that is worthy of your attention? I decided on the latter, with less visual clutter it is far harder to try obscure bad or shallow writing behind a veneer of pretty images and effects. Posts may take longer to write but I hope this new design will push towards content that is worthy of your time.
The 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.
Cool URIs don't change
An Essay by Tim Berners-LeeWhat makes a cool URI?
A cool URI is one which does not change.
What sorts of URI change?
URIs don't change: people change them.Web History Chapter 6: Web Design
A Chapter by Jay HoffmannAfter the first websites demonstrate the commercial and aesthetic potential of the web, the media industry floods the web with a surge of new content. Amateur webzines — which define and voice and tone unique to the web — are soon joined by traditional publishers. By the mid to late 90’s, most major companies will have a website, and the popularity of the web will begin to explore. Search engines emerge as one solution to cataloging the expanding universe of websites, but even they struggle to keep up. Brands soon begin to look for a way to stand out.
A Dao of Web Design
An Essay by John AllsoppWhat I sense is a real tension between the web as we know it, and the web as it would be. It’s the tension between an existing medium, the printed page, and its child, the web. And it’s time to really understand the relationship between the parent and the child, and to let the child go its own way in the world.
Web History Chapter 1: Birth
A Chapter by Jay HoffmannWhat On Earth is a Brutalist Website?
An ArticleSome of the web’s early richness has gradually been getting lost in a sea of landing pages, hero images, sans-serifs, and calls-to-action. “Web brutalism” is a valid reminder that there is still a world of possibilities out there, if we are bold enough to break free of our UI kits and stock photos.
Web Brutalism, seamfulness, and notion
An Essay by Brandon DornHow a tool for sensemaking reconciles two distinct software design ideologies.
- Seamful vs. seamless
- Reveling in infrastructure
- The brilliance of notion
- How our understanding is working
The split personality of brutalist web development
An ArticleWhen brutalist web design isn’t going all in on rationalism and functionality, it’s laughing in the face of rationalism and functionality. All clear?
The term has grown to encompass approaches that are in many senses at odds with each other. Indeed, Pascal Deville, who founded the Brutalist Websites directory after coining the term in 2014, thinks the style has splintered into three micro-stylistics:
- Purists,
- UX minimalists,
- Anti-ists (or artists).
Of Note: Better Text Annotations for the Web
An Article by Brandon DornGenerally speaking (and ignoring questions of styling, API availability, etc.), an ideal Web annotation pattern follows these principles:
- Annotations appear in close visual proximity to the primary content.
- Their design neither distracts from nor hides the primary content.
- The preceding principles are followed regardless of screen width.
The only pattern I’ve found that meets these criteria is FiveThirtyEight’s.
...As it turns out, FiveThirtyEight didn't invent this pattern. It likely originated in medieval illuminated manuscripts which contain “interleave notes” — comments written literally between the lines.
Painting With the Web
An Article by Matthias OttSo much about [Gerhard Richter's painting process] reminds me of designing and building for the Web: The unpredictability, the peculiarities of the material, the improvisation, the bugs, the happy accidents. There is one crucial difference, though. By using static wireframes and static layouts, by separating design and development, we are often limiting our ability to have that creative dialogue with the Web and its materials. We are limiting our potential for playful exploration and for creating surprising and novel solutions. And, most importantly, we are limiting our ability to make conscious, well-informed decisions going forward. By adding more and more layers of abstraction, we are breaking the feedback loop of the creative process.
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.
The Web is Industrialized and I Helped Industrialize It
An Article by Dave RupertIn our cultural obsession with billionaire entrepreneurs we laud new features more than the maintenance and incrementalism work of making old features better and more accessible. Maintenance looks like red minus signs in the spreadsheet. New features look like green plus signs. New features look better on our LinkedIn profiles. New features have that pizzazz, baby.
When gardening, the building of planters and initial planting is a very short process. The majority of your time is spent nurturing and monitoring growth. I personally feel the struggle between maintainer work and new shiny feature work. I enjoy that new feature smell but I know that my day-to-day is more like a janitor on a boat mopping up someone else’s barf. In terms of metaphors, the gardening metaphor is certainly better, and it acknowledges that design and development still tend to be more creative endeavors.
The Taft Test
A Tool by Maciej CegłowskiDoes your page design improve when you replace every image with William Howard Taft?
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?
XXIIVV Webring
A WebsiteThis webring is an attempt to inspire artists & developers to build their own website and share traffic among each other.
How the Blog Broke the Web
An Article by Amy HoyOn the "Building" of Software and Websites
An Essay by Dorian TaylorI’m beginning to suspect that software, and more conspicuously the Web, is fundamentally the wrong shape for the archetype of the construction project.
Every Website is an Essay
An Article by Robin Rendle"Every website that’s made me oooo and aaahhh lately has been of a special kind; they’re written and designed like essays. There’s an argument, a playfulness in the way that they’re not so much selling me something as they are trying to convince me of the thing. They use words and type and color in a way that makes me sit up and listen.
And I think that framing our work in this way lets us web designers explore exciting new possibilities. Instead of throwing a big carousel on the page and being done with it, thinking about making a website like an essay encourages us to focus on the tough questions. We need an introduction, we need to provide evidence for our statements, we need a conclusion, etc. This way we don’t have to get so caught up in the same old patterns that we’ve tried again and again in our work.
And by treating web design like an essay, we can be weird with the design. We can establish a distinct voice and make it sound like an honest-to-goodness human being wrote it, too."
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.
Small Pieces Loosely Joined: A Unified Theory of the Web
A Book by David Weinberger
Steve Jobs
You'll know it's there
Jobs's father had once taught him that a drive for perfection meant caring about the craftsmanship even of the parts unseen. Jobs applied that to the layout of the circuit board inside the Apple II. He rejected the initial design because the lines were not straight enough.
In an interview a few years later, after the Macintosh came out, Jobs again reiterated that lesson from his father: "When you're a carpenter making a beautiful chest of drawers, you're not going to use a piece of plywood on the back, even though it faces the wall and nobody will ever see it. You'll know it's there, so you're going to use a beautiful piece of wood on the back. For you to sleep well at night, the aesthetic, the quality, has to be carried all the way through."
The Apple Marketing Philosophy
Markkula wrote his principles in a one-page paper titled "The Apple Marketing Philosophy" that stressed three points.
The first was empathy, an intimate connection with the feelings of the customer: "We will truly understand their needs better than any other company."
The second was focus: "In order to do a good job of those things that we decide to do, we must eliminate all of the unimportant opportunities."
The third and equally important principle, awkwardly named, was impute. It emphasized that people form an opinion about a company or product based on the signals that it conveys. "People DO just a book by its cover," he wrote. "We may have the best product, the highest quality, the most useful software etc.; if we present them in a slipshod manner, they will be perceived as slipshod; if we present them in a creative, professional manner, we will impute the desired qualities."
Not just in the details
There falls a shadow, as T.S. Eliot noted, between the conception and the creation. In the annals of innovation, new ideas are only part of the equation. Execution is just as important.
The improvements [over Xerox] were in not just the details but the entire concept. The mouse at Xerox PARC could not be used to drag a window around the screen. Apple's engineers devised an interface so you could not only drag windows and files around, you could even drop them into folders. The Xerox system required you to select a command in order to do anything...the Apple system transformed the desktop metaphor into virtual reality by allowing you to directly touch, manipulate, drag, and relocate things. And Apple's engineers worked in tandem with its designers to improve the desktop concept by adding delightful icons and menus that pulled down from a bar atop each window and the capability to open files and folders with a double click.
An icon is a symbol equally incomprehensible in all human languages
An icon is a symbol equally incomprehensible in all human languages. There's a reason why humans invented phonetic languages.
If it could save a person's life, would you find a way to make it faster?
"If it could save a person's life, would you find a way to shave ten seconds off the boot time?" [Jobs] asked. Kenyon allowed that he probably could. Jobs went to a whiteboard and showed that if there were five million people using the Max, and it took ten seconds extra to turn it on every day, that added up to three hundred million or so hours per year that people would save, which was the equivalent of at least one hundred lifetimes saved per year. "Larry was suitably impressed, and a few weeks later he came back and it booted up twenty-eight seconds faster," Atkinson recalled. "Steve had a way of motivating by looking at the bigger picture."
We might as well make them beautiful
The Macintosh team came to share Jobs's passion for making a great product, not just a profitable one. "Jobs thought of himself as an artist, and he encouraged the design team to think of ourselves that way too," said Hertzfeld. "The goal was never to beat the competition, or even to make a lot of money. It was the do the greatest thing possible, or even a little greater." He once took the team to see an exhibit of Tiffany glass at the Metropolitan Museum in Manhattan because he believed they could learn from Louis Tiffany's example of creating great art that could be mass-produced. Recalled Bud Tribble, "We said to ourselves, 'Hey, if we're going to make things in our lives, we might as well make them beautiful.'"
Models and iterations
Every month or so, Manock and Oyama would present a new iteration based on Jobs's previous criticisms. The latest plaster model would be dramatically unveiled, and all the previous attempts would be lined up next to it. That not only helped them gauge the design's evolution, but it prevented Jobs from insisting that one of his suggestions had been ignored.
For a computer to be friendly
Even though Steve didn't draw any of the lines, his ideas and inspiration made the design what it is. To be honest, we didn't know what it meant for a computer to be 'friendly' until Steve told us.
It's not just a little thing
At one point Kare and Atkinson complained that he was making them spend too much time on tiny little tweaks to the title bar when they had bigger things to do. Jobs erupted. "Can you imagine looking at that every day?" he shouted. "It's not just a little thing, it's something we have to do right."
Real artists sign their work
When the design was finally locked in, Jobs called the Macintosh team together for a ceremony. "Real artists sign their work," he said. So he got out a sheet of drafting paper and a Sharpie pen and had all of them sign their names. The signatures were engraved inside each Macintosh.
Whole widgets
Jobs believed that for a computer to be truly great, its hardware and its software had to be tightly linked. When a computer was open to running software that also worked on other computers, it would end up sacrificing some functionality. The best products, he believed, were "whole widgets" that were designed end-to-end, with the software closely tailored to the hardware and vice versa.
A ripple through the universe
As every day passes, the work fifty people are doing here is going to send a giant ripple through the universe. I know I might be a little hard to get along with, but this is the most fun thing I've done in my life.
Customers don't know what they want
At the end of the presentation someone asked whether he thought they should do some market research to see what customers wanted. "No," he replied, "because customers don't know what they want until we've shown them." Then he pulled out a device that was about the size of a desk diary. "Do you want to see something neat?" When he flipped it open, it turned out to be a mock-up of a computer that could fit in your lap, with a keyboard and a screen hinged together like a notebook. "This is my dream of what we will be making in the mid- to late eighties," he said. They were building a company that would invent the future.
All sorts of ways to use the machine
Jobs wanted to sell Pixar's computers to a mass market, so he had the Pixar folks open up sales offices—for which he approved the design—in major cities, on the theory that creative people would soon come up with all sorts of ways to use the machine. "My view is that people are creative animals and will figure out clever new ways to use tools that the inventor never imagined."
One keyboard at a time
His frustration with Apple was evident when he gave a talk to a Stanford Business School club at the home of a student, who asked him to sign a Macintosh keyboard. Jobs agreed to do so if he could remove the keys that had been added to the Mac after he left. He pulled out his car keys and pried off the four arrow cursor keys, which he had once banned, as well as the top row of F1, F2, F3 ... function keys. "I'm changing the world one keyboard at a time," he deadpanned. Then he signed the mutilated keyboard.
Think Different.
They debated the grammatical issue: If "different" was supposed to modify the verb "think," it should be an adverb, as in "think differently." But Jobs insisted that he wanted "different" to be used as a noun, as in "think victory" or "think beauty." Also, it echoed colloquial use, as in "think big." Jobs later explained, "We discussed whether it was correct before we ran it. It's grammatical, if you think about what we're trying to say. It's not think the same, it's think different. Think a little different, think a lot different, think different. 'Think differently' wouldn't hit the meaning for me"
Ban PowerPoints
One of the first things Jobs did during the product review process was ban PowerPoints. "I hate the way people use slide presentations instead of thinking," Jobs later recalled. "People would confront a problem by creating a presentation. I wanted them to engage, to hash things out at the table, rather than show a bunch of slides. People who know what they're talking about don't need PowerPoint."
Which ones do I tell my friends to buy?
The product review revealed how unfocused Apple had become. The company was churning out multiple versions of each product because of bureaucratic momentum and to satisfy the whims of retailers..."I had people explaining this to me for three weeks," Jobs said. "I couldn't figure it out." He finally began asking simple questions, like, "Which ones do I tell my friends to buy?"
When he couldn't get simple answers, he began slashing away at models and products. Soon he had cut 70% of them..."I came out of the meeting with people who had just gotten their products canceled and they were three feet off the ground with excitement because they finally understood where in the heck we were going."
After a few weeks Jobs finally had enough. "Stop!" he shouted at one big product strategy session. "This is crazy." He grabbed a magic marker, padded to a whiteboard, and drew a horizontal and vertical line to make a four-squared chart. "Here's what we need," he continued. Atop the two columns he wrote "Consumer" and "Pro"; he labeled the two rows "Desktop" and "Portable." Their job, he said, was to make four great products, one for each quadrant. "The room was in dumb silence," Schiller recalled.
That feeling of putting care into a product
I always understood the beauty of things made by hand. I came to realize that what was really important was the care that was put into it. What I really despise is when I sense some carelessness in a product.
Unlike some designers, [Ive] didn't just make beautiful sketches; he also focused on how the engineering and inner components would work.
He became head of [the design department at Apple] in 1996, the year before jobs returned, but wasn't happy. Amelio had little appreciation for design.
There wasn't that feeling of putting care into a product, because we were trying to maximize the money we made. All they wanted from us designers was a model of what something was supposed to look like on the outside, and then engineers would make it as cheap as possible. I was about to quit.
To be truly simple
Why do we assume that simple is good? Because with physical products, we have to feel we can dominate them. As you bring order to complexity, you find a way to make the product defer to you. Simplicity isn't just a visual style. It's not just minimalism or the absence of clutter. It involves digging through the depth of the complexity. To be truly simple, you have to go really deep. For example, to have no screws on something you can end up having a product that is so convoluted and so complex. The better way is to go deeper with the simplicity, to understand everything about it and how it's manufactured. You have to deeply understand the essence of a product in order to be able to get rid of the parts that are not essential.
Total collaboration
The process of designing a product at Apple was integrally related to how it would be engineered and manufactured. Ive described one of Apple's Power Macs. "We wanted to get rid of anything other than what was absolutely essential," he said. "To do so required total collaboration between the designers, the product developers, the engineers, and the manufacturing team. We kept going back to the beginning, again and again. Do we need that part? Can we get it to perform the function of the other four parts?"
Pure and seamless
The connection between the design of a product, its essence, and its manufacturing was illustrated for Jobs and Ive when they were traveling in France and went into a kitchen supply store. Ive picked up a knife he admired, but then put it down in disappointment. Jobs did the same. "We both noticed a tiny bit of glue between the handle and the blade," Ive recalled. They talked about how the knife's good design had been ruined by the way it was manufactured. "We don't like to think of our knives as being glued together," Ive said. "Steve and I care about things like that, which ruin the purity and detract from the essence of something like a utensil, and we think alike about how products should be made to look pure and seamless."
When we make a model and realize it's rubbish
Much of the design process is a conversation, a back-and-forth as we walk around the tables and play with the models. He doesn't like to read complex drawings. He wants to see and feel a model. He's right. I get surprised when we make a model and then realize it's rubbish, even though based on the CAD renderings it looked great.
He loves coming in here because it's calm and gentle. It's a paradise if you're a visual person. There are no formal design reviews, so there are no huge decision points. Instead we can make the presentations fluid. Since we iterate every day and never have dumb-ass presentations, we don't run into major disagreements.
A ritual of unpacking
I love the process of unpacking something. You design a ritual of unpacking to make the product feel special. Packaging can be theater, it can create a story.
The iMac
Ive and his team worked with Apple's Korean manufacturers to perfect the process of making the cases, and they even went to a jelly bean factory to study how to make translucent colors look enticing. The cost of each case was more than $60 per unit, three times that of a regular computer case. Other companies would probably have demanded presentations and studies to show whether the translucent case would increase sales enough to justify the extra cost. Jobs asked for no such analysis.
Topping off the design was the handle nestled into the iMac. It was more playful and semiotic than it was functional. This was a desktop computer; not many people were really going to carry it it around. But as Ive later explained:
Back then, people weren't comfortable with technology. If you're scared of something, then you won't touch it. I could see my mum being scared to touch it. So I thought, if there's this handle on it, it makes a relationship possible. It's approachable. It's intuitive. It gives you permission to touch. It gives a sense of deference to you.
We'll slap a little color on this piece of junk
"The one thing Apple's providing now is leadership in colors," Gates said as he pointed to a Windows-based PC that he jokingly had painted red. "It won't take long for us to catch up with that, I don't think."
Jobs was furious, and he told a reporter that Gates, the man he had publicly decried for being completely devoid of taste, was clueless about what made the iMac so much more appealing than other computers. "The thing that our competitors are missing is they think it's about fashion, and they think it's about surface appearance," he said. "They said, We'll slap a little color on this piece of junk computer, and we'll have one, too."
The Apple Store
"Ron [Johnson] thinks we've got it all wrong. He thinks [the Apple store] should be organized not around products but instead around what people do." There was a pause, then Jobs continued. "And you know, he's right." He said they would redo the layout, even though it would likely delay the planned January rollout by three or four months. "We've only got one chance to get it right."
Jobs liked to tell the story—and he did so to his team that day—about how everything he had done correctly had required a moment when he hit the rewind button. In each case he had to rework something that he discovered was not perfect.
The iPod
Suddenly everything had fallen into place: a drive that would hold a thousand songs; and interface and scroll wheel that would let you navigate a thousand songs; a FireWire connection that could sync a thousand songs in under ten minutes; and a battery that would last through a thousand songs.
"We suddenly were looking at one another and saying, 'This is going to be so cool,'" Jobs recalled. "We knew how cool it was, because we knew how badly we each wanted one personally."
Cannibalize yourself
Like many companies, Sony worried about cannibalization. If it built a music player and service that made it easy for people to share digital songs, that might hurt sales of its record division. One of Jobs's business rules was to never be afraid of cannibalizing yourself. "If you don't cannibalize yourself, someone else will."
The job of art is to chase ugliness away
Bono later explained that not all corporate sponsorships were deals with the devil.
The 'devil' here is a bunch of creative minds, more creative than a lot of people in rock bands. The lead singer is Steve Jobs. These men have helped design the most beautiful art object in music culture since the electric guitar. That's the iPod. The job of art is to chase ugliness away.
The right kind of building can do great things for a culture
"Steve had this firm belief that the right kind of building can do great things for a culture," said Pixar's president Ed Catmull.
Despite being a denizen of the digital world, or maybe because he knew all too well its isolating potential, Jobs was a strong believer in face-to-face meetings. "There's a temptation in our networked age to think that ideas can be developed by email and iChat," he said. "That's crazy. Creativity comes from spontaneous meetings, from random discussions. You run into someone, you ask what they're doing, you said 'Wow,' and soon you're cooking up all sorts of ideas."
When our tools are broken, we feel broken
In his piece [for Time] Lev Grossman correctly noted that the iPhone did not really invent many new features, it just made those features a lot more usable. "But that's important. When our tools don't work, we tend to blame ourselves, for being too stupid or not reading the manual or having too-fat fingers...When our tools are broken, we feel broken. And when somebody fixes one, we feel a tiny bit more whole."
Scoop it up and whisk it away
At one point Jobs looked at the model [for the first iPad] and was slightly dissatisfied. It didn't feel casual and friendly enough, so that you would naturally scoop it up and whisk it away. Ive put his finger, so to speak, on the problem: They needed to signal that you could grab it with one hand, on impulse. The bottom edge needed to be slightly rounded, so that you'd feel comfortable just scooping it up rather than lifting it carefully.
A pedestrian cloak
Even before the iPad went on sale, Jobs was thinking about what should be in the iPad 2...there was a peripheral issue that he focused on that most people hadn't thought about: The cases that people used covered the beautiful lines of the iPad and detracted from the screen. They made fatter what should be thinner. They put a pedestrian cloak on a device that should be magical in all of its aspects.
To read things that are not yet on the page
My passion has been to build an enduring company where people were motivated the make great products. Everything else was secondary...the products, not the profits, were the motivation.
Some people say, "Give the customers what they want." But that's not my approach. Our job is to figure out what they're going to want before they do. I think Henry Ford once said, "If I'd asked customers what they wanted, they would have told me, 'A faster horse!'" People don't know what they want until you show it to them. That's why I never rely on market research. Our task is to read things that are not yet on the page.
Click
I'm about fifty-fifty on believing in God. For most of my life, I've felt that there must be more to our existence than meets the eye.
I like to think that something survives after you die. It's strange to think that you accumulate all this experience, and maybe a little wisdom, and that it just goes away. So I really want to believe that something survives, that maybe your consciousness endures.
But on the other hand, perhaps it's like an on-off switch. Click! And you're gone.
...Maybe that's why I never liked to put on-off switches on Apple devices.