88x31: Difference between revisions

From IndieWeb
(→‎IndieWeb Examples: template for darylsun)
(Wikipedia article calls them badges (for now) so we should too, link Wikipedia Web badge article)
Line 1: Line 1:
[[File:indieweb88x31-flat.png|alt=indiewebcamp button 88 by 31 pixels|right]]
[[File:indieweb88x31-flat.png|alt=indiewebcamp button 88 by 31 pixels|right]]
{{stub}}
{{stub}}
'''<dfn>88x31</dfn>''' pixels was a very popular button image size in the [[1990s]], especially among freewheeling and independent sites created on services like [[GeoCities]], and there are IndieWeb 88x31 buttons you may use.
'''<dfn>88x31</dfn>''' 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.


== IndieWeb Examples ==
== IndieWeb Examples ==
Examples of personal sites with their own 88x31 buttons
Examples of personal sites with their own 88x31 badges:
* {{darylsun}}: <img src="https://cdn.darylsun.page/img/button/darylsun88x31.webp" alt="88x31 graphic button for 'Daryl Sun’s Journal' in black all caps text on a lavender background" /> with more info at https://blog.darylsun.page/buttons
* {{darylsun}}: <img src="https://cdn.darylsun.page/img/button/darylsun88x31.webp" alt="88x31 graphic button for 'Daryl Sun’s Journal' in black all caps text on a lavender background" /> with more info at https://blog.darylsun.page/buttons
* ...
* ...
Line 12: Line 12:
* ...
* ...


== IndieWebCamp buttons ==
=== IndieWebCamp Examples ===
{{main|buttons#88x31|buttons: 88x31}}
{{main|buttons#88x31|buttons: 88x31}}
[[File:indieweb88x31-flat.png|alt=indiewebcamp button 88 by 31 pixels]]
[[File:indieweb88x31-flat.png|alt=indiewebcamp button 88 by 31 pixels]]
Line 22: Line 22:


== IndieWeb related efforts ==
== IndieWeb related efforts ==
Some 88x31 buttons related to IndieWeb efforts:
Some 88x31 badges related to IndieWeb efforts:
* https://webmentions.neocities.org/webmentions_anim.gif and more on https://maya.land/ — some great examples of buttons/banners, including some for the [[indiewebring]] and [[Webmention]]
* https://webmentions.neocities.org/webmentions_anim.gif and more on https://maya.land/ — some great examples of buttons/banners, including some for the [[indiewebring]] and [[Webmention]]
* <img src="https://notbyai.fyi/img/written-by-human-not-by-ai-white.svg" width="88" /> 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).
* <img src="https://notbyai.fyi/img/written-by-human-not-by-ai-white.svg" width="88" /> 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).
Line 31: Line 31:


== Archives ==
== Archives ==
{{warn|⚠️ Content warning: 88x31 buttons of the past reflected times with different cultural norms and expectations, and thus may contain images considered more offensive in modern contexts ⚠️}}
{{warn|⚠️ 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:
Archives of past 88x31 buttons:
* https://hellnet.work/8831/ — over 31k buttons retrieved from the [[GeoCities]] archives
* https://hellnet.work/8831/ — “31,119 unique* 88x31 buttons” from the [[GeoCities]] archives
* https://anlucas.neocities.org/88x31Buttons.html
* https://anlucas.neocities.org/88x31Buttons.html — “collection of more than 700 88x31 web buttons”
* https://capstasher.neocities.org/88x31collection-page1
* https://capstasher.neocities.org/88x31collection-page1 — “88x31 buttons on the internet”


== Brainstorming ==
== Brainstorming ==
Line 44: Line 44:
== See Also ==
== See Also ==
* https://commons.wikimedia.org/wiki/Category:88_%C3%97_31_buttons
* https://commons.wikimedia.org/wiki/Category:88_%C3%97_31_buttons
** Aside: interestingly, there's no Wikipedia article about the phenomenon of 88x31 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
* https://kolektiva.social/@booters/112854181281088015

Revision as of 16:57, 29 July 2024

indiewebcamp button 88 by 31 pixels

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.

IndieWeb Examples

Examples of personal sites with their own 88x31 badges:

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

IndieWebCamp Examples

Main article: buttons: 88x31

indiewebcamp button 88 by 31 pixels indiewebcamp button 88 by 31 pixels retro version

webmention button 88 by 31 pixels

microformats button 88 by 31 pixels

IndieWeb related efforts

Some 88x31 badges related to IndieWeb efforts:

Articles

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:

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

See Also