Chartist.js – criando gráficos responsivos com o chartist.js

Outro dia, pesquisando outras bibliotecas para criar gráficos responsivos com HTML5 e javascript, acabei encontrando esta chamada Chartist.js. Inicialmente eu confundi essa biblioteca com a Chart.JS, achava que era uma espécie de major update, mas depois percebi que era uma solução a parte, mas que também fica nem um pouco para trás em termos de funcionalidades modernas e simplicidade. Acabei criando esse post com base nos testes que fiz na ferramenta então sintam-se livres para encaminhar duvidas e testar o demo que está disponibilizado no artigo.

Continue lendo “Chartist.js – criando gráficos responsivos com o chartist.js”

Criando um portfolio baseado no Instagram utilizando o Bootstrap

Neste tutorial vamos percorrer todo o processo de criação de um simples portfólio baseado no conteúdo de um perfil no Instagram, utilizando o framework Bootstrap para criar um layout responsivo.

Continue lendo “Criando um portfolio baseado no Instagram utilizando o Bootstrap”

Utilizando a tag “picture” do HTML5 com imagens responsivas

O tratamento de imagens responsivas hoje é sem dúvidas o assunto mais discutido na área de design para web. Neste artigo vamos ver como a tag <picture>, uma solução para imagens responsivas, pode ser utilizada no seu próximo projeto.

Continue lendo “Utilizando a tag “picture” do HTML5 com imagens responsivas”

Utilizando o Three.js Para Desenvolvimento de Jogos

Three.js é uma biblioteca/API JavaScript open-source utilizada para criar e apresentar gráficos animados 3D em um navegador, compatível com o elemento canvas do HTML5, WebGL e SVG. Neste artigo vamos analisar os recursos desta game engine e compartilhar alguns informações e sugestões para ajudar você a começar a desenvolver games com o Three.js.

Continue lendo “Utilizando o Three.js Para Desenvolvimento de Jogos”

Habilitar calendário no input date com Datepicker Bootstrap

Quem nunca precisou de um campo para data em um formulário tão intuitivo quanto o apresentado no chrome por padrão para input com type date? Fiz um teste com o plugin Datepicker Bootstrap, que adiciona a função de apresentar um calendário ao input em qualquer navegador e elaborei esse post para compartilhar o que aprendi.

Quem nunca precisou de um campo para data em um formulário tão intuitivo quanto o apresentado no chrome por padrão para input com type date? Fiz um teste com o plugin Datepicker Bootstrap, que adiciona a função de apresentar um calendário ao input em qualquer navegador e elaborei esse post para compartilhar o que aprendi.

Continue lendo “Habilitar calendário no input date com Datepicker Bootstrap”

Chart.js – como criar gráficos com o Chart.js

Neste post vamos aprender a criar belos gráficos apenas com HTML5, CSS e JavaScript através da biblioteca Chart.JS.

Fazer gráficos para web está cada vez mais fácil com HTML5, CSS e JS. Neste post vamos analisar como criar belos gráficos em HTML5 sem a necessidade de um banco de dados com a ajuda da biblioteca JS Chart.js.

Continue lendo “Chart.js – como criar gráficos com o Chart.js”