CSS3 - Novo contexto

•

5 likes•1,195 views

The document discusses the purpose and capabilities of CSS3. It notes that CSS3 allows for beautiful formatting of information including shadows, transparency, gradients and animations. It highlights some new CSS3 features like keyframe animation, media queries to control formatting across devices, template layout replacing floats, 3D manipulation with perspective, touch specifications, and properties like box-shadow, text-shadow and more. The document emphasizes that CSS3 development is modular and that front-end developers have increased responsibility.

Technology

CSS3
Diego Eis
tableless.com.br @diegoeis
visie.com.br @tableless

Monday, July 11, 2011

PARA
O QUE
SERVE
O CSS?
Monday, July 11, 2011

FORMATAR
a informação
Monday, July 11, 2011

O QUE É
informação?
Monday, July 11, 2011

INFORMAÇÃO
é tudo o que
o usuário consome!
imagem, voz, texto, vídeo
e quem sabe o que mais no futuro.

Monday, July 11, 2011

ONTEM
formatar informação
era chato e limitado.

Monday, July 11, 2011

HOJE
CSS é coisa linda!
sombras, transparências,
gradientes, animações
e outras coisas lindas de Deus.
Monday, July 11, 2011

Mais novidades
o desenvolvimento
do CSS3 é modular

Monday, July 11, 2011

ANIMAÇÃO
controlada

Propriedade keyframe
vem ni mim animação!

Monday, July 11, 2011

MEDIA QUERIES
controlando como a
informação será vista
nos meios de acesso

Monday, July 11, 2011

O FLOAT
vai morrer!

Template Layout
aí sim, hein?!

Monday, July 11, 2011

CSS3 3D
manipulação 3D
com CSS
Propriedade Perspective
Chora, neném!

Monday, July 11, 2011

TOUCH
especiﬁcação touch

Monday, July 11, 2011

ENTRE
OUTROS
box-shadow, text-shadow,
rgba/hsla, columns, @font-
face, border-radius

Monday, July 11, 2011

RESPONSABILIDADE
do dev client-side

Monday, July 11, 2011

Viewers also liked

Primeiros passos para estruturar uma equipe front-endDiego Eis

DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDiego Eis

Construindo um framework CSSDiego Eis

O básico sobre Web Semântica, JSON-LD e Linked DataDiego Eis

Construindo seu framework CSSDiego Eis

Flexbox and Grid Layout: How you will structure layouts tomorrow.Diego Eis

O que você precisa saber para se tornar um dev front-endDiego Eis

Acessibilidade para webDiego Eis

A verdadeira semântica do HTMLDiego Eis

UX, Front-end and Back-end: How front-end can help these guys?Diego Eis

Viewers also liked (10)

Primeiros passos para estruturar uma equipe front-end

DOM, CSSOM e RenderThree - Introdução ao Browser Render Path

Construindo um framework CSS

O básico sobre Web Semântica, JSON-LD e Linked Data

Construindo seu framework CSS

Flexbox and Grid Layout: How you will structure layouts tomorrow.

O que você precisa saber para se tornar um dev front-end

Acessibilidade para web

A verdadeira semântica do HTML

UX, Front-end and Back-end: How front-end can help these guys?

Similar to CSS3 - Novo contexto

CSS Power ToolsNicole Sullivan

Choosing the right Content Management SystemRachel Andrew

Taking SM to Next Level - Governor's Conference 2011Andrew Hoffman

"센과 치히로의 행방불명"을 통해 알아보는 우리들의 잃어버린 인간성에 대하여Ricky Park

ISA11 - Bill Scott - Designing Mice MenInteraction South America

让开发也懂前端lifesinger

Opera Mobile HTML5 CSS3 StandardsZi Bin Cheah

Greach 2011 - Engrandeciendo Grails con MongoDBgreach_es

Cours1 design d'interaction_csvcelinecelines semaan vernon

Cours1: design d'interactioncelinecelines semaan vernon

Koss, How to make desktop caliber browser appsEvil Martians

ITP / SED Day 4Sami Niemelä

Speed Dating: How Speeding up your Blog Improves your SEOVigLink

Similar to CSS3 - Novo contexto (13)

CSS Power Tools

Choosing the right Content Management System

Taking SM to Next Level - Governor's Conference 2011

"센과 치히로의 행방불명"을 통해 알아보는 우리들의 잃어버린 인간성에 대하여

ISA11 - Bill Scott - Designing Mice Men

让开发也懂前端

Opera Mobile HTML5 CSS3 Standards

Greach 2011 - Engrandeciendo Grails con MongoDB

Cours1 design d'interaction_csv

Cours1: design d'interaction

Koss, How to make desktop caliber browser apps

ITP / SED Day 4

Speed Dating: How Speeding up your Blog Improves your SEO

Recently uploaded

Artificial intelligence in the post-deep learning eraDeakin University

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh

CloudStudio User manual (basic edition):comworks

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55

How to Remove Document Management Hurdles with X-Docs?XfilesPro

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent

Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetEnjoy Anytime

Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix

Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

How to convert PDF to text with Nanonetsnaman860154

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group

Recently uploaded (20)

Artificial intelligence in the post-deep learning era

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi

CloudStudio User manual (basic edition):

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...

How to Remove Document Management Hurdles with X-Docs?

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...

Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget

Swan(sea) Song – personal research during my six years at Swansea ... and bey...

Unblocking The Main Thread Solving ANRs and Frozen Frames

Presentation on how to chat with PDF using ChatGPT code interpreter

Advanced Test Driven-Development @ php[tek] 2024

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx

Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

How to convert PDF to text with Nanonets

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

08448380779 Call Girls In Civil Lines Women Seeking Men

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Next-generation AAM aircraft unveiled by Supernal, S-A2

CSS3 - Novo contexto

1. CSS3 Diego Eis tableless.com.br @diegoeis visie.com.br @tableless Monday, July 11, 2011

2. Monday, July 11, 2011

3. PARA O QUE SERVE O CSS? Monday, July 11, 2011

4. Monday, July 11, 2011

5. FORMATAR a informação Monday, July 11, 2011

6. Monday, July 11, 2011

7. O QUE É informação? Monday, July 11, 2011

8. Monday, July 11, 2011

9. INFORMAÇÃO é tudo o que o usuário consome! imagem, voz, texto, vídeo e quem sabe o que mais no futuro. Monday, July 11, 2011

10. Monday, July 11, 2011

11. ONTEM formatar informação era chato e limitado. Monday, July 11, 2011

12. Monday, July 11, 2011

13. E HOJE? Monday, July 11, 2011

14. Monday, July 11, 2011

15. Monday, July 11, 2011

16. Monday, July 11, 2011

17. Monday, July 11, 2011

18. Monday, July 11, 2011

19. HOJE CSS é coisa linda! sombras, transparências, gradientes, animações e outras coisas lindas de Deus. Monday, July 11, 2011

20. Monday, July 11, 2011

21. Mais novidades o desenvolvimento do CSS3 é modular Monday, July 11, 2011

22. Monday, July 11, 2011

23. ANIMAÇÃO controlada Propriedade keyframe vem ni mim animação! Monday, July 11, 2011

24. Monday, July 11, 2011

25. MEDIA QUERIES controlando como a informação será vista nos meios de acesso Monday, July 11, 2011

26. Monday, July 11, 2011

27. O FLOAT vai morrer! Template Layout aí sim, hein?! Monday, July 11, 2011

28. Monday, July 11, 2011

29. CSS3 3D manipulação 3D com CSS Propriedade Perspective Chora, neném! Monday, July 11, 2011

30. Monday, July 11, 2011

31. TOUCH especiﬁcação touch Monday, July 11, 2011

32. Monday, July 11, 2011

33. ENTRE OUTROS box-shadow, text-shadow, rgba/hsla, columns, @font- face, border-radius Monday, July 11, 2011

34. Monday, July 11, 2011

35. RESPONSABILIDADE do dev client-side Monday, July 11, 2011

36. CSS3 Diego Eis tableless.com.br @diegoeis visie.com.br @tableless Monday, July 11, 2011

CSS3 - Novo contexto

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (10)

Similar to CSS3 - Novo contexto

Similar to CSS3 - Novo contexto (13)

Recently uploaded

Recently uploaded (20)

CSS3 - Novo contexto