Dribbbleの作品をCodePenで再現しているギャラリー「Give ’n’ Go」

Dribbbleの作品をCodePenで再現しているギャラリー「Give ’n’ Go」

面白かったのでご紹介。「Give ’n’ Go」はDribbbleで公開されている作品をCodePenを用いて再現しているギャラリーです。見た目だけでなくアニメーションも含めて再現しているものも多く、中にはここまで再現できるのかと驚くものもあります。

Give ’n’ Go

それぞれ以下のような形で一覧化されており、左側がDribbbleで公開されている作品、右側がCodePenを用いて再現しているものになっています。
CodePenを用いているので実際にどのようなソースで実装されているか見ることもでき、見て楽しむだけでなく同じような動きを実装したい時の参考にもなります。

Give ’n’ Go

見た目を再現するのはもちろん、アニメーションなども忠実に再現している作品も多く、また再現されているものも実用的なのから遊び心あるものまで様々なタイプの作品があります。
興味ある方は以下よりご覧になれます。

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。