88x31

This article is a stub. You can help the IndieWeb wiki by expanding it with relevant information.

88x31 pixels was a very popular web badge/button image size in the 1990s, especially among freewheeling and independent sites created on services like GeoCities, and there are IndieWeb 88x31 badges you may use.

Why

This section is a stub. You can help the IndieWeb wiki by expanding it.

If you like the 1990s-era retro web, create an 88x31 button for your site that others can you use to link to you, e.g. in their sidebar or blogroll!

How to

How to create an 88x31 image

There are a handful of online tools you can use to create 88x31 buttons in similar styles to past buttons:

Sadgrl's 88x31 button maker
Hekate's 88x31 Web Button Maker
88x31 Button Genrrator by Datakra.sh
The Silkscreen font is popular for text on these buttons

How to markup discovery

If you host an 88x31 button for your homepage (or any page on your site!) you can use standard HTML link rel=icon and sizes attribute to link to it so others can discover it:

<link rel="icon" sizes="88x31" href="examplebutton.png" />

Where you replace examplebutton.png with the name (relative or absolute URL) to the 88x31 button you want to represent that page (and on your homepage, the whole site).

Caveat: put this before the <link rel="icon"> for the favicon of your site.

IndieWeb Examples

Examples of personal sites with their own 88x31 badges:

benji: which can be seen at the colophon page
Daryl Sun: with more info at the button wall
jo:
capjamesg:
Joe Crawford allows people to create an 88x31 banner with customized colors:
zacharykaiwrites:
Mike Kupietz: with more on his website buttons page
Tantek Çelik: 88x31, and 2x resolution, built using a static HTML+CSS page
- tantek.com has a <link rel=icon sizes=88x31 href=.../> discovery link to them
Naty S: Site button created by a friend (@joelchrono), more buttons in the footer details element (collapsible section)
melo: as seen on her button wall
Cobb: can be found in the cobb.land footer and blogroll page
Add yourself here… (see this for more details)

Close (either almost 88px wide or 31px tall but somehow not quite both)

Jeffrey Zeldman had/has 71x33 buttons: z4sooz, 71floatup, and glareon

IndieWebCamp Examples

Main article: buttons: 88x31

IndieWeb related efforts

Some 88x31 badges related to IndieWeb efforts:

from Not By AI for badges/buttons for proclaiming that none of your website was generated by AI (perhaps suitable for a generative AI or LLM page).
There are more color variations of the "Built During An Indieweb Meetup" button, plus a Photoshop PSD template for it, on Mike Kupietz's share buttons page.

Developer Building Blocks

88x31 badges for IndieWeb and other web platform building blocks

and more on Maya Land — some great examples of buttons/banners, including some for the indiewebring and Webmention
from the W3C Feed Validator, which gives you this badge if you submit a valid Atom 1.0 feed.
from the W3C validation icon collection
Since the official W3C HTML validator badges only go up to HTML 4.01, a valid HTML5 version was created by Bradley Taunt, sharing the icon under MIT Licence.
JS not needed https://github.com/muan/anti-js-js.club/issues/1 — images on GitHub and won't allow embedding, so here are the alts instead:
- alt="Anti-JavaScript JavaScript Dialog"
- alt="JS NOT NEEDED ✓"
- alt="MEMBER ANTI-JS JS CLUB / LEARN MORE +"
- alt="ANTI-JS JS CLUB"
- alt="MEMBER OF THE ANTI-JS JS CLUB"
- alt="MEMBER OF THE ANTI-JAVASCRIPT JAVASCRIPT CLUB"
- alt="Bare Minimum JavaScript Used ✓"

Articles

Recent articles and discussions on 88x31 buttons:

2024-10-01 MetaFilter: 88x31 Web Buttons from the Netscape/Geocities Era
- 2024-03-05 MetaFilter: 88x31
2023-12-26 88x31 Buttons and Network Science
88x31
Why we are still using 88x31 buttons

Unnecessary specs

There is no need for a new HTML element, attribute, rel value, <meta name=> value, <meta property=> value, or certainly no well-known side-file mechanism.

See How to markup discovery above for how to do so using existing HTML:

<link> element
rel attribute
rel="icon" attribute value
sizes attribute
sizes="88x31" attribute value
and href attribute for the URL of your 88x31 image

Please don't repeat XKCD 927 for no good reason. E.g.

Unnecessary new use of .well-known:
- https://codeberg.org/LunarEclipse/well-known-button
Unnecessary new meta property value:
- https://blog.vbuckenham.com/the-88x31-button-spec/