Codepen é uma comunidade online e gratuita, nela é possível programar trechos de código em HyperText Markup Language (HTML), Cascading Style Sheet (CSS) e JavaScript (JS). Sendo HTML considerado como linguagem de marcação para desenvolvimento web, CSS linguagem de inserção de estilo e JS uma linguagem de programação que permite enriquecer com conteúdo dinâmico.
A imagem acima mostra a área de programação, seu design é interessante pois separa as três linguagens, tornando os códigos mais visíveis e organizados, e seu resultado é mostrado abaixo de imediato, assim proporcionando uma depuração mais rápida.
Além de ser utilizado para programar e armazenar códigos, também é possível aprender através desta plataforma. Em sua página inicial é apresentado diversos modelos de design criados por outros usuários, basta abrir e aprender novos recursos desta linguagem.
Os recursos mostrados são gratuitos, mas é possível utilizar sua versão pro que libera mais funcionalidades desta plataforma.
