クレジットカード情報の入力フォームをリッチにする「Skeuocard」

Skeuocard by kenkeiter

入力したカード番号によって、カード種別を判別して表示してくれます。

表を全部入力すると、裏面を入力するためのガイドがでます。

裏面

こういう実世界の質感をそのまま反映したようなデザインを「Skeuomorphic Design」っていうんですね。知りませんでした。

Appleが推奨するSkeuomorphic Designとそのメリットデメリット │ Design Spice

このライブラリを使いながら、他の情報入力箇所のデザインがしょぼいとそこだけ浮きそう。