manjando os paranaues do css
TRANSCRIPT
![Page 1: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/1.jpg)
Manjando os Paranauês do
CSS3
![Page 2: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/2.jpg)
Wagner Santos
LinkedinGithub
![Page 3: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/3.jpg)
![Page 4: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/4.jpg)
CSS3 é demais!
![Page 5: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/5.jpg)
Mas e ai..Estamos usando?
![Page 6: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/6.jpg)
Aceitar que algumas coisas
não irão funcionar no IE8
![Page 7: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/7.jpg)
O usuário tem que atingir o objetivo dele
![Page 8: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/8.jpg)
Bordas arredondadas e sobra
http://www.maujor.com/w3ctuto/roundshadow.html
![Page 9: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/9.jpg)
web ≠ impressointerativo
estático
![Page 10: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/10.jpg)
ModularizaçãoITCSS , BEM, OOCSS e
SMACSS
![Page 11: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/11.jpg)
Design não é apenas o que
parece é o que se sente. Design
é como funciona.
![Page 12: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/12.jpg)
Pré-processadoresSass Less Stylus
Compass
![Page 13: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/13.jpg)
Mas...
![Page 14: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/14.jpg)
Aprenda primeiro CSS
![Page 15: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/15.jpg)
Chega de enrolação!
![Page 16: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/16.jpg)
Principais Features
![Page 17: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/17.jpg)
Selectors
![Page 18: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/18.jpg)
border radius
![Page 19: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/19.jpg)
box shadow
![Page 20: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/20.jpg)
text shadow
![Page 21: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/21.jpg)
background gradient
![Page 22: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/22.jpg)
rgba
![Page 23: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/23.jpg)
web fonts
![Page 24: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/24.jpg)
e o box sizing?
![Page 25: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/25.jpg)
media queries
![Page 26: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/26.jpg)
selection
![Page 27: Manjando os paranaues do css](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58ee5c7b1a28ab5a6d8b4573/html5/thumbnails/27.jpg)