benjamindc

5 ms·

1. 1.▲
   by benjamindc 4y ago

   Thank you, I'm glad you like it! I try to find a good balance between form and function, and create a consistent environment for the customer. The homepage is definitely more "artistic" than the dashboard, for instance, but h
2. 2.▲
   by benjamindc 4y ago

   Thank you, means a lot :)
3. 3.▲
   by benjamindc 9y ago

   In terms of performance, it outperforms all the animation libraries I’ve tried ( you can compare the stress test linked at the bottom of the page with this version made with GreenSock: http://animateplus.com/examples/st
4. 4.▲
   by benjamindc 9y ago

   All the examples use the untranspiled version which is comptabile with the browsers listed here: https://github.com/bendc/animateplus#browser-support
5. 5.▲
   by benjamindc 9y ago

   Spring physics, frame-based callbacks (see the `change()` examples), functions as values for duration, delay and any property you animate, making staggered animations easy to create, etc.
6. 6.▲
   by benjamindc 9y ago

   Cfr. https://github.com/bendc/animateplus#browser-support
7. 7.▲
   2KB JavaScript animation library(github.com)

   59 points by benjamindc 9y ago|32 comments
8. 8.▲
   Gain Motion Superpowers with RequestAnimationFrame(medium.com)

   1 points by benjamindc 9y ago|0 comments
9. 9.▲
   Web Components, the React way(medium.com)

   1 points by benjamindc 10y ago|0 comments
10. 10.▲
    Product Design of the Stripe Dashboard for iPhone(medium.com)

    84 points by benjamindc 11y ago|11 comments
11. 11.▲
    Exploring the Product Design of the Stripe Dashboard for iPhone(medium.com)

    1 points by benjamindc 11y ago|0 comments
12. 12.▲
    by benjamindc 11y ago

    Yup, you're right!
13. 13.▲
    by benjamindc 11y ago

    Glad you noticed the easter-egg on the logo :p
14. 14.▲
    Stripe: Open Source(stripe.com)

    581 points by benjamindc 11y ago|64 comments
15. 15.▲
    by benjamindc 11y ago

    Safari isn't "lagging behind other browsers", it's just implementing different things. In fact, Safari is still the best browser when it comes to everything UI-related (animations, visual effects, …). You might disagree
16. 16.▲
    Animate Plus: Behind the Scenes (Functional Programming in ES2015)(medium.com)

    5 points by benjamindc 11y ago|0 comments
17. 17.▲
    by benjamindc 11y ago

    Facebook Pop :)
18. 18.▲
    by benjamindc 11y ago

    It's actually an implementation issue and yes, I agree it's unfortunate. The problem is that the video is rotated in 3D in CSS (so we can reuse the same video without the fancy 3D effect on smaller displays since the page is verti
19. 19.▲
    by benjamindc 11y ago

    I've actually created an animation library based on my work for this page: https://github.com/bendc/animateplus
20. 20.▲
    by benjamindc 11y ago

    I find it interesting that, because some design decisions seem odd to you at first sight, you immediately conclude that the reason is a poor understanding of JavaScript. The `toArray` function, for example, is just performance optimization:
21. 21.▲
    by benjamindc 12y ago

    It's an IFFE (Immediately-Invoked Function Expression). The goal is to perform the feature test (the availability of Array.from in this case) just once instead of for every function call.
22. 22.▲
    by benjamindc 12y ago

    I guess I should clarify this example. I’m mostly fine with a global * { box-sizing: border-box; }, I’m only opposed to changing the box model randomly. The example illustrates a bad usage where changing the box model to get a full-width el
23. 23.▲
    by benjamindc 12y ago

    You're wrong, the HTML is valid.
24. 24.▲
    by benjamindc 12y ago

    Yup, I guess I should just be a bit less lazy and give a bit more context for each section :) Some things are just personal preferences and some things are just completely subjective. Overall, though, these advices tend to make front-end co
25. 25.▲
    Some HTML, CSS and ES2015 Best Practices(github.com)

    18 points by benjamindc 12y ago|10 comments
26. 26.▲
    by benjamindc 12y ago

    https://stripe.com/bitcoin runs actually super smoothly for me on Firefox 35.
27. 27.▲
    by benjamindc 12y ago

    Thanks! I might actually write a "behind the scenes" post, assuming I find the motivation to do it :p
28. 28.▲
    by benjamindc 12y ago

    Thank you, means a lot :)
29. 29.▲
    by benjamindc 12y ago

    I'm just using a tiny lib that makes things easier: https://github.com/bendc/animate Other than that, it's just vanilla js/css.
30. 30.▲
    by benjamindc 12y ago

    By computing values I meant defining styles based on runtime variables (browser size, localStorage data, …). CSS pre-processors can't do that.