Keynote Campus Party
Upcoming SlideShare
Loading in...5
×
 

Keynote Campus Party

on

  • 868 views

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

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

Statistics

Views

Total Views
868
Views on SlideShare
867
Embed Views
1

Actions

Likes
0
Downloads
16
Comments
0

1 Embed 1

http://us-w1.rockmelt.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Keynote Campus Party Keynote Campus Party Presentation Transcript

  • Desbravando Fireworks, CSS3 e HTML5
  • Fabiano Meneghetti @FabianoMe
  • 1- FireworksApresentar estudo de caso - LayoutExportar imagens / slices2- Html5 + CSS3Análise dos códigosFoco da oficinaOnde houveram as principais mudanças
  • Sobre a oficina• Mostrar a estrutura e o resultado final• Explicar o que foi feito de mais importante em cada passo• Novos experimentos
  • Arquivos para downloadhttp://goo.gl/HOtCd
  • Softwares utlizados Fireworks - http://goo.gl/DAYc Textmate - http://goo.gl/He5v CSSEdit - http://goo.gl/QFQ2
  • Fireworks Etapa 1- Layout
  • Etapa 2- Código
  • source: caniuse.com
  • O que tem de novo• Semântica• Formulários• Controles Multimídia• Suporte para desenhos• API’s
  • SemânticaO que antes usávamos <div>, hoje podemos usar:• <header> ... </header>• <nav> ... </nav>• <article> ... </article>• <section> ... </section>• <aside> ... </aside>• <footer> ... </footer>
  • Vamos ao código!
  • CSS3Etapa 3 - Estilo
  • E nosso código...
  • 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
  • fabiano.me@FabianoMe
  • Obrigado!
  • abduzeedo.com.br zee.com.br