Web制作やフロントエンド開発をしていると、「ちょっとしたコードを試したい」「動きをすぐ確認したい」と思う場面がよくあります。そんなときに非常に便利なのが CodePen です。本記事では、CodePenとは何か、どんなことができるのか、そしてどんな場面で ...

• 先輩エンジニア（田中さん）: Web開発歴10年。フロントエンドの達人。 • 新人エンジニア（佐藤くん）: HTMLとCSSの勉強を始めたばかりのフレッシュマン。 まあ、確かにローカル環境でもできるけど、CodePenには**「環境構築不要」「すぐに共有できる ...

錯視とは視覚系で発生する錯覚の一種であり、実際には存在しないものが見えたり実際とは異なるものが見えたりする現象のことを指します。錯視の発生するパターンについて多種多様なものが知られていますが、CSSを利用して様々な錯視を実体験できるサイトが「CSS ...

This code contains a template with animated menu for usability within codepen. Much of the code is "hidden" in the "Stuff for Head" section of the Settings in Codepen. There is a steps object in which ...