Charlie
75 posts

Charlie
@zakitype
fullstack ts + wannabe designer
Terraform Katılım Aralık 2022
162 Takip Edilen7 Takipçiler

@schematikio It has accelerometer, so this is obligatory: scared eyes when freefall detected :)

English

they'll make it all back on $INTC
BRICS News@BRICSinfo
JUST IN: 🇺🇸🇮🇷 US war on Iran has cost $29,000,000,000 so far, Pentagon official says.
English

Well, I've been using @zeddotdev as my code editor for almost a month now, here is my short feedback.
English

@eduardbodak @codebydennis @JordanGilroy This is incredible, how did you make the animation cancellation so smooth?
English

007/100 Buttons.
This button was way more complex than I first thought.
I love the page transition on the Truus site that @codebydennis and @JordanGilroy worked on.
So I wanted to use that drawing SVG Path idea somehow and fit it into a button. In best case with a mask effect.
The idea was to have an SVG path in the background that fills the button. At the same time, this path should also be used as a mask to reveal the differently colored text.
The SVG should also be replaceable and work with other SVGs.
For the path animation, I can use the DrawSVGPlugin from @greensock.
Sounds like a solid plan.
I built the button so far, and it worked great in Chrome and Firefox. In Safari, nope.
I used an SVG mask that I referenced through CSS. But Safari can’t handle that properly when the path inside the mask is animated, so the animation lags.
There was no simple solution for that. At least I didn’t find something. So I had to rebuild the button in another way.
What I found was that the SVG mask animation works in Safari when the mask is placed on the desired element inside the SVG.
That’s where foreignObject comes in, it allows you to use normal HTML elements inside an SVG. Using that, I rebuilt the hover text inside the SVG.
I then referenced the mask on the foreignObject with a bit of JavaScript.
And it worked!
The button’s structure looks more complicated than I wanted it to be, but that happens quite often when you need to make something work across different browsers 😃
Crafting 100 Buttons with @osmosupply
⏳ Total time: 96h
English

It’s just the non-technical team shipping to prod ;)
Watcher.Guru@WatcherGuru
JUST IN: Coinbase crypto trading remains down for over 5 hours as outage continues.
English

@dadiomov Because then you have to add card fees. Why drag Visa along with us into the future like a software virus?
English

@pushmatrix Is there please a non-zero chance of this being open sourced? 😭 I wanna see how this was made, it's amazing
English

@kentcdodds This has been one of the best articles I have read in a long time and I agree with all of it. But one aspect I would still consider is specificity. If I want to change the cubic-bezier animation on a button would I still be prompting that or just go and make a one liner change?
English

The Last Software Engineer epicproduct.engineer/the-last-softw…
English

Family record here is 152m on the seed "water". These are my attempts where I made it to 92m. Who can beat it? :) mitsuhiko.github.io/rope-man-game/…
English

@mitsuhiko Yeah they brought back way too many buttons. Wth is that steering wheel 😭
English


Sending out tons more ui.sh invites today, make sure you look in your spam folder if you're waiting for one 🤞🏻
English

I do same with git commits to open source projects
Tiffany Hoggs@Hogginvestor
I became a millionaire from my Uber Eats side hustle. I started leaving my feet in the delivery photo and my tips jumped, with people adding extra after drop-off—invest in yourself, even if it’s toe by toe.
English

















