Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

OOCSS

685 vues

Publié le

  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

OOCSS

  1. 1. OOCSSObject Oriented CSS * Sim, esta é a mesma imagem que todo mundo usa pra explicar isso.
  2. 2. BRUNO MENDES Front End Developer @bruno2ms
  3. 3. CURVA DE APRENDIZAGEM PARA ENTENDER O ESTILO
  4. 4. ARQUIVOS DE ESTILO GIGANTES
  5. 5. NOVAS ESTRUTURAS SENDO CRIADAS A TODO MOMENTO.
  6. 6. MUITAS MÃOS PARA DEFINIR O VISUAL DE UM ÚNICO SISTEMA.
  7. 7. TODOS POSSUEM AUTONOMIA DE DECIDIR O QUE CRIAR DE NOVO
  8. 8. MUITOS PADRÕES, E NENHUM PADRÃO
  9. 9. REUSABILIDADE DE CÓDIGO QUASE INEXISTENTE
  10. 10. DOIS PRINCÍPIOS BÁSICOS 1 -SEPARAÇÃO DA ESTRUTURA E DO VISUAL 2 -SEPARAÇÃO DO "CONTAINER" EM RELAÇÃO AO CONTEÚDO
  11. 11. CRIE UMA BIBLIOTECA DE COMPONENTES NOVAS PÁGINAS DEVEM SER CRIADAS À PARTIR DA BIBLIOTECA NÃO DEVE SER NECESSÁRIO CRIAR NOVOS ESTILOS PARA A PÁGINA CRIE MODULOS E REUTILIZE-OS REVISITE SUA BIBLIOTECA E NUNCA CRIE ALGO NOVO SEM ANTES CRIAR UM COMPONENTE PARA SEU SISTEMA
  12. 12. PROBLEMAS (OU NÃO) SEPARATION OF CONCERNS (SEPARAÇÃO DE PREOCUPAÇÕES) MUDANÇAS FUTURAS DO LAYOUT NÃO SE LIMITAM AO CSS MUDANÇAS FUTURAS DO LAYOUT NÃO SE LIMITAM AO CSS (APESAR DE NUNCA TEREM SE LIMITADO :P) EXIGE CUIDADO E DEDICAÇÃO DE TODOS (TODOS SÃO RESPONSÁVEIS)
  13. 13. SASS PODE RESOLVER O PROBLEMA! ME PERGUNTE COMO USA! @BRUNO2MS THE SASS EVANGELIST
  14. 14. LINKS HTTP://WWW.SLIDESHARE.NET/STUBBORNELLA/ OBJECT-ORIENTED-CSS/ HTTP://WWW.SMASHINGMAGAZINE.COM/2011/12/12/ AN-INTRODUCTION-TO-OBJECT-ORIENTED-CSS- OOCSS/ HTTP://TABLELESS.COM.BR/OOCSS-OU-CSS-DO- JEITO-CERTO/

×