Leandro Linares

I use code to create human-friendly interfaces, and tools to build nerdy things.

[Leandro Linares @lean8086]

I tried rendering an emoji as favicon using SVG and it worked! 🤯🤯 SVG favicons are now supported by Chromium (to be released in v80) and FF since v41 🎉🎉

https://t.co/tMhe3tPiD0

[Leandro Linares @lean8086]

I've been featured on @instructables! Thanks to the editor for handpicking my project. https://t.co/RbCRiNMioq

[Leandro Linares @lean8086]

Resizing the window triggers all these (css) updates in sequence:

Viewport width → body font-size → card font-size → card props (width, height, line-height, etc.)

The layout uses flexbox, so no need to make it dependant on the body's font-size.

[Leandro Linares @lean8086]

I made the Unicode Solitaire responsive!

Since each card is plain text 🂡, I set the font-size of the cards (and all its props) in `em` units, to be relative to their parent.

Then I simply set the font-size of the body in `vw` to make it scale based on the viewport width.

[Leandro Linares @lean8086]

It prints in half the time and fits on the Prusa Mini.

Besides the 45deg, I just pointed the flat side down and the details up. Added support enforcers only on a couple of places.

[Leandro Linares @lean8086]

This thing was printed mid-air most of the time 🤯

Finally found the best setup for minimal support material and optimal layer direction for strength.

[Leandro Linares @lean8086]

https://t.co/yKsRzj9JFA

[Leandro Linares @lean8086]

Yes, it can run Doom

[Leandro Linares @lean8086]

I meant to say Unicode, not ASCII. Here I'm using them as strings:

[Leandro Linares @lean8086]

I fixed the most annoying problem in solitaire games (?)

I'm working on this solitaire to practice some React concepts, and I added a random CSS rotation to the cards (between 3 and -3 degress).

Suddenly, it doesn't look overly tidy anymore.

[Leandro Linares @lean8086]

Btw, there are no images in there. Those cards are ascii symbols (text) available natively on any computer. Even the joker and the back:

🂡 🃟 🂠

I set a font color, background, and box-shadow. For the table, I added a linear-gradient on top of the green to make it less flat.

[Leandro Linares @lean8086]

I had to fix the article on mobile and couldn’t help myself from adding a CSS animation to show where these 2 faces rotate from:

[Leandro Linares @lean8086]

I finally published an old blog post about making a full cube with all 6 faces using only 1 HTML element.

It's a fun, nonsensical article I wrote during crazy times (between jobs and before changing continents 🌎🌍) and never quite finished, until now.

https://t.co/M80KKLzXQ1

[Leandro Linares @lean8086]

Markup > Markdown

[Leandro Linares @lean8086]

I made a blog post with all of these updates:

https://t.co/ghGYvPJ0bz

[Leandro Linares @lean8086]

I also worked on distributing the new 90-degree tactile push buttons inside the case. It wasn't an easy task because the battery needed to be positioned a little bit to the bottom to make space for the mechanism.

[Leandro Linares @lean8086]

3. Ergonomics

I addressed something that was bothering me since the beginning: the flatness of the overall shape.

Even though the previous shape resembled a Switch or a PSP/PSVita, the bump in the middle and the flatness on the sides were something that didn't look balanced.

[Leandro Linares @lean8086]

Issue 2. Shoulder buttons

I redesigned both shoulders to have hinges so the 3D printed pieces can support all the stress they need to support.

[Leandro Linares @lean8086]

It will take way more time to print it this way, but now the case can withstand the pressure from the hands.

[Leandro Linares @lean8086]

Issue 1. Joints

I decided to abandon the idea of having a case split into 3 for a more traditional joint: front and back halves. This required me to redistribute most of the parts inside since they were engineered to be printed on the side.

[Leandro Linares @lean8086]

In case you don't know what I'm talking about, here is an intro with a step-by-step guide:

https://t.co/rYYEzU2VGb

[Leandro Linares @lean8086]

UPDATE! The 3D-printable case of the DIY Handheld Game Console is closer to release.

I've been making tons of improvements to make it available soon and wanted to keep you all posted 🧵