Enviar pesquisa
Carregar
Starting with CSS3
•
1 gostou
•
928 visualizações
Jimmy Campos
Seguir
Brief presentation about CSS3
Leia menos
Leia mais
Tecnologia
Arte e fotografia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 16
Baixar agora
Baixar para ler offline
Recomendados
CSS for Designers
CSS for Designers
Idan Gazit
Datadesignmeaning
Datadesignmeaning
Idan Gazit
CSS for Designers
CSS for Designers
Idan Gazit
PreDevCampSF - CSS3 Tricks
PreDevCampSF - CSS3 Tricks
incidentist
Mastering CSS3 Selectors
Mastering CSS3 Selectors
Rachel Andrew
CSS Selectors
CSS Selectors
Rachel Andrew
Presentació conferència Recercaixa. 2015-2016.
Presentació conferència Recercaixa. 2015-2016.
mmart101
Training Html5 -CSS3 New things
Training Html5 -CSS3 New things
Jimmy Campos
Recomendados
CSS for Designers
CSS for Designers
Idan Gazit
Datadesignmeaning
Datadesignmeaning
Idan Gazit
CSS for Designers
CSS for Designers
Idan Gazit
PreDevCampSF - CSS3 Tricks
PreDevCampSF - CSS3 Tricks
incidentist
Mastering CSS3 Selectors
Mastering CSS3 Selectors
Rachel Andrew
CSS Selectors
CSS Selectors
Rachel Andrew
Presentació conferència Recercaixa. 2015-2016.
Presentació conferència Recercaixa. 2015-2016.
mmart101
Training Html5 -CSS3 New things
Training Html5 -CSS3 New things
Jimmy Campos
Core CSS3
Core CSS3
Rachel Andrew
CSSchexy - Saying hello to CSS3!
CSSchexy - Saying hello to CSS3!
Robert Nyman
Mohamed Abdel Razik-CV
Mohamed Abdel Razik-CV
Mohamed Ibrahim
The Future of CSS
The Future of CSS
elliando dias
HBaseCon 2015: S2Graph - A Large-scale Graph Database with HBase
HBaseCon 2015: S2Graph - A Large-scale Graph Database with HBase
HBaseCon
Prototyping w/HTML5 and CSS3
Prototyping w/HTML5 and CSS3
Todd Zaki Warfel
From Preprocessor to Postprocessor
From Preprocessor to Postprocessor
Matteo Guidotto
Email Contacts For Invitation
Email Contacts For Invitation
Richard Huang
Css3 101
Css3 101
Ignacio Coloma
Accelerated Stylesheets
Accelerated Stylesheets
Wynn Netherland
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...
Wolf Loescher
Controlling Web Typography
Controlling Web Typography
Trent Walton
Scylla Summit 2017: SMF: The Fastest RPC in the West
Scylla Summit 2017: SMF: The Fastest RPC in the West
ScyllaDB
Tukulam
Tukulam
Tipspo Tips
Running Docker on AWS
Running Docker on AWS
Nils De Moor
Building a Single Page Application using Ember.js ... for fun and profit
Building a Single Page Application using Ember.js ... for fun and profit
Ben Limmer
CSS'in Gücü Adına
CSS'in Gücü Adına
Adem Ilter
Web Development for Mobile: GTUG Talk at Google
Web Development for Mobile: GTUG Talk at Google
Estelle Weyl
Web Form Design (Web Visions 2009)
Web Form Design (Web Visions 2009)
Christopher Schmitt
Wrangling the CSS Beast with Sass
Wrangling the CSS Beast with Sass
Rob Friesel
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
LoriGlavin3
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
BookNet Canada
Mais conteúdo relacionado
Semelhante a Starting with CSS3
Core CSS3
Core CSS3
Rachel Andrew
CSSchexy - Saying hello to CSS3!
CSSchexy - Saying hello to CSS3!
Robert Nyman
Mohamed Abdel Razik-CV
Mohamed Abdel Razik-CV
Mohamed Ibrahim
The Future of CSS
The Future of CSS
elliando dias
HBaseCon 2015: S2Graph - A Large-scale Graph Database with HBase
HBaseCon 2015: S2Graph - A Large-scale Graph Database with HBase
HBaseCon
Prototyping w/HTML5 and CSS3
Prototyping w/HTML5 and CSS3
Todd Zaki Warfel
From Preprocessor to Postprocessor
From Preprocessor to Postprocessor
Matteo Guidotto
Email Contacts For Invitation
Email Contacts For Invitation
Richard Huang
Css3 101
Css3 101
Ignacio Coloma
Accelerated Stylesheets
Accelerated Stylesheets
Wynn Netherland
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...
Wolf Loescher
Controlling Web Typography
Controlling Web Typography
Trent Walton
Scylla Summit 2017: SMF: The Fastest RPC in the West
Scylla Summit 2017: SMF: The Fastest RPC in the West
ScyllaDB
Tukulam
Tukulam
Tipspo Tips
Running Docker on AWS
Running Docker on AWS
Nils De Moor
Building a Single Page Application using Ember.js ... for fun and profit
Building a Single Page Application using Ember.js ... for fun and profit
Ben Limmer
CSS'in Gücü Adına
CSS'in Gücü Adına
Adem Ilter
Web Development for Mobile: GTUG Talk at Google
Web Development for Mobile: GTUG Talk at Google
Estelle Weyl
Web Form Design (Web Visions 2009)
Web Form Design (Web Visions 2009)
Christopher Schmitt
Wrangling the CSS Beast with Sass
Wrangling the CSS Beast with Sass
Rob Friesel
Semelhante a Starting with CSS3
(20)
Core CSS3
Core CSS3
CSSchexy - Saying hello to CSS3!
CSSchexy - Saying hello to CSS3!
Mohamed Abdel Razik-CV
Mohamed Abdel Razik-CV
The Future of CSS
The Future of CSS
HBaseCon 2015: S2Graph - A Large-scale Graph Database with HBase
HBaseCon 2015: S2Graph - A Large-scale Graph Database with HBase
Prototyping w/HTML5 and CSS3
Prototyping w/HTML5 and CSS3
From Preprocessor to Postprocessor
From Preprocessor to Postprocessor
Email Contacts For Invitation
Email Contacts For Invitation
Css3 101
Css3 101
Accelerated Stylesheets
Accelerated Stylesheets
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...
Controlling Web Typography
Controlling Web Typography
Scylla Summit 2017: SMF: The Fastest RPC in the West
Scylla Summit 2017: SMF: The Fastest RPC in the West
Tukulam
Tukulam
Running Docker on AWS
Running Docker on AWS
Building a Single Page Application using Ember.js ... for fun and profit
Building a Single Page Application using Ember.js ... for fun and profit
CSS'in Gücü Adına
CSS'in Gücü Adına
Web Development for Mobile: GTUG Talk at Google
Web Development for Mobile: GTUG Talk at Google
Web Form Design (Web Visions 2009)
Web Form Design (Web Visions 2009)
Wrangling the CSS Beast with Sass
Wrangling the CSS Beast with Sass
Último
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
LoriGlavin3
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
BookNet Canada
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
Knoldus Inc.
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
LoriGlavin3
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
itnewsafrica
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Alkin Tezuysal
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
Bernd Ruecker
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
UiPathCommunity
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
ThousandEyes
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#
Karmanjay Verma
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
LoriGlavin3
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Pim van der Noll
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
panagenda
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
Hiroshi SHIBATA
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
panagenda
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
TopCSSGallery
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Jeffrey Haguewood
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
LoriGlavin3
A Framework for Development in the AI Age
A Framework for Development in the AI Age
Cprime
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
Kaya Weers
Último
(20)
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
A Framework for Development in the AI Age
A Framework for Development in the AI Age
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
Starting with CSS3
1.
Jimmy Campos -
@JimACampos
2.
Agenda Vendor Prefixes First &
Last Child N-child First Line & Letter Border Radius Box Shadow Multiple Columns Transitions Transformations Prefix free Google Fonts
3.
CSS Vendor Prefixes Android:
-webkit- Chrome: -webkit- Firefox: -moz- Internet Explorer: -ms- iOS: -webkit- Opera: -o- Safari: -webkit-
4.
Downloading http://www.initializr.com/
5.
First and Last
child #big_section p:first-child{ background-color: blue; } #big_section p:last-child{ background-color: yellow; }
6.
N-child(2n) #list li:nth-child(2n) { background:red; }
7.
First Line #p_line:first-line { background-color:green; }
8.
First Letter #p_line:first-letter { font-size:400%; color:black; font-weight: bolder; }
9.
Border radius -webkit-border-radius: 10px
90px 90px 10px; border-radius: 10px 90px 90px 10px;
10.
Box shadow -webkit-box-shadow: 50px
20px 30px 0px rgba (30, 90, 10, 0.1); box-shadow: 50px 20px 30px 0px rgba(30, 90, 10, 0.1);
11.
Multiple Columns -moz-column-count: 3; -moz-column-gap:
20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px;
12.
Transitions transition: width 2s,
height 2s, color 3s, transform 2s, linear 2s; -webkit-transition: width 2s, height 2s, color 3s, -webkit-transform 2s, linear 2s;
13.
Transformations transform:rotate(7deg); transform: translate(70px);
14.
Prefix Free http://leaverou.github.io/prefixfree/
15.
Google Fonts http://www.google.com/fonts
16.
More Lynda: CSS3 First
Look
Baixar agora