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

Main article: buttons: 88x31

IndieWeb related efforts

Some 88x31 badges related to IndieWeb efforts:

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).
...

Developer Building Blocks

88x31 badges for IndieWeb and other web platform building blocks

and more on https://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.
Valid CSS badge from W3C (image needed)
Valid HTML badge from W3C (image needed)
...

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
...

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).