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”

Introdução ao Magento: Instalação

Neste artigo, vamos abordar todos os pontos básicos do Magento até sua instalação. O Magento é uma plataforma open source para eCommerce construída com PHP.

Neste artigo, vamos abordar todos os pontos básicos do Magento até sua instalação. O Magento é uma plataforma open source para eCommerce construída com PHP, hoje a mais parruda do mercado.

Continue reading “Introdução ao Magento: Instalação”

Ferramentas grátis para criar protótipos de aplicações

Hoje graças a tecnologia, quando vamos apresentar um projeto, podemos apenas apresentar um protótipo que simula um app final e consome 1/3 do trabalho de uma equipe em relação a produção do app nativo. Geralmente essas ferramentas são bem caras, mas rodando na internet percebi que temos a disposição várias ferramentas grátis para o mesmo propósito, porventura até melhor e simples que algumas pagas. Elaborei esse post para apresentar as ferramentas grátis que temos disponíveis para criação de protótipos de aplicativos para web (mobile e desktop).

Continue reading “Ferramentas grátis para criar protótipos de aplicações”

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)”

Introdução a gráficos SVG

Como desenvolvedor web você precisa saber como utilizar gráficos SVG (Scalable Vector Graphics) em um website. Neste artigo vamos fazer uma introdução ao SVG e analisar alguns exemplos mais complexos de sua utilização como a criação de logos ou ícones.

Continue reading “Introdução a gráficos SVG”

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”

Desenvolvendo jogos HTML5 com o Phaser

Neste artigo vamos analisar alguns recursos úteis para quem deseja aprender a utilizar o Phaser e vamos testar alguns exemplos de utilização desta game engine para ver o que ela tem a oferecer.

Continue reading “Desenvolvendo jogos HTML5 com o Phaser”

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”