Criando um ambiente de desenvolvimento front end mais eficiente

Como web designer, existem três linguagens que você precisa garantir que domina: HTML, CSS e JavaScript. Neste tutorial vamos explorar alguns recursos em linha de comando (terminal) para tornar o desenvolvimento front-end mais eficiente.

Continue reading “Criando um ambiente de desenvolvimento front end mais eficiente”

O padrão MVC para iniciantes

Model-View-Controller (MVC) provavelmente é modelo de desenvolvimento mais utilizado na web nos últimos anos. Qualquer pessoal atualmente relacionada ao desenvolvimento de alguma solução para a web já teve ter esbarrado algumas vezes no conceito. Hoje, vamos entender o que significa MVC, e porque ele tem se tornado tão popular.

Continue reading “O padrão MVC para iniciantes”

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”

Recursos do LESS que você provavelmente não conhece

Neste post vamos analisar algumas das novas funcionalidades presentes no LESS e como estas podem tornar nosso workflow mais prático e simples.

Continue reading “Recursos do LESS que você provavelmente não conhece”

3 motivos para você utilizar o AngularJS no seu próximo projeto

Neste post vamos apresentar três razões pelas quais você deve utilizar o AngularJS em seu próximo projeto de aplicação para web.

Continue reading “3 motivos para você utilizar o AngularJS no seu próximo projeto”

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”

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”

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”