I've built a #transpiler in #Rust, compiled it to #WASM and integrated it into a #Vue app! :awesome:
It's called selecuery.✨
It can transpile X++ select statements into query expressions. If you think "X++" is a typo and you don't have any idea of what I'm talking about, don't worry.😄
Have a look at the video below.
This project is dear to my heart! ❤️ I've started it 2019 for learning #RustLang.
I think, I've been transpiled during this project as well.🤪
Look at this - there is no #JavaScript involved in those animations whatsoever (except for adding the CSS class that does the animation).
So beautiful!😍
I've struggled quite a bit with the following:
use different delay values for the item's scale animation, but do not delay the scale when hovered. The solution has been to wrap the item into an additional element and animate those when hovered. 💡
Oh, you are totally right! The "S" and "C" don't line up ("S" stroke needs to be wider).
> viewed from far
My first version totally failed in this. This one I've placed directly on the navigation pane while designing and put zoom level to 100% (no zoom).
But you are right, I prob should increase the width of every stroke.
> black/white only version
Good idea!
> cannot be printed with all processes
What does this mean?
@janriemer About printing: There are multiple ways a color can be printed: You have point colors (something like RAL or Pantone coloring systems) where each color is mixed before printing, there you have the option to use colors that are transparent (expensive) and some that are non-transparent. So this is basically a non issue, but usually you'd opt for CMYK printing where colors are mixed by dithering. If you create transparencies here you basically change the dither pattern to create... 1/2
@janriemer ... the mixed color. When this happens you will not get "sharp" edges. You can do the full rainbow but it will be grainy and the edges blur. If you go to black and white you basically only have the option to dither the black dots to create gray areas so if you can you try to not use gradients or many steps of gray because you will get either grainy prints or "color" banding when the process cannot resolve all grey values so basically everyone will create a b/w version in addition. 2/2
@janriemer so what would i change? Make the strokes fatter than they are, exagerate the S-Shape so more of the ends will be visible when flattening everything to one color, perhaps use a stroke around the S to make it more visible where it overlaps. Keep the differenciation between the C stroke width and the "filler" as that makes it recognizable. Make sure the gaps and probably the stroke around the S are consistent within the line widths of the other components
@janriemer All in all very good base and fitting logo for the thing. You can always do more refining and nothing is perfect ever, so thumbs up from me for trying to create a logo in the first place :)
Yes, I remember vdash! I reckon it makes use of threads (or maybe even async?) to update the TUI and enable streaming updates, so I can imagine that it must have been a great learning experience for you! ✨
It's really the best way to learn: Setting ambitious goals and then building it one step at a time.
Add comment