Palestra sobre Componetização de CSS e HTML (Front in Sampa 2013)

[http://www.youtube.com/watch?v=00NrHc7Vz4g]

Saiu o vídeo oficial da minha palestra no FrontInSampa 2013, sobre componetização de HTML e CSS e a polêmica sobre orientação a objetos com CSS.

E os slides:

[slideshare id=28678434&doc=componetizacaodecsscomcompass-131127102153-phpapp02]

E você usa componetização de CSS e HTML? Que ferramentas utiliza para isso?

Customização de CSS com Compass

Trabalhar com componetização do HTML e CSS significa mais qualidade no código e muito mais produtividade no longo prazo.

Já escrevi algumas vezes aqui sobre este assunto, um dos que causaram bastante debate foi sobre CSS orientato a objetos – mais debate pela nomenclatura do que pela metodologia em si.

Este ano tive o prazer de palestrar no Front in Sampa 2013 e falei um pouco sobre componetização de HTML e CSS utilizando o Compass, uma ferramenta extraordinária que vale a pena ser estudada.

A popularização de frameworks como o Bootstrap tornaram mais fácil este tipo de metologia, pois já temos a segmentação da estrutura e trabalhar com a customização visual dos componentes fica bem mais fácil. Aproveitar este conhecimento de arquitetura de front-end destes projetos e trazer para dentro da sua empresa pode ajudar muito na produtividade da equipe.

Abaixo os slides da minha apresentação sobre este assunto:

[slideshare id=28678434&doc=componetizacaodecsscomcompass-131127102153-phpapp02]

E aí, vamos componetizar?

Palestra sobre responsive design

Este ano graças a indicação do Daniel Filho (uma das personalidades mais influentes no mercado de front-end nacional que odeia este título que o acompanha) tive a oportunidade de palestrar no Campus Party (e tinha esquecido de compartilhar isso no blog!).

Falei um pouco sobre responsive design sem mimimi, se vocês conseguirem me acompanhar correndo pelo palco perceberão que tentei abordar alguns temas que considero importante no assunto:

  • Vantagens e desvantagens do responsive design
  • Qual o impacto do responsive design para os usuários?
  • Qual o objetivo do responsive design?
  • Qual o custo do responsive design
  • Qual a melhor forma de pensar em design responsivo?

Vídeo da palestra sobre responsive design

Aqui tem o vídeo e mais abaixo os slides da apresentação.

[http://www.youtube.com/watch?v=piXlBkzrSeM]

Correções:

  • em 5:20 falei em aplicar folha de estilos para dispositivos e isso é tudo que o design responsivo não é, eu queria dizer resoluções   

Encontrou mais alguma canelada? Comenta aí para eu atualizar o post.

Slide sobre responsive design

[slideshare id=16342889&doc=responsivedesign-130204092612-phpapp01]

Gostou? Compartilhe!

Frontinsampa 2013

Já está sabendo do Frontinsampa 2013? Estamos apoiando o evento este ano, que vai ser imperdível por diversos motivos, entre eles quero destacar dois:

Lea Verou

Isso mesmo! A Lea (ou se você prefer formalidade, Michaelia Komvouti-Verou) trabalha no W3C e vai dar o ar da graça, palestra internacional no evento! Dando uma olhada nos projetos dela dá para ter idéia de que a palestra será sensacional.

Inferno

Se você tem alguma dúvida de que o Frontinsampa poderia ser “só mais um evento de front-end”, esta dúvida acaba agora: o evento vai acontecer no Inferno, uma casa noturna que fica na Rua Augusta, aqui em São Paulo. A casa será adaptada para o dia do evento e contará com toda a infraestrutura que o evento exige!

FrontinSampa

Quando: 14 de Setembro
Onde: Inferno (Rua Augusta), São Paulo SP
Quanto: R$200,00 (R$175,00 se você usar nosso cupom de desconto!)


Cupom de desconto

Como alguns de vocês sabem, eu sou sócio do Eu Compraria! e nós estamos apoiando o evento, estaremos lá com vários produtos!

De quebra a organização liberou um cupom de desconto (no valor de R$25,00), faça agora sua inscrição utilizando o cupom: EUCOMPRARIA-25 


Vamos lá aprender e discutir front-end e tomar uma cerveja depois? 😀

O que é Page Visibility – Palestra do SampaJS

Pelo segundo ano consecutivo o SampaJS aconteceu quando eu estava viajando e não pude participar. O Daniel Filho falou sobre Page Visibility, uma API bacana que permite melhorar ainda mais a interação com o usuário verificando se sua página está ativa no navegador do usuário.

Page Visibility

 

E se você quer saber mais sobre Page Visibility vale a pena ver a documentação na W3C.