Attending

Simple, social event pages: free to make, and guests said they were coming with one click.

When: 2013
Stack: Rails, Ruby
Outcome: Ten thousand users before it had properly launched, and number four on The Next Web's list of web apps for planning an event in September 2013.

Attending started as a hack at Makeshift in 2013 and grew, under Jase Cooper, into a proper product at attending.io, with profile pages, audience pages and modules for speakers and sponsors.

It hit ten thousand users before we had properly launched it, and The Next Web put it at number four on its list of web apps for planning and promoting an event in September 2013.

Screenshot 1 of 4, Attending — Screenshot, 2020

Screenshot 2 of 4, Attending — Screenshot, 2020

Screenshot 3 of 4, Attending

Screenshot 4 of 4, Attending — Screenshot. Design: Stef Lewandowski

Lineage

Became Attending.ioGrew into a product of its own at attending.io.

Coverage

The Next Web“10 Web Apps to Help you Plan and Promote a Great Event”2013
“Attending is a simple, social event platform, allowing guests to effortlessly confirm attendance with a single click.”

Made at Makeshift.

Around the same time

Higher resolutionsWriting · 2013
In conversation: Max Fraser, Stef Lewandowski and Christopher RaeburnSpeaking · 2013
Hackathon and on and onWriting · 2013
East Dulwich ForumProjects · 2013

Earlier in projects: The Startup Wife. Later in projects: DMAURL.

/* No script, no button and no pill: the header sits in the page as the plain bar, every room in the row, and the body keeps its own top padding. */ /* grouped: the same idea, and why this block now names two layouts. Its rooms sit behind the More button, so with no script to open it they have to be a plain second line instead. float needs no equivalent — its bar renders every room already, and its rules below hide .site-more outright. */ :root[data-fx-nav-layout="grouped"] .site-more-button { display: none; } :root[data-fx-nav-layout="grouped"] .site-more .site-more-list { display: flex; position: static; flex-wrap: wrap; gap: 0.5rem 1rem; min-width: 0; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; } :root[data-fx-nav-layout="float"] header.site-header { position: static; width: auto; height: auto; margin: 0 0 2.5rem; padding: 0; flex-wrap: wrap; align-items: baseline; background: none; border: 0; border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } :root[data-fx-nav-layout="float"] body.py-8 { padding-top: 2rem; } :root[data-fx-nav-layout="float"] .site-header .site-nav { flex-wrap: wrap; } :root[data-fx-nav-layout="float"] .site-header .site-nav > a { display: inline; } :root[data-fx-nav-layout="float"] .site-more { display: none; } :root[data-fx-nav-layout="float"] .site-header .site-title, :root[data-fx-nav-layout="float"] .site-header .site-title:has(> span) { max-width: none; opacity: 1; margin-right: 0; visibility: visible; }