Live data from Hacker News

Stripe Elements: Pre-built UI components to help you create checkout flows

stripe.com

41–50 of 124 posts

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#42

Earlier quoted context omitted.

In the linked page on the right, is that a video? https://i.imgur.com/qloK4xE.png I was just wondering how they made that.

It's all CSS animations!

I am very curious to how exactly they made these animations! Surely they didn't hand type all of the transforms.

I see a lot more of similar animations appearing on the internet.

Are there tools that people use to help with the animations?

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#43
post #35

Earlier quoted context omitted.

Why? I mean you're still sending the referer header, right?

No, browsers don't send the referer header for https links.

That's only if linking from https to an http page which is not the case here.

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#44

Can this be used for just frontend and not integrate with Stripe's backend? ie. use the "elements" form and not create the token to transmit card information. Sort of like a beefier Card library by jessepollak ( https://github.com/jessepollak/card )

Setting up a little Express server that deals with the backend stuff is not too difficult. [0][1] Looking forward to update the article for using Stripe Elements. Great job Stripe team!

- [0] https://github.com/rwieruch/react-express-stripe

- [1] https://www.robinwieruch.de/react-express-stripe-payment/

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#46

Here's the same URL but without all the utm_* tracking garbage: https://stripe.com/elements

Can someone explain how that utm_* stuff got there if the original poster didn't include it? And if he did, where did he get this URL from?

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#47

Earlier quoted context omitted.

It's all CSS animations!

I am very curious to how exactly they made these animations! Surely they didn't hand type all of the transforms. I see a lot more of similar animations appearing on the internet. Are there tools that people use to help with the animations?

It can be done using Adobe After Effects and the Bodymovin plugin.

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#48

Here's the same URL but without all the utm_* tracking garbage: https://stripe.com/elements

Off topic: Is there a chrome extension that will strip these query parameters off automatically when a user clicks on links? I found https://chrome.google.com/webstore/detail/url-tracking-strip... but wasn't sure if someone might have found a superior extension.

I created this [1] some time ago to manipulate links in the pages that I visit.

This part [2] removes the UTM parameters from the links in certain websites.

However, I stopped updating the extension when I switched to Safari some time ago.

I used to use this one [3] which was actually my inspiration to create my own project.

[1] https://github.com/cixtor/markasread

[2] https://github.com/cixtor/markasread/blob/08726ce/markasread...

[3] https://github.com/jparise/chrome-utm-stripper

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#49
post #12

Can this be used for just frontend and not integrate with Stripe's backend? ie. use the "elements" form and not create the token to transmit card information. Sort of like a beefier Card library by jessepollak ( https://github.com/jessepollak/card )

I don't believe so. You don't get the card info from the form, you only get the generated tokens. I could be wrong, but I believe that's how it works.

That's fundamentally a big part of the point: you never directly handle any payment info, which frees you from most of the tremendous liability and security concerns that come with directly handling payment info.

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#50
Can't express enough how much I love stripe's design. It's so inspiring. After working in a SAAS company for 3 years, I learned how difficult it is to fight for a good design with engineers, PM and managers. Lots of them don't care or respect about design.

This is from Apple Special Event 2017

(Steve Jobs’ voice) "There’s lots of ways to be as a person. And some people express their deep appreciation in different ways. But one of the ways that I believe people express their appreciation to the rest of humanity is to make something wonderful and put it out. And you never — you never meet the people, you never shake their hands. You never hear their story or tell yours but somehow in the act of making something with a great deal of care and love, something is transmitted there. And it’s a way of expressing to the rest of our species our deep appreciation. So we need to be true to who we are and remember what’s really important to us. That’s what’s going to keep Apple, Apple, as if we keep us, us. "

The design of stripe is definitely a good example of this statement.

Post reply on HN