88x31: Difference between revisions
Tantek.com (talk | contribs) (Brainstorming / How to make your own) |
Tantek.com (talk | contribs) (โโArchives: 88x31 Netscape Now! buttons) ย |
||
(11 intermediate revisions by the same user not shown) | |||
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 | '''<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 | 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 | ||
* ... | * ... | ||
== IndieWebCamp | Close (either almost 88px wide or 31px tall but somehow not quite both) | ||
{{main|buttons}} | * https://zeldman.com/ had/has 71x33 buttons: https://zeldman.com/z4sooz.gif https://zeldman.com/porky/71floatup.gif http://www.zeldman.com/glareon.gif | ||
* ... | |||
ย | |||
=== IndieWebCamp Examples === | |||
{{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]] | ||
[[File:indieweb88x31-retro-gif.gif|alt=indiewebcamp button 88 by 31 pixels retro version]] | [[File:indieweb88x31-retro-gif.gif|alt=indiewebcamp button 88 by 31 pixels retro version]] | ||
Line 18: | Line 22: | ||
== IndieWeb related efforts == | == IndieWeb related efforts == | ||
Some 88x31 | 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). | ||
* <img alt="Valid Atom 1.0 badge." src="https://validator.w3.org/feed/images/valid-atom.png" /> 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: [https://www.metafilter.com/205730/88x31-Web-Buttons-from-the-Netscape-Geocities-Era 88x31 Web Buttons from the Netscape/Geocities Era] | |||
** 2024-03-05 MetaFilter: [https://www.metafilter.com/202782/88x31 88x31] | |||
* 2023-12-26 [https://breq.dev/2023/12/26/88x31-science 88x31 Buttons and Network Science] | |||
* ... | |||
== Archives == | == Archives == | ||
{{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/ โ | * 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 โ โ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 == | == Brainstorming == | ||
Line 33: | Line 49: | ||
== 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 |
Latest revision as of 02:30, 7 October 2024
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.
IndieWeb Examples
Examples of personal sites with their own 88x31 badges:
- 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.?
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