quackit.com: Uma ferramenta para praticar e conhecer propriedades das linguagens de programação

Iniciar os estudos de uma linguagem pode ser um desafio quando se quer colocar todo seu potencial no projeto. A melhor forma de fazer isso, é conhecendo bem os recursos que a linguagem escolhida possibilita.

Pesquisando por recursos disponíveis no CSS3, encontrei o site quackit.com. Ele disponibiliza a explicação e simulação de diversos recursos em HTML, CSS3, Java Script, linguagem de marcação XML, tutoriais para SQL, etc. Assim como diversos artigos e tutoriais.

O site disponibiliza simulações dos recursos que se pretende aprender. No caso do CSS3, é possível testar os comandos com uma visualização fácil do que ele faz, como no exemplo abaixo, em que é possível testar as variáveis do comando "justify-content":

Na imagem abaixo, vemos a simulação do uso do comando "justify-content: space-around;"

Mudando para "justify-content: space-between;" podemos ver as mudanças que o comando proporciona:

Nesse outro exemplo, a ferramenta exibe as alterações feitas nas tags de HTML:

Dessa forma, fica muito fácil conhecer os comandos e entender como eles funcionam na prática, de forma rápida, e proporcionando uma abstração mais fácil do aprendizado sobre as linguagens de programação.