Codepen.io, Rawgit, Cloudinary

Pessoal, desde que comecei a aventura no mundo do desenvolvimento front-end, em parte devido a participar do #FreeCodeCamp, aprendi muitos truques legais. Hoje vou falar sobre três ferramentas que são uma mão na roda no auxílio ao desenvolvimento front-end: codepen.io, rawgit.com e cloudinary.com.

Como ele mesmo se descreve, o codepen.io é um ““playground for the front-end side of the web.”. Essa plataforma permite você construir, vamos dizer, “provas de conceito”. A plataforma possibilita controle total sobre o html, css e javascript, fornece pré-processadores para css (LESS, SCSS, Sass etc), html (Haml, Markdown etc) e javascript, bibliotecas pré-configuradas (bootstrap, jquery etc). Claro que também permite você adicionar seus arquivos (E por isso que vou falar das outras duas ferramentas), além de possuir uma comunidade grande e muito compartilhamento de código.

Já as plataformas RawGit e Cloudinary, eu costumo utilizá-las em conjunto com o codepen.io. O RawGit permite que eu tenha acesso a arquivos dos meus repositórios do github no formato correto de “content-type”.  Por exemplo: se eu tentar acessar um arquivo javascript hospedado em um repositório do github a partir do codepen, eu terei um erro de content-type, isso acontece porque o github fornece todos os arquivos em formato text/plain quando acessado a partir do link raw. O RawGit resolve isso pra gente :-), adicionando o content-type correto.

O cloudinary eu utilizo porque o codepen não permite upload de arquivos. Por exemplo: preciso exibir uma figura no meu html (Pen) <img src=”…”> , digamos que uma imagem criada localmente por mim. Nessa situação eu faço upload da imagem para o Cloudinary que disponibilizará essa imagem através de uma URL publica, a qual farei referência no meu Pen.

Claro que existem outras plataformas semelhantes, mas estas sem dúvidas são ótimas e tenho sido muito feliz em utilizá-las.

0 comments on “Codepen.io, Rawgit, CloudinaryAdd yours →

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *