SlideShare uma empresa Scribd logo
1 de 21
Andy Clarke
Designer
  Escritor
Professor
http://www.stuffandnonsense.co.uk/
Workshops
- Fashionable Flexible Responsive Web Design (2012)
- Advanced CSS Styling (2010)
- Transcending CSS (2009)
I really enjoyed my day at the Transcending CSS
Workshop. Andy is an entertaining speaker and
delivered the content — pitched perfectly for mid-
level to experienced developers and interface
designers, in a way that even the most seasoned of us
left feeling that we’d learnt something new. — Darren
Beale
http://vimeo.com/malarkey
http://24ways.org/authors/andyclarke
http://about.me/malarkey
About Clarke
- Estúdio de Web Design em North Wales
- Blog “Stuff and Nonsence”
- Livros “Trancending CSS” & “Hardboiled Web Design
- Membro da “Web Standards Project”
Triple Talented Bastard
Publicado em 2006
Are you ready to Hardboiled?
About Hardboiled
- Incentivar o uso das novas tecnologias Web (HTML5 CSS3)
- Browsers vs Dores de Cabeça
- Mudar Mentalidades
- Web Standards e as “Regras”
- Está na hora de “Harboiled”
"Nem todos os browsers suportam as novas
funcionalidades do CSS. É algo que precisamos aceitar, é
apenas um facto da vida e temos que aprender a viver
com ele e perceber a verdade, dura e fria. Os sites não
podem ter a mesma aparência em todos os
navegadores. Para esperar que um site fique idêntico no
Safari, num iPad e no IE6, num PC é uma loucura. Haverá
sempre diferenças nas maneiras que os browsers
apresentam o CSS.” Andy Clarke
"Melhoramento progressivo é uma abordagem ao design
na web que passa por construir documentos primeiro
para dispositivos menos capazes, e depois vai-se
melhorando esses documentos ... permitindo uma
experiência mais rica para os utilizadores com software de
navegação gráfica moderna." - Steve Champeon
Embora as pessoas se baseiem muito no que toca à
“aprovação” Web Standards, há que perceber, que é
apenas um organismo de normalização, e não um corpo
de inovação. O seu trabalho é a uniformização e
padronização das tecnologias existentes.
“É hora de agarrar as oportunidades, agarrá-los com
ambas as mãos.
É hora de começar hardboiled.” Andy Clarke
ACID2 TEST In IE8
ACID3 TEST IE8
Bibliografia
- Clarke, Andy (2010). Hardboiled Web Design. United Kingdom: Five Simple Steps

Webgrafia
- http://www.stuffandnonsense.co.uk/
- http://www.netmagazine.com/interviews/andy-clarke
- http://www.fivesimplesteps.com/products/hardboiled-web-design
ESAD- Matosinhos
Pós-Graduação Web Design
      Filipe Carneiro

Mais conteúdo relacionado

Destaque

Destaque (9)

Facebook pwp
Facebook pwpFacebook pwp
Facebook pwp
 
digital Identity
digital Identitydigital Identity
digital Identity
 
Figurative language2
Figurative language2Figurative language2
Figurative language2
 
Saaaamm
SaaaammSaaaamm
Saaaamm
 
Rachel burr poetry final
Rachel burr poetry finalRachel burr poetry final
Rachel burr poetry final
 
Poetry Slide Show
Poetry Slide ShowPoetry Slide Show
Poetry Slide Show
 
Rachel burr poetry final
Rachel burr poetry finalRachel burr poetry final
Rachel burr poetry final
 
Rakhee Patnaik Resume
Rakhee Patnaik  Resume  Rakhee Patnaik  Resume
Rakhee Patnaik Resume
 
Quiz prelims answers
Quiz prelims answersQuiz prelims answers
Quiz prelims answers
 

Semelhante a Apresentação_Aula HCW

Introducao desenvolvimento-web
Introducao desenvolvimento-webIntroducao desenvolvimento-web
Introducao desenvolvimento-webMarcio Mota
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Rodrigo Branas
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxMarceloRosenbrock1
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na webRogério Chiavegatti
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Leandro Nunes
 
Como encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-endComo encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-endJean Carlo Emer
 
Apresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemApresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemRodrigo Valerio
 
Atec cursowebdesign aula01
Atec cursowebdesign aula01Atec cursowebdesign aula01
Atec cursowebdesign aula01Weslley Harakawa
 
Atec cursowebdesign aula01
Atec cursowebdesign aula01Atec cursowebdesign aula01
Atec cursowebdesign aula01Wcre8tive
 
O mundo da web e os seus desafios
O mundo da web e os seus desafiosO mundo da web e os seus desafios
O mundo da web e os seus desafiosNicolas Ibanheiz
 
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)Daniel Semedo
 
HTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPHTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPWilliam Dias
 

Semelhante a Apresentação_Aula HCW (20)

Introducao desenvolvimento-web
Introducao desenvolvimento-webIntroducao desenvolvimento-web
Introducao desenvolvimento-web
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Palestra Webstandards
Palestra WebstandardsPalestra Webstandards
Palestra Webstandards
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
ASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e alémASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e além
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
Aplicacoes responsivas
Aplicacoes responsivasAplicacoes responsivas
Aplicacoes responsivas
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?
 
Desenvolvimento web produtivo
Desenvolvimento web produtivoDesenvolvimento web produtivo
Desenvolvimento web produtivo
 
Como encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-endComo encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-end
 
Apresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemApresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvem
 
Atec cursowebdesign aula01
Atec cursowebdesign aula01Atec cursowebdesign aula01
Atec cursowebdesign aula01
 
Atec cursowebdesign aula01
Atec cursowebdesign aula01Atec cursowebdesign aula01
Atec cursowebdesign aula01
 
O mundo da web e os seus desafios
O mundo da web e os seus desafiosO mundo da web e os seus desafios
O mundo da web e os seus desafios
 
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
 
HTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPHTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMP
 

Apresentação_Aula HCW

  • 4. Workshops - Fashionable Flexible Responsive Web Design (2012) - Advanced CSS Styling (2010) - Transcending CSS (2009)
  • 5. I really enjoyed my day at the Transcending CSS Workshop. Andy is an entertaining speaker and delivered the content — pitched perfectly for mid- level to experienced developers and interface designers, in a way that even the most seasoned of us left feeling that we’d learnt something new. — Darren Beale
  • 9. About Clarke - Estúdio de Web Design em North Wales - Blog “Stuff and Nonsence” - Livros “Trancending CSS” & “Hardboiled Web Design - Membro da “Web Standards Project”
  • 12. Are you ready to Hardboiled?
  • 13. About Hardboiled - Incentivar o uso das novas tecnologias Web (HTML5 CSS3) - Browsers vs Dores de Cabeça - Mudar Mentalidades - Web Standards e as “Regras” - Está na hora de “Harboiled”
  • 14. "Nem todos os browsers suportam as novas funcionalidades do CSS. É algo que precisamos aceitar, é apenas um facto da vida e temos que aprender a viver com ele e perceber a verdade, dura e fria. Os sites não podem ter a mesma aparência em todos os navegadores. Para esperar que um site fique idêntico no Safari, num iPad e no IE6, num PC é uma loucura. Haverá sempre diferenças nas maneiras que os browsers apresentam o CSS.” Andy Clarke
  • 15. "Melhoramento progressivo é uma abordagem ao design na web que passa por construir documentos primeiro para dispositivos menos capazes, e depois vai-se melhorando esses documentos ... permitindo uma experiência mais rica para os utilizadores com software de navegação gráfica moderna." - Steve Champeon
  • 16. Embora as pessoas se baseiem muito no que toca à “aprovação” Web Standards, há que perceber, que é apenas um organismo de normalização, e não um corpo de inovação. O seu trabalho é a uniformização e padronização das tecnologias existentes.
  • 17. “É hora de agarrar as oportunidades, agarrá-los com ambas as mãos. É hora de começar hardboiled.” Andy Clarke
  • 20. Bibliografia - Clarke, Andy (2010). Hardboiled Web Design. United Kingdom: Five Simple Steps Webgrafia - http://www.stuffandnonsense.co.uk/ - http://www.netmagazine.com/interviews/andy-clarke - http://www.fivesimplesteps.com/products/hardboiled-web-design
  • 21. ESAD- Matosinhos Pós-Graduação Web Design Filipe Carneiro

Notas do Editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n