Mozilla lança MDN Playground, seu serviço semelhante ao CodePen

A Mozilla lançou a plataforma MDN Playground, permitindo que os usuários visualizem e compartilhem trechos de código HTML, CSS e JavaScript diretamente no navegador. Ele suporta edição de código, visualização de resultados em tempo real e possui suporte integrado para a ferramenta Prettier. O MDN Playground é bastante semelhante à comunidade CodePen e oferece uso gratuito para desenvolvedores.

O blog MDN Web Docs recentemente anunciado o lançamento da plataforma MDN Playground, oferecendo aos usuários a capacidade de testar e exibir trechos de código HTML, CSS e JavaScript. Com a visualização instantânea do navegador, os usuários podem observar os resultados em tempo real e compartilhá-los facilmente com o código correspondente.

O MDN Web Docs planeja usar a plataforma para formatar amostras de código no site. Permite executar o código diretamente no navegador e ver instantaneamente o resultado da execução do código. Além disso, o código pode ser editado rapidamente e observar as alterações no resultado de seu trabalho. Os botões "Play" ficarão visíveis ao lado dos blocos de código no MDN, levando o desenvolvedor ao Playground.

O MDN Playground é compatível com todos os navegadores modernos e oferece acesso gratuito aos desenvolvedores. O compartilhamento de trechos de código por meio de links permanentes requer autorização na plataforma MDN Web Docs. Além disso, o Playground inclui suporte integrado para a ferramenta Prettier, garantindo que o código siga automaticamente os padrões de design amplamente aceitos.

Semelhante à popular comunidade CodePen, o MDN Playground fornece uma plataforma para desenvolvedores criarem protótipos e compartilharem seus trabalhos usando HTML, CSS e JavaScript. Mas a comunidade CodePen também organiza competições e concursos regulares, então não se trata apenas de compartilhamento de código.