*slams table* Give me your web buttons

Technology
21

not really. just me messing with piskel (The button, Not the website)

1 Like
22

The most unrelated program ever but well for it to be made 100% in mspaint it actually looked good ig:
image

Here’s a super-colored version:
image

Gonna upload it to gif later on

23

Does anyone think these buttons are a bit small? From my memory, when I originally saw them all over the web back in the 90s, they seemed significantly larger. With that in mind, I did some math comparing a 640x480 12" screen vs a 1920x1080 24" screen, and recalculated[1] the size based on screen PPI, which means a 88 x 31 button would look closer a 122 x 42[2] one. (Rounding a little to make it divisible by two.)

free_ie

With that figured out, here is an original IE button, from my even more ancient web site, file dated ‎‎June ‎29, ‎1996.

As upscaling turns into a blurry mess, I decided to remake the button from scratch. After a lot of work, I present the IE button 2023 edition:

newiegif

Bonus

Here’s an even larger one!
largeiebutton

  1. 640x480 @ 12" = 66.67 ppi, 1920x1080 @ 24" = 91.79 ppi ↩︎

  2. 88*(91.79/66.67) = 121.1567 px = 122, 31*(91.79/66.67) = 42.68 px ↩︎

5 Likes
24

Didn’t think anyone would do this lol

image
image800×600 49.9 KB

25

6a00d834518e1c69e2015433496c1b970c-800wi

1 Like
26

dosent my button look MacOS ish
image

27

Can you provide the actual files, if possible?

28

That’s not the kind of button i mean, sorry

1 Like
29

:frowning:

…

30

Made this for the website 3ds.hacks.guide, a dedicated website as a tutorial for homebrewing and installing CFW (custom firmware) onto Nintendo 3DS systems.
3dshacksguide

1 Like
31

Should I use your project to make it even bigger? Like a 1000xidk size?

1 Like
32

I just noticed yours has a higher framerate too. Nice work!

1 Like
33

Of course :stuck_out_tongue:
As I think about this more, in a world of crazy DPIs and screens, perhaps svg buttons might be best, then they could retain quality at any size.

1 Like
34

Oh I meant to mention that. I took the animation from the intro AVI on the Internet Explorer 3 Starter Kit, which has the highest res version of the animation that I’ve seen.

Unfortunately it’s not 100% complete and I had to take a few extra frames from IE3’s SHDOCVW.DLL too.

2 Likes
35

btw do you know the font that is being used?

36

Yeah
Well my PC kinda needs a DPI adjustment, but it seems like it’s not possible in Catalyst and Windows (because it needs a specified DPI res, but to a lower one)

37

‘FREE’ is Arial Bold, 11pt
‘Microsoft’ is Arial Bold, 10.5pt
‘Internet Explorer’ is Arial Black, 13.6pt

I don’t have any special knowledge, it was trial and error until it all seemed to fit against the upscaled original.

1 Like
38

i made a steam one :stuck_out_tongue:
image

39

heres also a kikoabdou one
image

1 Like
40

idk how to make one :3