via Tinderesque – building a Tinder-like interface with CSS animations and vanilla JS #justcode | Christian Heilmann.
Tinder is a very successful dating app, and one of its features is a way to say yes or no to prospective partners by swiping right or left or pressing a yes or no button. The interface is cards that drop when you press the buttons.
As with any successful interface, a lot of clones that mimick them happen very fast. One of those is FontFlame – a Tinder for Font Pairings. When I saw this one, I thought the animation isn’t right (it just moves to the right or left and fades, there’s no turning or popping up). I tried to fix the CSS animation to match more closely what Tinder is doing, but to my dismay I found out that whilst Fontflame uses CSS animations, they get over-ridden by jQuery ones. I contacted the author and offered my CSS animation to replace the current one.
An implementation of Material Design components in vanilla CSS, JS, and HTML
Vanilla is a term used in many computing-related topics when a software is used in its original or basic form, without any customization or framework applied on top of it.