SlideShare una empresa de Scribd logo
1 de 15
•   Graceful Degradation & Progressive Enhancement:
    http://accessites.org/site/2007/02/graceful-degradation-progressive-enhancem
     + http://tableless.com.br/bem-vindo-a-xangrila-parte-1/
•   Mobile First: http://www.lukew.com/ff/entry.asp?933 +
    http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
•   "Mobifying" Your HTML5 Site:
    http://www.html5rocks.com/en/mobile/mobifying/
•   How HTML5 Will Change the Way You Use the Web:
    http://lifehacker.com/5416100/how-html5-will-change-the-way-you-use-the-we
•   Técnicas de HTML5:
    http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-an
•   How to code an HTML5 template:
    http://www.webdesignerdepot.com/2012/03/back-to-basics-how-to-code-an-h
•   http://www.flickr.com/photos/shaireproductions/3592195885/
•   http://www.flickr.com/photos/evaekeblad/2272369606/
•   http://www.flickr.com/photos/havovubu/3728604649/
•   http://bradfrostweb.com/wp-content/uploads/2011/06/progressive_enhancem

•   http://www.pablogp.com/admin/images_conteudo/76234_responsive.jpg
•   http://www.flickr.com/photos/anitakhart/4985511324/
•   http://www.flickr.com/photos/erictastad/3796328853/
HTML5 & CSS3: quem, onde e quando?

Más contenido relacionado

Más de Thiago Esser

Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)Thiago Esser
 
Falar visualmente é o novo “designers devem programar” (versão ISA e TDC 2017)
Falar visualmente é o novo “designers devem programar” (versão ISA e TDC 2017)Falar visualmente é o novo “designers devem programar” (versão ISA e TDC 2017)
Falar visualmente é o novo “designers devem programar” (versão ISA e TDC 2017)Thiago Esser
 
Falar visualmente é o novo “designers devem programar”
Falar visualmente é o novo “designers devem programar”Falar visualmente é o novo “designers devem programar”
Falar visualmente é o novo “designers devem programar”Thiago Esser
 
Como organizar uma conferência de grande porte: o caso UXConf BR
Como organizar uma conferência de grande porte: o caso UXConf BRComo organizar uma conferência de grande porte: o caso UXConf BR
Como organizar uma conferência de grande porte: o caso UXConf BRThiago Esser
 
Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Thiago Esser
 
Interaction design in tech companies: the long way to the top
Interaction design in tech companies: the long way to the topInteraction design in tech companies: the long way to the top
Interaction design in tech companies: the long way to the topThiago Esser
 
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015Thiago Esser
 
UXConfBR - Apresentação
UXConfBR - ApresentaçãoUXConfBR - Apresentação
UXConfBR - ApresentaçãoThiago Esser
 
Where do great products come from?
Where do great products come from?Where do great products come from?
Where do great products come from?Thiago Esser
 
User Experience & User Stories
User Experience & User StoriesUser Experience & User Stories
User Experience & User StoriesThiago Esser
 
Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Thiago Esser
 
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasDesign Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasThiago Esser
 
As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)Thiago Esser
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)Thiago Esser
 
Design para UX Mobile
Design para UX MobileDesign para UX Mobile
Design para UX MobileThiago Esser
 
Oficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioOficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioThiago Esser
 
User Experience Design
User Experience DesignUser Experience Design
User Experience DesignThiago Esser
 

Más de Thiago Esser (18)

Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
 
Falar visualmente é o novo “designers devem programar” (versão ISA e TDC 2017)
Falar visualmente é o novo “designers devem programar” (versão ISA e TDC 2017)Falar visualmente é o novo “designers devem programar” (versão ISA e TDC 2017)
Falar visualmente é o novo “designers devem programar” (versão ISA e TDC 2017)
 
Falar visualmente é o novo “designers devem programar”
Falar visualmente é o novo “designers devem programar”Falar visualmente é o novo “designers devem programar”
Falar visualmente é o novo “designers devem programar”
 
Como organizar uma conferência de grande porte: o caso UXConf BR
Como organizar uma conferência de grande porte: o caso UXConf BRComo organizar uma conferência de grande porte: o caso UXConf BR
Como organizar uma conferência de grande porte: o caso UXConf BR
 
Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015
 
Interaction design in tech companies: the long way to the top
Interaction design in tech companies: the long way to the topInteraction design in tech companies: the long way to the top
Interaction design in tech companies: the long way to the top
 
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
 
UXConfBR - Apresentação
UXConfBR - ApresentaçãoUXConfBR - Apresentação
UXConfBR - Apresentação
 
Where do great products come from?
Where do great products come from?Where do great products come from?
Where do great products come from?
 
User Experience & User Stories
User Experience & User StoriesUser Experience & User Stories
User Experience & User Stories
 
Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)
 
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasDesign Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
 
As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Design para UX Mobile
Design para UX MobileDesign para UX Mobile
Design para UX Mobile
 
Oficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioOficina Design Centrado no Usuário
Oficina Design Centrado no Usuário
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 

Último

Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????blackmambaettijean
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 

Último (20)

Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 

HTML5 & CSS3: quem, onde e quando?

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Graceful Degradation & Progressive Enhancement: http://accessites.org/site/2007/02/graceful-degradation-progressive-enhancem + http://tableless.com.br/bem-vindo-a-xangrila-parte-1/ • Mobile First: http://www.lukew.com/ff/entry.asp?933 + http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/ • "Mobifying" Your HTML5 Site: http://www.html5rocks.com/en/mobile/mobifying/ • How HTML5 Will Change the Way You Use the Web: http://lifehacker.com/5416100/how-html5-will-change-the-way-you-use-the-we • Técnicas de HTML5: http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-an • How to code an HTML5 template: http://www.webdesignerdepot.com/2012/03/back-to-basics-how-to-code-an-h
  • 14. http://www.flickr.com/photos/shaireproductions/3592195885/ • http://www.flickr.com/photos/evaekeblad/2272369606/ • http://www.flickr.com/photos/havovubu/3728604649/ • http://bradfrostweb.com/wp-content/uploads/2011/06/progressive_enhancem • http://www.pablogp.com/admin/images_conteudo/76234_responsive.jpg • http://www.flickr.com/photos/anitakhart/4985511324/ • http://www.flickr.com/photos/erictastad/3796328853/