88x31
This article is a stub. You can help the IndieWeb wiki by expanding it.
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 IndieWebCamp 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
This section is a stub. You can help the IndieWebCamp wiki by expanding it.
There are a handful of online tools you can use to create 88x31 buttons in similar styles to past buttons:
IndieWeb Examples
Examples of personal sites with their own 88x31 badges:
- benji: which can be seen at https://benji.dog/colophon
- Daryl Sun: with more info at https://blog.darylsun.page/buttons
Close (either almost 88px wide or 31px tall but somehow not quite both)
- https://zeldman.com/ had/has 71x33 buttons:
- ...
IndieWebCamp Examples
Some 88x31 badges related to IndieWeb efforts:
- and more on https://maya.land/ — some great examples of buttons/banners, including some for the indiewebring and Webmention
- for https://notbyai.fyi/ for badges/buttons for proclaiming that none of your website was generated by AI (perhaps suitable for a generative AI or LLM page).
- from the W3C Feed Validator, which gives you this badge if you submit a valid Atom 1.0 feed.
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
- ...
Archives
⚠️ Content warning: 88x31 badges of the past reflected times with different cultural norms and expectations, and thus may contain images considered more offensive in modern contexts ⚠️
Archives of past 88x31 buttons:
- https://hellnet.work/8831/ — “31,119 unique* 88x31 buttons” from the GeoCities archives
- https://anlucas.neocities.org/88x31Buttons.html — “collection of more than 700 88x31 web buttons”
- https://capstasher.neocities.org/88x31collection-page1 — “88x31 buttons on the internet”
- https://sillydog.org/netscape/now.html — a collection of 88x31 (and other size) Netscape Now! buttons, perhaps one of the original topics of 88x31 buttons
Brainstorming
How to make your own
Any thoughts on ideas, techniques, templates etc. for making up 88x31 images for your personal site that others can add to their blogrolls, sidebars, fan pages etc.?
How to markup
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).
See Also
- https://commons.wikimedia.org/wiki/Category:88_%C3%97_31_buttons
- Aside: interestingly, there's no Wikipedia article about the phenomenon of 88x31 buttons in particular, only https://en.wikipedia.org/wiki/Web_badge seems to mention them at all with little about their background.
- https://kolektiva.social/@booters/112854181281088015