Criando um dashboard dinâmico com o ChartJS

Hoje vamos criar um dashboard com gráficos dinâmicos utilizando a solução ChartJS. ChartJS é uma poderosa biblioteca JavaScript, sem dependências, que auxilia na criação de gráficos para web através do elemento HTML canvas. E o melhor, a utilização do ChartJS é super simples até mesmo para designers. Vamos focar na parte funcional da biblioteca para criar gráficos de maneira simples e rápida. Vamos criar um dashboard responsivo do inicio ao fim.

Continue reading “Criando um dashboard dinâmico com o ChartJS”

Instalando o WordPress no Linux com ambiente LEMP

Neste post vamos continuar a configuração do nosso servidor Linux com Ubuntu para WordPress, focado em performance. Para quem não acompanhou o post anterior (onde explico o porque disso tudo), recomendo dar uma olhada antes de partir para esse. Mas se você apenas quer instalar o WordPress em um servidor Linux com o LEMP já configurado, o tutorial serve muito bem.

Neste post vamos continuar a configuração do nosso servidor Linux com Ubuntu para WordPress, focado em performance. Para quem não acompanhou o post anterior (onde explico o porque disso tudo), recomendo dar uma olhada antes de partir para esse. Mas se você apenas quer instalar o WordPress em um servidor Linux com o LEMP já configurado, o tutorial serve muito bem.

Continue reading “Instalando o WordPress no Linux com ambiente LEMP”

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”

CSS animation – introdução a animações CSS

Hoje muitos sites utilizam animações, seja em forma de GIFs, SVGs, WebGL, video background entre outros. As animações quando utilizadas corretamente, podem ajudar a dar vida e interatividade a um website, além de otimizar a experiência do usuário. Neste tutorial vamos fazer uma introdução as animações CSS.

Continue reading “CSS animation – introdução a animações CSS”

Automatizando tarefas de social media com o IFTTT

Nest post quero mostrar como podemos utilizar o serviço IFTTT para automatizar várias tarefas de social media e otimizar a produção de conteúdo.

Neste post vou compartilhar como utilizo o serviço IFTTT para automatizar algumas tarefas de social media. Esse post complementa o post anterior de introdução ao serviço IFTTT.

Continue reading “Automatizando tarefas de social media com o IFTTT”

Bourbon – biblioteca de mixins para Sass

Este post faz parte de uma série para apresentar o conjunto de ferramentas Bourbon | Neat | Bitters e Refills. Este primeiro post é uma introdução ao Bourbon.

Essa semana fiz alguns testes com o Bourbon, que é uma biblioteca com vários mixins úteis, prontos, para Sass. Pra quem está começando a utilizar Sass agora, essa biblioteca pode ser super útil e é isso que vamos analisar neste post.

Continue reading “Bourbon – biblioteca de mixins para Sass”

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”

ICEcoder – editor de código na nuvem

Neste post vamos fazer uma introdução ao editor de código na nuvem ICEcoder, que opera em qualquer servidor web com PHP 5. A maneira mais rápida e fácil de gerenciar arquivos de projetos Web.

Galera, recentemente dando uma vasculhada no GitHub, encontrei esta ferramenta chamada ICEcoder, que é um editor de códigos open source para diversas linguagens (principamente para linguagens voltadas para web) na nuvem, você utiliza ele em qualquer servidor web com PHP no mínimo na versão 5. Neste post gostaria de apresentar o ICEcoder e fazer um tutorial básico de instalação e utilização desta ferramenta, que é bem útil.

Continue reading “ICEcoder – editor de código na nuvem”