Como compilar SASS com PHP

Como compilar SASS com PHP

Existem hoje várias formas de você compilar seus arquivos SASS e transformá-los em CSS, seja utilizando Ruby, ou com Grunt, Gulp, etc. Mas você já pensou que também poderia fazer …

Vanilla JS + CSS3 Sticky Header

Vanilla JS + CSS3 Sticky Header

Você provavelmente já deve ter visto por aí muitos sites que utilizam do efeito de ao chegar a um certo ponto de rolagem da tela, algum elemento ou até mesmo …

Guia definitivo – Comparação de Grids em CSS

Guia definitivo – Comparação de Grids em CSS

Neste post quero convidá-lo a pensar um pouco sobre as GRIDs css atuais. Para quem não conhece o conceito ou nunca usou uma, a proposta é: pensar desde o wireframe, …

Conferência W3C 2013

Conferência W3C 2013

Nos dias 18 e 19 de Novembro acontece em São Paulo umas das maiores conferências sobre desenvolvimento web do Brasil. O evento é uma iniciativa do escritório W3C Brasil e …

CSS3 Perspective Carousel

CSS3 Perspective Carousel

Eu e Marco Bruno desenvolvemos inicialmente esse carousel para um produto da Locaweb. Para que o mesmo tivesse essa forma utilizamos CSS3 Transform, Rotate e Transtitions e jQuery para efetuar …

Responsive Design: Testes automatizados com Node.js

Responsive Design: Testes automatizados com Node.js

Desenvolver projetos responsivos pode ser tornar chato a partir do momento em que você tem que ficar a todo momento redimensionando o browser para ver como o layout se comporta …

Instawidget – Instagr.am Widget com jQuery e CSS3

Instawidget – Instagr.am Widget com jQuery e CSS3

Hoje em dia nós temos widgets para mostrar as últimas atualizações do Twitter, ou se quiser, a quantidade de seguidores de um perfil. Temos também aquele box horrível do Facebook, …

Sorteio – Livro Smashing CSS

Sorteio – Livro Smashing CSS

Já que o Natal está próximo, eu em conjunto com a Bookman Editora, iremos sortear um exemplar do livro Smashing CSS, sim, aquele famoso livro escrito por Eric Meyer, com …

Como criar um botão customizado de Share no Facebook

Como criar um botão customizado de Share no Facebook

Nesse tutorial vou ensinar aqui a criar um botão customizado para compartilhar o que você quiser no Facebook. Sua função é bem parecida com a do botão Send, com a …

Responsive Slideshows

Responsive Slideshows

Responsive Design é um conceito que visa apresentar a informação de forma confortável e acessível para qualquer dispositivo, ou seja, você pode acessar um site no PC e o mesmo …