Keyamoon

🆕

[Keyamoon @Keyamoon]

Excited to introduce the new IcoMoon app:

🖋️ SVG Editor
🎨 Color Fonts (COLRv0, Baseline widely available)
😌 No need to outline strokes or flatten SVGs
👥 Live collaboration
⭐️ Export to @vuejs, @elmlang, @reactjs, @Web_Components, @FlutterDev (under Font), favicon and more

[IcoMoon @_vect_]

When adding new anchor points using IcoMoon's pen tool, you can keep dragging to place the point exactly where you want it.
#svg_vector_editor

[Keyamoon @Keyamoon]

@dannymoerkerke The new IcoMoon app is an offline-first SVG editor and multicolor font generator. https://t.co/x4SaPVNB5F

[Keyamoon @Keyamoon]

@mschoening Friction in general seems to deepen thinking and understanding.

[Keyamoon @Keyamoon]

@PoomSmart If you still need this, it can be done by importing the font to IcoMoon.

[Keyamoon @Keyamoon]

@adam_bobowski Datastar is awesome. It's a great fit for most projects. Offline-first functionality is rarely required but essential in some niche cases.

[Keyamoon @Keyamoon]

@adam_bobowski Currently using WebSocket for that. Works offline-first, conflicting changes make new branches so nothing gets lost.

[Keyamoon @Keyamoon]

@h7eeb_visuals Something like this? https://t.co/KHgTNmF1V6

You can go back to the Glyphs pane for exporting as PNG. There is a Color Shifter feature too for changing colors.

[Keyamoon @Keyamoon]

Besides vertical and horizontal reflection, diagonal reflection comes up rather frequently.

[IcoMoon @_vect_]

New buttons for diagonal reflection.

Intuitive keyboard shortcuts:

Shift + Alt + / → Diagonal (45°)
Shift + Alt + \ → Negative Diagonal (135°)

[Keyamoon @Keyamoon]

@dmiiiitrii second one, from left

[Keyamoon @Keyamoon]

@shadeed9 Not the stops but I often have to look up the syntax of the shape/position of radial gradients.

[Keyamoon @Keyamoon]

@OpacityHQ But would it be possible to build Opacity itself with Opacity? 🧐

[Lea Verou, PhD @LeaVerou]

🔥 New blog post: Dark mode toggles that expose three visible states (system, light, dark) seem like the best option.

Until you think about user goals, that is.

Before rushing to disagree, hear me out.

https://t.co/IKECNVT5EA

PS: As a data point, @jaffathecake was converted after reading this 😅

[Keyamoon @Keyamoon]

@LeaVerou @jaffathecake Yes, that is important to emphasize. My implementation works the same way.

[Keyamoon @Keyamoon]

@RaminNasibov Portal

[Keyamoon @Keyamoon]

@gorkemyildiz Interesting. Doesn't the size of the icon relative to its background affect the result? Maybe it should. But then the offsets would become a dynamic function as opposed to a fixed percentage and harder to use.

[Keyamoon @Keyamoon]

@gorkemyildiz I'm also not sure if the "2.6%" vertical offset for the play icon is right, especially at large sizes. Screenshot taken from the playground.

[Keyamoon @Keyamoon]

@ChallengesCss A graph?