#CodePenとは
CodePenはHTML、CSS、JavaScriptのコード入力画面と、その結果が表示される画面が一体で操作できるサービスです。
多くの作者がテンプレートを公開していて、自分の環境にフォークして使えます。
今回自分でWebアプリを作るにあたり参考にさせていただこうと調べた中で面白かったものを挙げていきます。
#お気に入りのEmails
Emailsは「Design like it's 1999!」と説明されてるんですが、これは・・・どういう意味なんでしょう・・・？
わかる方、コメントで教えてください。m(__)m
追記）「party like it's 1999」が「まるで今日がこの世の最後の日のように弾けたパーティを行う」ということらしいので「Design like it's 1999!」は同様に「弾けたデザインしようぜ！」ってことかしら。
投稿されているのを見た感じ、連絡先ページのデザインという感じかな、と思ってます。
2021/5/21時点でFeaturedされた順に18個を調べてみました。（Like数順にソートする方法を知っている方、教えてくださいm(__)m）
個人的に直近で使えそう・使いたいものに◎をつけています。
↑ イルミネーション表示されたメニュー看板のよう。こんな表現できるんだ・・・
↑ チャットアプリで会話してる風。
↑ 領収書ページ風。
↑ 正しくEmailのような表示。
↑ 外国のニュース記事風。
#おわりに
今回作ろうとしているのは動的なアプリなので、今はそこまで必要なかったですね。。
ただ今後静的なサイトを作るときに参考にできそうです。
おすすめのテンプレートがありましたら是非コメントで教えてください。m(__)m