javierbyte

7 ms·

1.
by javierbyte 1y ago
Hey! For the real-time editor I have an invisible textarea in the background with a monospace font and I'm rendering SVGs on top of it, each character is a React component.
2.
by javierbyte 1y ago
Author here! I'm so happy to see Brutalita randomly popping up on Hacker News! I had fun building this small project, there are a few fun things I did to make this work: - The editor is a textarea with a monospace font, but the text is
3.
Show HN: Depth of Field with CSS Demo(depth-of-field.vercel.app)
6 points by javierbyte 2y ago|1 comments
4.
by javierbyte 2y ago
I saw another post an hour ago with a similar demo and was inspired to post it here. Isn't it wonderful that browsers and laptops are so powerful nowadays?
5.
by javierbyte 2y ago
Very cool! I also made a CSS based fake depth of field inspired by Shuding :) https://depth-of-field.vercel.app/
6.
Show HN: Make ebooks with custom covers to use as lockscreen images on a Kindle(javier.xyz)
1 points by javierbyte 5y ago|0 comments
7.
Making better timelapses with Lightroom and JavaScript(javier.xyz)
2 points by javierbyte 5y ago|0 comments
8.
by javierbyte 5y ago
this is great! how do you feel using the coordinates? can I link the video on the github readme?
9.
by javierbyte 5y ago
When you download the font then it is a normal font and that does not happen. On the website, to make it possible to edit the characters in real time I'm drawing the font as SVG behind an invisible textarea; so when the text is edited
10.
by javierbyte 5y ago
That would be amazing!
11.
by javierbyte 5y ago
I made that change, and added a separate button to delete the layer :)
12.
by javierbyte 5y ago
Sounds so good! That is a feature that I want to implement, when I was making the font I wanted the same feature (but decided to finish the font first!) so what I end up doing was using a different character to create a variation of a char
13.
by javierbyte 5y ago
If you open the editor on a bigger window (I think I made it 1000px or more) you'll get the "full" editor with the dots that you are missing. I may make it an option so you can get the full editor on mobile too. And yes, more
14.
by javierbyte 5y ago
1. Noted, the buttons are confusing. In the meantime: "download" downloads the original font that I made, "download edited" download currently edited font (if you have made any edits) in .otf format, "download json&
15.
Show HN: I made a grid based font editor and font(brutalita.com)
243 points by javierbyte 5y ago|39 comments
16.
by javierbyte 5y ago
Hello HN! I wanted to make a font that I can "snap" to vertices on a grid for an upcoming project, and after starting making it I decided that it was going to be easier to iterate if I made an editor too. It uses opentype.js to ge
17.
by javierbyte 5y ago
Yes! Author here, the emojis text with css transforms.
18.
Show HN: Emoji to Scale(javier.xyz)
713 points by javierbyte 5y ago|124 comments
19.
by javierbyte 5y ago
Visualize emojis to scale. The chicken is not bigger than the car anymore!
20.
by javierbyte 5y ago
I had to check the title to make sure it is not there. I totally read "from COVID-19" in my mind.
21.
by javierbyte 5y ago
> I'd like to buy a computer that's just like Macbook, except with repairable/swappable/upgradeable components That's the thing, making something plug and play and mostly "driver-free" would be very har
22.
by javierbyte 5y ago
> I'm still waiting to hear about the aircraft that has gone down So sad to hear. No one shines a laser on an aircraft accidentally, and it is not like the police are using lasers as an excuse to systematically punish a minority. We
23.
by javierbyte 5y ago
I think the point is that if Apple did optimize the algorithm using ImageNet then they and we are seeing the same best case scenario.
24.
by javierbyte 5y ago
Still, there is more to it. Don't wait to retire to do what makes you happy.
25.
by javierbyte 5y ago
If your phone is broken you don't always have the option to do that.
26.
by javierbyte 5y ago
Also, you can try reducing the "contrast" and "definition" settings. I think in this case the hoodie is taking a lot of the lines, I'll take a look, thanks!
27.
by javierbyte 5y ago
Yes, in this case the SVG is a list of coordinate pairs, should be fairly easy to extract. https://github.com/javierbyte/pintr/blob/master/lib/svg.js#L... * Update to add a link to the code that gen
28.
by javierbyte 5y ago
Author here, that sounds soo cool! If you decide to try please let me know if you need any support!
29.
by javierbyte 5y ago
Thanks! Author here, are you testing with the HEIC files from your computers? To me it seems that iOS does not have issues with HEIC but probably it is doing some conversion before.
30.
Show HN: Tool that turns your images into plotter-like line drawings(javier.xyz)
405 points by javierbyte 5y ago|74 comments

More ›