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”