5 ms·

Pixel Sea: Search 88x31 badges and 32x32 icons

106 points by FLpxpyJ 3y ago

samstave 3y ago
kill the sound, else ; +1
turtleyacht 3y ago
> Beeep I'd like 2 see the sea with u 2 see what we can be! ... and when ur gone far away, the sea is what I'll see!
accrual 3y ago
I always appreciated getting to put the "Valid HTML" and "Valid CSS" badges on my websites back in the day. There was some odd pride in having super clean/strict HTML. I'm considering doing this again for my retro blog, since I'd like it to be viewable in old browsers (IE6, Firefox 2, etc.). https://www.w3.org/QA/Tools/Icons https://www.w3.org/QA/Tools/Icons
- chrismorgan 3y ago
  > since I'd like it to be viewable in old browsers (IE6, Firefox 2, etc.) You SHOULD only distribute your website over TLS 1.2 or later, which locks out IE<11 and Firefox<27. (I will not engage in any discussion about the truth of this SHOULD, since I know it to be sometimes mildly controversial and the subject has been done to death; if you’re not familiar with the arguments, searching should find them easily enough.)
  - accrual 3y ago
    Indeed! I think I'd like to host over TLS v1.3 for modern browsers, but offer plain HTTP for old browsers. I'm developing a toy static site generator and plan to output nice strict HTML for all clients. Maybe even with the little W3C buttons at the bottom. :)
wildrhythms 3y ago
What a beautiful website!
jkingsman 3y ago
Another delightful callout -- make your own Antipixel-style badge at http://www.acasystems.com/en/button-maker/ http://www.acasystems.com/en/button-maker/ I was so smitten with the design of these back in the day.
- xnx 3y ago
  Cool tool, and a reminder of how thankful I am that this particular button fad has passed.
  - albert_e 3y ago
    The badges we see today on Github repos do look a lot like these, don't they?
- notpushkin 3y ago
  Nice how trends just keep repeating themselves. http://www.acasystems.com/base/button/make-button.php?f_txt_left=BUILD&f_txtclr_left=%23FFFFFF&f_bk_left=%23111111&f_pos_left=4&f_txt_right=PASSING&f_txtclr_right=%23FFFFFF&f_bk_right=%23006600&f_pos_right=4&f_bd_outer=%23666666&f_bd_inner=%23FFFFFF&f_submit=Make%20Button%20Now%20%BB&f_down=1 http://www.acasystems.com/base/button/make-button.php?f_txt_...
Waterluvian 3y ago
Why the dimensions 88x31? How did that come to be back then?
- xnx 3y ago
  Netscape made a popular button with these dimensions in 1995 that everyone used as a basis to riff off of. I don't know if there were specific motivations for those exact dimensions by the original designer.
  - upwardbound 3y ago
    I'm guessing that the reason that the vertical height is 31 instead of 32 is that having the vertical height be an odd number makes it possible to vertically center a number of important symbols, such as +, -, >, arrows, circles, X's, and so on.
- tyingq 3y ago
  Not exactly answering your question, but I'm pretty sure Geocities started it. See the left sidebar in this wayback grab from 1996: https://web.archive.org/web/19961022173245/http://www.geocities.com/ https://web.archive.org/web/19961022173245/http://www.geocit... So people would use those as a starting point and customize them. Why geocities picked those dimensions? Not sure. They are in a <td> with a width of 120.
billyhoffman 3y ago
wow, I was not expecting to fall down a hole of the creator's work for 15 minutes. This was especially fun: https://textures.neocities.org https://textures.neocities.org
hackermatic 3y ago
Do one for GitHub badges next. ;)
willio58 3y ago
Love it. To me this is a playful way to use sound. It’s loud, bright, flashy, interactive.
vinyl7 3y ago
These were the good ol days
tyingq 3y ago
You can also coax google images into finding images of a specific size: https://www.google.com/search?q=imagesize%3A88x31&tbm=isch https://www.google.com/search?q=imagesize%3A88x31&tbm=isch (88x31) https://www.google.com/search?q=imagesize%3A32x32&tbm=isch https://www.google.com/search?q=imagesize%3A32x32&tbm=isch (32x32)
- phit_ 3y ago
  this used to be part of the search settings, then at some point they just turned it into a dropdown of small, medium and large good to hear that this is still supported albeit hidden
cosmojg 3y ago
All of the websites listed on the left via little pixel banners are an absolute hoot as well! Here are the links for the lazy: [1] https://melonking.net/ https://melonking.net/ [2] https://gifypet.neocities.org/ https://gifypet.neocities.org/ [3] https://textures.neocities.org/ https://textures.neocities.org/ [4] https://momg.neocities.org/ https://momg.neocities.org/ [5] https://tamanotchi.world/ https://tamanotchi.world/ [6] https://ozwomp.online/ https://ozwomp.online/ [7] https://melonland.net/ https://melonland.net/
- hardcopy 3y ago
  Thanks for this list! I hope more get involved. https://melonking.net/melon?z=/thoughts/lets-make https://melonking.net/melon?z=/thoughts/lets-make
bitwize 3y ago
Any second now, dollz are going to make a comeback.
lxe 3y ago
This is an example of what websites should be like. Whimsically creative and a little unhinged.
couchand 3y ago
I love the last line of the colophon (About Da Site): > Everyone is wonderful, even you! (Yes you!)

106 points by FLpxpyJ 3y ago

samstave 3y ago

kill the sound, else ; +1

turtleyacht 3y ago

> Beeep I'd like 2 see the sea with u 2 see what we can be! ... and when ur gone far away, the sea is what I'll see!

accrual 3y ago

I always appreciated getting to put the "Valid HTML" and "Valid CSS" badges on my websites back in the day. There was some odd pride in having super clean/strict HTML. I'm considering doing this again for my retro blog, since I'd like it to be viewable in old browsers (IE6, Firefox 2, etc.). https://www.w3.org/QA/Tools/Icons https://www.w3.org/QA/Tools/Icons

chrismorgan 3y ago
> since I'd like it to be viewable in old browsers (IE6, Firefox 2, etc.) You SHOULD only distribute your website over TLS 1.2 or later, which locks out IE<11 and Firefox<27. (I will not engage in any discussion about the truth of this SHOULD, since I know it to be sometimes mildly controversial and the subject has been done to death; if you’re not familiar with the arguments, searching should find them easily enough.)
- accrual 3y ago
  Indeed! I think I'd like to host over TLS v1.3 for modern browsers, but offer plain HTTP for old browsers. I'm developing a toy static site generator and plan to output nice strict HTML for all clients. Maybe even with the little W3C buttons at the bottom. :)

wildrhythms 3y ago

What a beautiful website!

jkingsman 3y ago

Another delightful callout -- make your own Antipixel-style badge at http://www.acasystems.com/en/button-maker/ http://www.acasystems.com/en/button-maker/ I was so smitten with the design of these back in the day.

xnx 3y ago
Cool tool, and a reminder of how thankful I am that this particular button fad has passed.
- albert_e 3y ago
  The badges we see today on Github repos do look a lot like these, don't they?
notpushkin 3y ago
Nice how trends just keep repeating themselves. http://www.acasystems.com/base/button/make-button.php?f_txt_left=BUILD&f_txtclr_left=%23FFFFFF&f_bk_left=%23111111&f_pos_left=4&f_txt_right=PASSING&f_txtclr_right=%23FFFFFF&f_bk_right=%23006600&f_pos_right=4&f_bd_outer=%23666666&f_bd_inner=%23FFFFFF&f_submit=Make%20Button%20Now%20%BB&f_down=1 http://www.acasystems.com/base/button/make-button.php?f_txt_...

Waterluvian 3y ago

Why the dimensions 88x31? How did that come to be back then?

xnx 3y ago
Netscape made a popular button with these dimensions in 1995 that everyone used as a basis to riff off of. I don't know if there were specific motivations for those exact dimensions by the original designer.
- upwardbound 3y ago
  I'm guessing that the reason that the vertical height is 31 instead of 32 is that having the vertical height be an odd number makes it possible to vertically center a number of important symbols, such as +, -, >, arrows, circles, X's, and so on.
tyingq 3y ago
Not exactly answering your question, but I'm pretty sure Geocities started it. See the left sidebar in this wayback grab from 1996: https://web.archive.org/web/19961022173245/http://www.geocities.com/ https://web.archive.org/web/19961022173245/http://www.geocit... So people would use those as a starting point and customize them. Why geocities picked those dimensions? Not sure. They are in a <td> with a width of 120.

billyhoffman 3y ago

wow, I was not expecting to fall down a hole of the creator's work for 15 minutes. This was especially fun: https://textures.neocities.org https://textures.neocities.org

hackermatic 3y ago

Do one for GitHub badges next. ;)

willio58 3y ago

Love it. To me this is a playful way to use sound. It’s loud, bright, flashy, interactive.

vinyl7 3y ago

These were the good ol days

tyingq 3y ago

You can also coax google images into finding images of a specific size: https://www.google.com/search?q=imagesize%3A88x31&tbm=isch https://www.google.com/search?q=imagesize%3A88x31&tbm=isch (88x31) https://www.google.com/search?q=imagesize%3A32x32&tbm=isch https://www.google.com/search?q=imagesize%3A32x32&tbm=isch (32x32)

phit_ 3y ago
this used to be part of the search settings, then at some point they just turned it into a dropdown of small, medium and large good to hear that this is still supported albeit hidden

cosmojg 3y ago

All of the websites listed on the left via little pixel banners are an absolute hoot as well! Here are the links for the lazy: [1] https://melonking.net/ https://melonking.net/ [2] https://gifypet.neocities.org/ https://gifypet.neocities.org/ [3] https://textures.neocities.org/ https://textures.neocities.org/ [4] https://momg.neocities.org/ https://momg.neocities.org/ [5] https://tamanotchi.world/ https://tamanotchi.world/ [6] https://ozwomp.online/ https://ozwomp.online/ [7] https://melonland.net/ https://melonland.net/

hardcopy 3y ago
Thanks for this list! I hope more get involved. https://melonking.net/melon?z=/thoughts/lets-make https://melonking.net/melon?z=/thoughts/lets-make

bitwize 3y ago

Any second now, dollz are going to make a comeback.

lxe 3y ago

This is an example of what websites should be like. Whimsically creative and a little unhinged.

couchand 3y ago

I love the last line of the colophon (About Da Site): > Everyone is wonderful, even you! (Yes you!)