Critical Web Design Index v.1

all → All projects
404.jodi.org Jodi
a-counting.us Ekene Ijeoma a-counting.us media
a.aaaarg.org (2005) Sean Dockray
abstractbrowsing.net (2014) Rafaël Rozendaal, Reinier Feijen Abstract Browsing is a browser extension that transforms all block-level elements on every webpage into colorful abstract patterns.
add-art.org (2011) Steve Lambert, et al
AdNauseam Daniel C Howe, Helen Nissenbaum, Mushon Zer-Aviv
akinator.com (2007) Elokence
anatomyof.ai (2018) Kate Crawford, Vladan Joler
antisoftware.club (2023) Colin Bayer, Jae Kaplan, Aidan Grealish, et al
Anycast Thought Stream (2009) 😿 Pip Shea Anycast was a wifi network that was free to use once users shared a short bit of text. The resulting comments, thoughts, and other random messages from nearby users streamed on the wifi landing page and in the gallery.
Artport (2001) (Whitney Museum of American Art)
asdfg (1999) Jodi
Athena Jones Zeus Jones
bangbangcon.com (2014) !!Con !!Con (pronounced “bang bang con”) is one day conference and workshop to celebrate the joyous, exciting, and surprising moments in computing.
Binky (2017) Dan Kurtz Binky media Binky is a mobile application that works like other social media apps, except all the content you see, like, or comment is completely random.
cantunsee.space Alex Kotliarskyi cantunsee.space media cantunsee.space presents users with different designs containing basic to advanced usability, accessibility, and design practice issues. The examples explain why one is correct over the other, increase in difficulty as they progress, and award correct guesses.
Carnivore (2001) Alex Galloway, RSG Carnivore media
cdgrandprix.com (2022) MSCHF cdgrandprix.com media In C&D Grand Prix, the art collective MSCHF created 8 shirt designs that used companies’ logos without permission. They then sent letters to the companies to see which would be the first to send a C&D ("Cease & Desist") notice demanding they stop using the logo. Meanwhile, they sold the shirts, allowing anyone to wager on which company would raise the specter of legal repercussions before the others. Whoever picked the winner also received a hat with their shirt.
Choose Kass Schmitt, Yoram (Yoz) Grahame
clickclickclick.click (2016) Studio Moniker clickclickclick.click media clickclickclick.click tallies the untold and revealing information that can be gathered as a user hovers over a button, clicks, or drags their cursor across the page. Rather than feeling in command, the user begins to feel watched and controlled as their every action is documented and fed back to them in an ongoing text. This critique of gamification employed across web and application design relies on our knowledge of the increasing manipulation and remarketing of human attention. Yet it presents an alternative that is not only clever, enjoyable, and educational, but public, immediate, and free to use and appreciate by anyone with a networked device.
colorandcontrast.com (2024) Nate Baldwin
Content Moderator Sim (2020) Mark Sample Mark Sample’s interactive fiction Content Moderator Sim was made with Twine, an open-source software tool used to create hypertext games and interactive fiction
Cow Clicker (2010) Ian Bogost Cow Clicker media Cow Clicker is a Facebook game about meaningless Facebook games.
criticalengineering.org (2011) Julian Oliver, Gordan Savičić, Danja Vasiliev
CSS Zen Garden (2003–2013) Dave Shea CSS Zen Garden media
Dark Content (2015) Eva and Franco Mattes
datadealer.com (2013) 🗄 Ivan Averintsev, Wolfie Christl, Pascale Osterwalder, Ralf Traunsteiner datadealer.com media
deaddrops.com (2010) Aram Bartoll, et al deaddrops.com media
degenerative (2005) Eugenio Tisselli
designmanifestos.org (2019) Tom Nelson
dhawards.org (2012)
Die With Me (2018–2023) Dries Depoorter
Do Not Track documentary (2015) Brett Gaylor, Upian, et al
doughnutkitten.com (2015) Tania Hennessy doughnutkitten.com media
Dronestagram (2012–2015) 🗄 James Bridle
dronestre.am (2012–2017) 🗄 Josh Begley
Ebay Feedback Generator (2005) Kevan Davis
elgoog.im (2002) All Too Flat
Eliza (1999) Michal Wallace, George Dunlop ELIZA is a computer program that emulates a Rogerian psychotherapist. When the original ELIZA first appeared in the 60's, some people actually mistook her for human. The illusion of intelligence works best, however, if you limit your conversation to talking about yourself and your life.
endless.horse (2015) Colleen Josephson, Kyle Miller endless.horse depicts an ASCII art horse with legs that automatically grow as users scroll. Created during the Stupid Shit No One Needs & Terrible Ideas Hackathon.
Eternal Sunset 😿 Adriaan Stellingwerff, Biep en Lu
exhaustingacrowd.com (2015) Kyle McDonald, Jonas Jongejan exhaustingacrowd.com media Exhausting a Crowd is a web application that depicts detailed security camera footage upon which website visitors can add annotations synced with both the imagery and the time code of the video. The crowdsourced text laid over the 12 hours of repeating footage from various sites offers curious commentary which perfectly balances the opposing forces of surveillance vs privacy, looking vs being seen, and control vs pleasure that defines our information culture and public spaces.
fffff.at/kardashian-krypt (2014) 😿 Maddy Varner fffff.at/kardashian-krypt media
fffff.at/mittens-romney-extension (2012) 😿 Theo Watson
FloodNet (1998) 😿 Electronic Disturbance Theater
Form Art (1997) Alexei Shulgin Form Art media
freebrowser.org greatfire.org A safe, stable and completely free browser with built-in censorship circumvention via VPN.
fromthedarkpast.com (2009) Rafaël Rozendaal, Reinier Feijen
Gallery 9 (1997–2003) (Walker Art Center)
Generation Loss (2011) hadto
geogoo.net (2008) Jodi geogoo.net media GeoGoo by Jodi (Joan Heemskerk and Dirk Paesmans) is a wonderfully chaotic series of animations using the default icons of the Google Map API. Users can select from the dropdown options or simply refresh the page to load new iterations that visualize mathematical functions, symbols, or completely random designs across a variety of terrains and lunar surfaces. *While offline for a period, the site (thankfully) is live again.
givepulse.com (2011) GivePulse, Inc.
Going down (2002) Claude Closky
Google Maps Hacks (2020) Simon Weckert
Google Will Eat Itself (2005) Paolo Cirio, Alessandro Ludovico, Ubermorgen
greatfire.org/analyzer (2011) greatfire.org greatfire.org/analyzer media The greatfire.org/analyzer uses servers across mainland China to provide real-time information about domain and keyword censorship in the PRC.
greatfirewallofchina.org 😿 Comparitech Limited
guessthepin.com (2024) Metin Oztin
hacker-simulator.com (Pretty Cool Site) hacker-simulator.com media
Hate with Friends (2013) 😿 Chris Baker, Tiger Wang, Mike Lacher
How Generative Music Works (2017) Tero Parviainen How Generative Music Works media An audiovisual primer on generative music
humanerr.org Jonah Brucker-Cohen humanerr.org media humanerr.org by Jonah Brucker-Cohen consists of software and hardware devices that integrate elements of human error into their design to provoke and materialize human frailty.
intermediaart/archive (Tate Modern)
Internet Archaeology (2009) 😿
INTERNYET exhibition (1998) (MoMA)
itadakimasu.app 😿 ITADAKIMASU A random recipe password generator.
jellotime.com (2007) Rafaël Rozendaal, Reinier Feijen
jesus.shoes (2019) MSCHF
Katamari Hack (2011) Alex Leone, David Nufer, David Truong A bookmarklet that turns any page into Katamari Damacy
KRILLER (2023) James Paterson
learningtoloveyoumore.com (2002–2009) 🗄 Miranda July, Harrell Fletcher
Lightyear.fm (2015) Chris Baker, Mike Lacher, Brian Moore, Mika Chernov
lmgtfy.com Let Me Google That For You
lowtechmagazine.com Low-tech Magazine lowtechmagazine.com media Low-tech Magazine is an online publication that questions the value of technological progress, describes the potentials of often forgotten tech, and promotes sustainable energy practices. Unlike the mind-numbing megawatts required for server farms and data centers used by Amazon, Instagram, and TikTok, Low-tech focused on efficiency in their design by removing advertising and using a static site generator (Hugo), allowing them to power their server using a single 50W solar panel.
Magic Nub (2017) Chino Kim
Metadata+ (2012) 🗄 Josh Begley
Minimal Wim (2019) Wimer Hazenburg
Misspeller (2007) 😿 John Maeda
moc.elgoog (2012) 🗄 Heather Dewey-Hagborg moc.elgoog media
Molleindustria Manifesto (2003) Paolo Pedercini (Molle Industria)
Money Counter (2005) 😿 John Maeda
monoskop.org (2004) Dušan Barok A wiki / library / catalogue for arts and related studies.
moralmachine.net (2016–2020) Scalable Cooperation group at MIT
Mr Nom Nom (2017) 🗄 Etter Studio
National Park Typeface Jenny O’Grady, et al National Park Typeface media
native-land.ca Native Land Digital Native Land Digital is a web-based application that maps Indigenous territories, treaties, and languages. Visitors can filter information and browse an interactive map, access educational resources about colonialism and indigeneity, and connect with indigenous communities around the world.
networkeffect.io (2015) Jonathan Harris Network Effect explores the psychological effects of Internet use on humanity.
onamountaintop.com (2010) Alex Fuller onamountaintop.com media Onamountaintop.com allows users to say whatever it is they want to say with no accounts, no friends and no poking. Once the user’s entry fades to white, their words are gone forever. Just as one’s voice echoes into the valley from a mountain top.
otherorders.net (2019) Sam Lavigne Other Orders is a system for sorting text-based content.
Paris (2007) 🗄 Tim Schwartz
Phone Story (2011) Paolo Pedercini (Molle Industria)
poem.town (2023) Matt Webb
politwoops (2012) (Sunlight Foundation)
portraitofawebserver.com (2017) Jan Robert Leegte
Privacy Chicken (2020) Chris Baker, Mike Lacher, Brian Moore Privacy Chicken media
queeringthemap.com (2018) Lucas LaRochelle queeringthemap.com media Queering the Map is a community-generated cartographic archive of queer experience. Created by Lucas LaRochelle, the site catalogs, preserves, and locates the experiences of queer life, including encounters, collective action, and stories of coming out.
Rigged Systems (2019)
ritual.engineer Herdimas Anggara ritual.engineer media
Rock-Paper-Scissors: You vs. the Computer (2011) The New York Times
Safebook (2018) Ben Grosser Safebook media Ben Grosser creates browser extensions that modify the content you see on Facebook and other social media websites to question how those technologies influence us. His Safebook extension removes all content from Facebook, leaving an empty shell to remind users of the importance of their free labor to the company's bottom line. Likewise, his "Facebook Demetricator" extension removes the metrics on posts that drive participation and engagement and focus on gamification of interpersonal communication. As with all browser extensions, these modifications are performed using Javascript, but only within the browsers (client) of users who install the extension.
satan.shoes (2021) MSCHF
Scrollbars (2009) 🗄 Andrey Yazev
Sea and Spar Between (2011) Nick Montfort, Stephanie Strickland Sea and Spar Between media
seeclickfix.com (2008) Ben Berkowitz, Kam Lasater, Jeff Blasius, Miles Lasater
Self Surfing (2012) 😿 Jonas Lund
SelfControl Charlie Stigler, Steve Lambert, et al An application to block access to the distractions of modern life.
singleservingsites.cool (2024) Marcel Appelman
Site Shaker (2018) Hartmut Bohnacker
SITE1 (2023) Auriea Harvey
sociality.today (2018) Paolo Cirio
Somebody App (2014–2015) Miranda July, et al Somebody App media
Species in Pieces (2015) Bryan James
speedshow.net (2010) Aram Bartoll, et al
spotthetroll.org (2020) Media Forensics Hub
StayFocused A Chrome extension for blocking annoying or addicting websites.
Still Searching Graeme Rutherford
stupidhackathon.com (2017) Sam Lavigne, Amelia Winger-Bearskin A one-day event where participants conceptualize and create projects that have no value whatsoever.
Subservient Chicken 😿 Burger King
sunlightfoundation.com (2005) 🗄 (Sunlight Foundation)
superfund365.org (2015) 🗄 Brooke Singer
Tally Saves the Internet (2021) Owen Mundy, Joelle Dietrick, et al Tally Saves the Internet is a browser extension that transforms data advertisers collect into a multiplayer game
termsandconditions.game (2021) Wieden+Kennedy, Jon Plackett, Alex Bellos, Adam Says termsandconditions.game media
terrapattern.com (2016) 😿 Kyle McDonald, Golan Levin, David Newbury
The Deletionist (2013) Amaranth Borsuk, Jesper Juul, Nick Montfort
The Garden of Emoji Delights (2014) Carla Gannis
The McDonald's Videogame (2003) Paolo Pedercini (Molle Industria)
The Oracle of Bacon (1996) Patrick Reynolds, Brett Tjaden
The Refugee Project (2014) Ekene Ijeoma (Hyperakt) VIsualization of the origins and destinations of refugees around the world
The Wiki Game (2009) Alex Clemesha
thenicestplace.net (2011) Toby Benjamin thenicestplace.net media thenicestplace.net plays videos of people around the world giving virtual hugs to visitors, countering the commerciality and pessimism so commonly found online.
thenounproject.com (2010) Sofya Polyakov, Edward Boatman, Scott Thomas "Noun Project is building a global visual language that unites us."
theyrule.net (2001) Josh On theyrule.net media
thing.net 🗄
thisartworkdoesnotexist.com (2020) Michael Friesen
thisisours.us (2020) Samuel Marion
thisxdoesnotexist.com (2019) Kashish Hora
tosdr.org (2012) Terms of Service; Didn't Read (a play on TL;DR) aims to fix the biggest lie on the internet, “I have read and agree to the Terms” through a series of pages, classifications, and information about popular websites and their data practices.
Troll the NSA (2013) Chris Baker, Mike Lacher, Richard Baker
u-infinity (2017) Hannah Newman
ubu.com (1996) Kenneth Goldsmith
unfitbits.com (2015) Tega Brain, Surya Mattu unfitbits.com media unfitbits.com helps users create spoof fitness data to protect their personal information from the digital surveillance of insurance companies.
universitytitlegenerator.com (2016) @garnix A damning indictment of the corporatization of higher education, or career finder? You decide!
untitled scroll #2 (2007) Chris Collins
userinyerface.com (2019) Bagaar
various works Lorna Mills
Very Interactive (2014) Laurel Schwulst "A living resource generated through the ongoing teaching practice of Laurel Schwulst. It archives materials for web visitors and students past, present, & future."
we-link.chronusartcenter.org (2020) Chronus Art Center
web.leegte.org (2023) Jan Robert Leegte, Superposition web.leegte.org media Web is a generative cross-linked network of 1000 web pages. The entire network of pages can be explored through the links contained in each page, using any page as a starting point. In addition to each generated and unique composition, which includes its color palette, interface composition, and even favicon, each document is "on the chain", meaning the code for the generated network could be accessed from any single blockchain record. "Web is not a utility, but an expression of the machine."
Web2.0 Suicide Machine (2010) moddr_, Fresco Gamba, et al
webkay.robinlinus.com (2016) Robin Linus
wefeelfine.org (2006) 😿 Jonathan Harris, Sep Kamvar We Feel Fine (2006) by Jonathan Harris and Sep Kamvar is an interactive exploration of human emotion through large-scale data analysis
What are you doing right now? (2008) Merlin Mann
What Is Code? (2015) Paul Ford What Is Code? media
whitepowermilk.com (2011) Various
Wikileaks: A Love Story (2016) Anna Ridler
worldswritingsystems.org worldswritingsystems.org media worldswritingsystems.org presents one reference glyph and basic information for each of the world’s writing systems. It is part of Missing Scripts Project, an initiative that aims to identify writing systems not yet encoded in the Unicode standard. Currently, 131 scripts are not yet encoded in Unicode. They can’t be used on the computer.
wwwwwwwww.jodi.org (1995) Jodi wwwwwwwww.jodi.org media
XANAX (2010) Tara Sinn XANAX media
You Are Jeff Bezos (2019) Kris Ligman
zoomescaper.com (2021) Sam Lavigne Zoom Escaper is a tool by Sam Lavigne to help you escape Zoom meetings and other videoconferencing scenarios by self-sabotaging your own audio stream. Once you enable it you can fine-tune your interruptions on the site, adding an echo, choppiness, or even sound effects like "construction", "upset baby", or "man weeping".
ZXX (2012) Sang Mun