4 ms·
> the page is entirely self-contained (except the favicon) I have made a self contained page as well a few days ago. This is oddly satisfying. I use pixel art
by toto444 5y ago
> the page is entirely self-contained (except the favicon)
I have made a self contained page as well a few days ago. This is oddly satisfying. I use pixel art to make the illustrations (it's all CSS though).
If you want to take a look at it : https://drdru.github.io/pixel_art_book/pixel-art(1).html https://drdru.github.io/pixel_art_book/pixel-art(1).html
- burtekd 5y agoPixelart images?? You sir have too much free time on your hands Love the outcome though
- toto444 5y agoThe reason we write software is to save us time :-). The way I do it is : - download (free) video game tiles - upload them to https://www.pixelartcss.com/ https://www.pixelartcss.com/ to turn them into CSS - use this tool (kindly made by thecodingfox a few days ago) to place the tiles on a grid and create the whole image from the CSS returned by pixelartcss : https://www.thecodingfox.com/interactive/pixel-world-editor/ https://www.thecodingfox.com/interactive/pixel-world-editor/
- burtekd 5y agoOne word to sum this up: wow
- sandos 5y agoI was wondering why the zoom was all wrong and I had to zoom out 2 steps. Turns out thats what happens when you use 125% ui scaling in windows 10.
- merelysounds 5y agoI also like self contained pages, especially how they simplify long term maintenance. For images I do a different hack, I encode images to base64 and embed them via CSS `background: url('data:image/jpeg;base64,/...')`, or img src. The base64 encoding is not very efficient though, so I wouldn't do this for larger images. Example: https://merely.xyz https://merely.xyz (page background has a subtle "concrete" pattern).
- memalign 5y agoI’ve been working on something similar - embedding pixel art as ASCII with some JavaScript to render it as images: https://memalign.github.io/m/pceimage/index.html https://memalign.github.io/m/pceimage/index.html
- iFreilicht 5y agoOh nice! Love that you color the characters in the editor appropriately as well, that makes working with it a lot easier. Would it be possible to have space be #00000000 by default?
- memalign 5y agoThanks for trying this out! That’s a good idea! For now, you can manually specify “ :#00000000” in the top section. One reason I’ve been using “.” as the background in my own PCEImages so far is so it’s easy to see that all the lines are the right width.
- iply 5y agoExcuse my ignorance. What does self-contained mean? I've seen a lot of people mentioning it but haven't been able to find a good source to read from and learn more about