Keynote Campus Party

842 views

Published on

Apresentação na Campus Party sobre processo de trabalho em webdesign utilizando Fireworks, Html5 e CSS3

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
842
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Keynote Campus Party

  1. 1. Desbravando Fireworks, CSS3 e HTML5
  2. 2. Fabiano Meneghetti @FabianoMe
  3. 3. 1- FireworksApresentar estudo de caso - LayoutExportar imagens / slices2- Html5 + CSS3Análise dos códigosFoco da oficinaOnde houveram as principais mudanças
  4. 4. Sobre a oficina• Mostrar a estrutura e o resultado final• Explicar o que foi feito de mais importante em cada passo• Novos experimentos
  5. 5. Arquivos para downloadhttp://goo.gl/HOtCd
  6. 6. Softwares utlizados Fireworks - http://goo.gl/DAYc Textmate - http://goo.gl/He5v CSSEdit - http://goo.gl/QFQ2
  7. 7. Fireworks Etapa 1- Layout
  8. 8. Etapa 2- Código
  9. 9. source: caniuse.com
  10. 10. O que tem de novo• Semântica• Formulários• Controles Multimídia• Suporte para desenhos• API’s
  11. 11. SemânticaO que antes usávamos <div>, hoje podemos usar:• <header> ... </header>• <nav> ... </nav>• <article> ... </article>• <section> ... </section>• <aside> ... </aside>• <footer> ... </footer>
  12. 12. Vamos ao código!
  13. 13. CSS3Etapa 3 - Estilo
  14. 14. E nosso código...
  15. 15. Referências• http://en.wikipedia.org/wiki/Cascading_Style_Sheets• http://en.wikipedia.org/wiki/Html5• http://dev.w3.org/html5/html4-differences/• http://www.CSS3.info• http://css-tricks.com/• http://caniuse.com• http://www.CSS3.info/preview
  16. 16. fabiano.me@FabianoMe
  17. 17. Obrigado!
  18. 18. abduzeedo.com.br zee.com.br

×