Broider: Pixel Art CSS Borders • Hacker News Board

Re: Broider: Pixel Art CSS Borders

#41

Post by MayeulC » Sat, Jan 28, 2023, 9:10 AM UTC

milchek wrote: post #17

Very cool, would be great to have a way to share these or to view ones others have made as presets/templates. Here is a 'double bevelled' border: https://imgur.com/wPxvdCZ

One of the comments points out that the state is saved in the URL.

Re: Broider: Pixel Art CSS Borders

#42

Post by LouDNL » Sat, Jan 28, 2023, 9:23 AM UTC

Absolutely brilliant!

Re: Broider: Pixel Art CSS Borders

#43

Post by est » Sat, Jan 28, 2023, 9:33 AM UTC

hathym wrote: post #39

felideon wrote: post #28

The creator has an interesting home page, too: https://maxbittker.com

just tell him https://maxbittker.com/mailto

That's cool!

It only works with ASCII characters though.

Re: Broider: Pixel Art CSS Borders

#44

Post by Nition » Sat, Jan 28, 2023, 10:11 AM UTC

serf wrote: post #32

gorgoiler wrote: post #26

Brilliant… and nostalgic. Windows 3’s control panel had a facility to draw tiled pixel patterns which was a simpler version of this. It was called the Pattern : https://swiat-owocow.pl/grafiki/wallpaper-win30.png

wow , I had forgotten all about that -- when I saw the sub window I was hit with some serious nostalgia. 3.x had some interesting priorities with regards to what a user may want to do, you don't realize (remember..) that in some ways the users of the past were more empowered than they are now until something like that is thrown in front of you to remember.

Windows 95-2000 still had the pattern option as well: https://i.imgur.com/WVePNGj.jpg

Fun times were had by my young self, though like you I had forgotten all about it until just now.

---

Edit: Oh wow, it's secretly still an option, even in Windows 11!

Try this:

- Get rid of your wallpaper image, set it to Solid Color instead.

- Open regedit.

- Go to HKEY_CURRENT_USER/Control Panel/Desktop.

- Add a new String Value called Pattern.

- Set the value of Pattern to the data from one of these: https://i.imgur.com/C2KcZFE.jpg

Or presumably a custom one, since the data just seems to be the pixels to colour, but I'm not sure in what format. I just tried it with Tulip though and now I have a desktop tulip pattern!

Re: Broider: Pixel Art CSS Borders

#45

Post by Brajeshwar » Sat, Jan 28, 2023, 10:16 AM UTC

Wow! This reminds me of something similar I did and am proud of. I gave the tools to designers/developers in companies that we were pitching to help them design "smooth rounded corners" in either CSS or Flash during the early 2000s.

I don't remember the years but around 2004-2006, smooth rounded corners were still hard to do if you do not know "feathering" in the graphic software and then using it in CSS or as sprites for Flash.

I have lost the tool and the code but here is the article I wrote after reading happy emails from developers. https://brajeshwar.com/2005/splice9-bitmap-window-resizer-co...

Re: Broider: Pixel Art CSS Borders

#46

Post by onion2k » Sat, Jan 28, 2023, 10:20 AM UTC

I used this technique for making Super Mario World style borders for HTML elements a couple of years ago. https://ooer.com/blog/2020-09-10-image-border/

Re: Broider: Pixel Art CSS Borders

#47

Post by sgd99 » Sat, Jan 28, 2023, 10:30 AM UTC

I tried: https://codepen.io/shreydan/pen/ZEjRPwx

Re: Broider: Pixel Art CSS Borders

#48

Post by gorgoiler » Sat, Jan 28, 2023, 10:38 AM UTC

Nition wrote: post #44

serf wrote: post #32

Earlier quoted context omitted.

wow , I had forgotten all about that -- when I saw the sub window I was hit with some serious nostalgia. 3.x had some interesting priorities with regards to what a user may want to do, you don't realize (remember..) that in some ways the users of the past were more empowered than they are now until something like that is thrown in front of you to remember.

Windows 95-2000 still had the pattern option as well: https://i.imgur.com/WVePNGj.jpg Fun times were had by my young self, though like you I had forgotten all about it until just now. --- Edit: Oh wow, it's secretly still an option , even in Windows 11! Try this: - Get rid of your wallpaper image, set it to Solid Color instead. - Open regedit. - Go to HKEY_CURRENT_USER/Control Panel/Desktop. - Add a new String Value…

Thank you for posting this. I spent a long time hating on “M$” back in the day when they were embracing and extending everything, including the web. As the years go by though, I have built only an ever increasing respect for how Windows manages to retain backwards comparability with the Neolithic ages. …and now, this. Incredible.

The numbers themselves look to be eight bytes of eight bits. The 50% gray gives it away:

  >>> 0b01010101
  85
  >>> 0b10101010
  170

What happens if you put more than 8 bytes in there? Or a negative number? What about “ ªU ªU ªU ªU”, the bytes for the grayscale? Give it a poke!

Re: Broider: Pixel Art CSS Borders

#49

Post by slater- » Sat, Jan 28, 2023, 12:22 PM UTC

this is SO cool

Re: Broider: Pixel Art CSS Borders

#50

Post by brianberlin » Sat, Jan 28, 2023, 12:33 PM UTC

gorgoiler wrote: post #26

Brilliant… and nostalgic. Windows 3’s control panel had a facility to draw tiled pixel patterns which was a simpler version of this. It was called the Pattern : https://swiat-owocow.pl/grafiki/wallpaper-win30.png

My family had a Macintosh when I was a kid and it had a similar feature in MacPaint called brush mirrors.