Broider: Pixel Art CSS Borders • Hacker News Board

zeeZ wrote: post #5

nicoburns wrote: post #3

Earlier quoted context omitted.

Copy the CSS in the second text box. It's generating a PNG border-image and encoding it as a base64 dat url so that it can be embedded directly in the CSS.

Not visible on mobile, had to toggle desktop view to see it.

Hold landscape.

Re: Broider: Pixel Art CSS Borders

#15

Post by hexagonsun » Sat, Jan 28, 2023, 2:44 AM UTC

https://imgur.com/a/fATiS7p

Re: Broider: Pixel Art CSS Borders

#16

Post by Aeolun » Sat, Jan 28, 2023, 2:52 AM UTC

ricardonunez wrote: post #12

What a cool little tool, the simplicity is brilliant. For those on mobile, rotate to landscape to see additional options.

I don’t see any extra options on iOS? I was hoping for a download button.

Re: Broider: Pixel Art CSS Borders

#17

Post by milchek » Sat, Jan 28, 2023, 3:17 AM UTC

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

Re: Broider: Pixel Art CSS Borders

#18

Post by dinkleberg » Sat, Jan 28, 2023, 3:18 AM UTC

This is fantastic. Always a joy to see these small, single purpose CSS tools.

Re: Broider: Pixel Art CSS Borders

#19

Post by SCLeo » Sat, Jan 28, 2023, 3:20 AM UTC

hexagonsun wrote: post #15

https://imgur.com/a/fATiS7p

Thank you, you made me smile. :)

Re: Broider: Pixel Art CSS Borders

#20

Post by raldi » Sat, Jan 28, 2023, 3:33 AM UTC

This is delightful fun, but suffers a bit from Mystery Meat Navigation (https://en.wikipedia.org/wiki/Mystery_meat_navigation#Iconog...)

The pencil and eraser I get, and I thought one of the controls was Undo, but that one seems to be a toggle? And I have no idea what the last one is.