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”

Interpolando variáveis com Sass (Sass interpolation)

Neste artigo vamos analisar como funciona a interpolação de variáveis na linguagem Sass, com base em simples casos de uso.

Então você curte utilizar o pré processador Sass. Ela de fato otimiza sua produtividade. Mas ainda existe uma coisa que você não consegue entender: interpolação (ou interpolation, em inglês) – que basicamente significa encaixar valores dentro de outros valores. Hoje você está com sorte, pois neste artigo vamos abordar como funciona a interpolação no Sass.

Continue reading “Interpolando variáveis com Sass (Sass interpolation)”

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”

Lista de frameworks CSS minimalistas

Neste post juntei vários frameworks simples e leves para apresentar a essa nova tendência de frameworks minimalistas, que tem como foco otimizar o que você realmente precisa para construir um website. No decorrer da lista você vai conseguir perceber o foco dos frameworks para otimizar o que realmente importa no desenvolvimento front-end.

Neste post juntei vários frameworks simples e leves para apresentar a essa nova tendência de frameworks minimalistas, que tem como foco otimizar o que você realmente precisa para construir um website. No decorrer da lista você vai conseguir perceber o foco dos frameworks para otimizar o que realmente importa no desenvolvimento front-end.

Continue reading “Lista de frameworks CSS minimalistas”

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”

Plugins para personalizar a tipografia de um projeto

Neste post eu fiz uma lista com plugins e ferramentas que podem ajudar a otimizar a tipografia e melhorar a produtividade de projetos web.

Neste post eu fiz uma lista com plugins e ferramentas que podem ajudar a otimizar a tipografia e melhorar a produtividade de projetos web.

Continue reading “Plugins para personalizar a tipografia de um projeto”

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”

Lista de Frameworks para desenvolvimento Mobile

Neste post eu vou listar alguns Frameworks específicos para desenvolvimento de aplicações Mobile.

Neste post eu vou listar alguns Frameworks específicos para desenvolvimento de aplicações Mobile.

Continue reading “Lista de Frameworks para desenvolvimento Mobile”