Nuclear{JS}

https://github.com/richardsantos/nuclearjs
ATOMIC DESIGN

https://github.com/richardsantos/nuclearjs
ATOMS

https://github.com/richardsantos/nuclearjs
MOLECULES

https://github.com/richardsantos/nuclearjs
ORGANISMS

https://github.com/richardsantos/nuclearjs
TEMPLATES

https://github.com/richardsantos/nuclearjs
PAGES

https://github.com/richardsantos/nuclearjs
https://github.com/richardsantos/nuclearjs
STEPHEN HAY

“We’re not designing pages,
we’re designing systems of
components.”

https://github.com/richardsantos/nuclear...
NUCLEAR{JS}
Casos de testes baseados no CasperJS

https://github.com/richardsantos/nuclearjs
NUCLEAR{JS}
Conceito e Organização baseados em Atomic Design

https://github.com/richardsantos/nuclearjs
NUCLEAR{JS}

https://github.com/richardsantos/nuclearjs
NUCLEAR{JS}

https://github.com/richardsantos/nuclearjs
NUCLEAR{JS}

https://github.com/richardsantos/nuclearjs
NUCLEAR{JS}

ACESSIBILIDADE

SEO

SEMÂNTICA

ESTRUTURADO

CONFIGURÁVEL

GITHUB

https://github.com/richardsantos/nuclearjs
NUCLEAR{JS}
EXEMPLO BÁSICO DE
ACESSIBILIDADE
• Meu site não pode ter tabelas que não contenham um resumo do seu conteúdo
(...
NUCLEAR{JS}
EXEMPLO BÁSICO DE
SEO
• Minhas imagens possuem um texto alternativo?

https://github.com/richardsantos/nuclear...
NUCLEAR{JS}
EXEMPLO BÁSICO DE
SEMÂNTICA
• Meu botão de formulário é semântico?

https://github.com/richardsantos/nuclearjs
NUCLEAR{JS}
http://casperjs.org/
http://bradfrostweb.com/blog/post/atomic-web-design/
https://github.com/richardsantos/nuc...
Upcoming SlideShare
Loading in …5
×

NuclearJS - CasperJS Boilerplate

950 views

Published on

Apresentação do NuclearJS

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
950
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

NuclearJS - CasperJS Boilerplate

  1. 1. Nuclear{JS} https://github.com/richardsantos/nuclearjs
  2. 2. ATOMIC DESIGN https://github.com/richardsantos/nuclearjs
  3. 3. ATOMS https://github.com/richardsantos/nuclearjs
  4. 4. MOLECULES https://github.com/richardsantos/nuclearjs
  5. 5. ORGANISMS https://github.com/richardsantos/nuclearjs
  6. 6. TEMPLATES https://github.com/richardsantos/nuclearjs
  7. 7. PAGES https://github.com/richardsantos/nuclearjs
  8. 8. https://github.com/richardsantos/nuclearjs
  9. 9. STEPHEN HAY “We’re not designing pages, we’re designing systems of components.” https://github.com/richardsantos/nuclearjs
  10. 10. NUCLEAR{JS} Casos de testes baseados no CasperJS https://github.com/richardsantos/nuclearjs
  11. 11. NUCLEAR{JS} Conceito e Organização baseados em Atomic Design https://github.com/richardsantos/nuclearjs
  12. 12. NUCLEAR{JS} https://github.com/richardsantos/nuclearjs
  13. 13. NUCLEAR{JS} https://github.com/richardsantos/nuclearjs
  14. 14. NUCLEAR{JS} https://github.com/richardsantos/nuclearjs
  15. 15. NUCLEAR{JS} ACESSIBILIDADE SEO SEMÂNTICA ESTRUTURADO CONFIGURÁVEL GITHUB https://github.com/richardsantos/nuclearjs
  16. 16. NUCLEAR{JS} EXEMPLO BÁSICO DE ACESSIBILIDADE • Meu site não pode ter tabelas que não contenham um resumo do seu conteúdo (summary). https://github.com/richardsantos/nuclearjs
  17. 17. NUCLEAR{JS} EXEMPLO BÁSICO DE SEO • Minhas imagens possuem um texto alternativo? https://github.com/richardsantos/nuclearjs
  18. 18. NUCLEAR{JS} EXEMPLO BÁSICO DE SEMÂNTICA • Meu botão de formulário é semântico? https://github.com/richardsantos/nuclearjs
  19. 19. NUCLEAR{JS} http://casperjs.org/ http://bradfrostweb.com/blog/post/atomic-web-design/ https://github.com/richardsantos/nuclearjs https://github.com/richardsantos/nuclearjs

×