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 reading “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 reading “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 reading “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 reading “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 reading “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 reading “Chart.js – como criar gráficos com o Chart.js”

As melhores ferramentas para desenvolvedores front end

A intenção desse post é compartilhar as ferramentas gratuitas que eu utilizo para auxiliar na produção do desenvolvedor front end.

A intenção desse post é compartilhar as ferramentas gratuitas que eu utilizo para auxiliar na produção do desenvolvedor front end.

Continue reading “As melhores ferramentas para desenvolvedores front end”

Fancybox – criando galeria multimídia interativa

Muitos já devem conhecer este plugin chamado fancybox para criação de galeria para diversos formatos de mídia, pela sua facilidade e praticidade. Neste artigo vou demonstrar como utilizar o fancybox e como se antecipar a possíveis erros do plugin.

Continue reading “Fancybox – criando galeria multimídia interativa”

Dica rápida – criando uma blockquote eficiente com jQuery

Esse post é uma dica rápida de uma solução que desenvolvi em jquery para um blog para criar citações ou blockquotes com destaque lateral como em livros e jornais.

Continue reading “Dica rápida – criando uma blockquote eficiente com jQuery”

Além do Google Fonts – 10 fontes grátis para seu projeto web

Neste post coletei algumas fontes grátis para utilização após pesquisa de elaboração de um projeto. Destaque para além do que o Google Font tem a oferecer.

Neste post coletei algumas fontes gratuitas para utilização após pesquisa de elaboração de um projeto. Sei que hoje o Google Fonts ou o TypeKit da Adobe dão conta do recado, mas estava em busca de novos horizontes, e essas são as fontes (por consequência, gratuitas) que eu coletei nesta pesquisa.

Continue reading “Além do Google Fonts – 10 fontes grátis para seu projeto web”