il futuro dei css è nel tuo browser

19
Nuovi Selettori e Proprietà nei CSS https://drafts.csswg.org/selectors-4/

Upload: skillsandmore

Post on 11-Apr-2017

230 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: Il futuro dei CSS è nel tuo browser

Nuovi Selettori e Proprietà nei CSS

https://drafts.csswg.org/selectors-4/

Page 2: Il futuro dei CSS è nel tuo browser

Scopri la potenza di :not()

http://codepen.io/Andrea_Barghigiani/pen/LpYBOp | https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anot

Page 3: Il futuro dei CSS è nel tuo browser

Controlla se un elemento ne contiene un altro con :has()

http://codepen.io/Andrea_Barghigiani/pen/medjoB | http://css4.rocks/selectors-level-4/relational-pseudo-class.php

Page 4: Il futuro dei CSS è nel tuo browser

Rimasto conqualche dubbio?

Page 5: Il futuro dei CSS è nel tuo browser

Semplifica con :matches()

http://codepen.io/Andrea_Barghigiani/pen/NGWBVL | http://css4.rocks/selectors-level-4/matches-pseudo-class.php

Page 6: Il futuro dei CSS è nel tuo browser

skillsAndMoreUn corso al mese con lezioni video e testo

Page 7: Il futuro dei CSS è nel tuo browser

skillsAndMoreAll’interno di ogni corso troverai dei Quiz

Verifica attraverso dei quiz mirati i concetti appresi durante le lezioni.

Page 8: Il futuro dei CSS è nel tuo browser

skillsAndMoreAl passaggio di ogni corso sboccherai il relativo badge pubblico su Credly

Page 9: Il futuro dei CSS è nel tuo browser

skillsAndMoreApri o partecipa a discussioni insieme a colleghi

e professionisti nel nostro forum dedicato

Freelance Web

Designer...

… Java Android Developer

Page 10: Il futuro dei CSS è nel tuo browser

skillsAndMoreRegistrati ora ad un prezzo irripetibile!

http://skillsandmore.org/registrami

Page 11: Il futuro dei CSS è nel tuo browser

Flessibilità con FlexBox

http://codepen.io/Andrea_Barghigiani/pen/QjWojO | https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

Page 12: Il futuro dei CSS è nel tuo browser

Blend Mode con i CSS

http://codepen.io/Andrea_Barghigiani/pen/bVGZYa | https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode

Page 13: Il futuro dei CSS è nel tuo browser

Ma anche con il testo

http://codepen.io/Andrea_Barghigiani/pen/GpReeM | https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

Page 14: Il futuro dei CSS è nel tuo browser

Rimasto conqualche dubbio?

Page 15: Il futuro dei CSS è nel tuo browser

Usa la matematica grazie ai CSS con :calc()

http://codepen.io/Andrea_Barghigiani/pen/MaWRgM | https://developer.mozilla.org/en-US/docs/Web/CSS/calc

Page 16: Il futuro dei CSS è nel tuo browser

Variabili con i tuoi CSS

http://codepen.io/Andrea_Barghigiani/pen/RWwOKQ | https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables

Page 17: Il futuro dei CSS è nel tuo browser

Dai forma con le CSS Shapes

http://codepen.io/Andrea_Barghigiani/pen/PPoVOw | https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside

Page 18: Il futuro dei CSS è nel tuo browser

Animazioni con CSS Mask

http://codepen.io/micjamking/pen/eAlpo | https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

Page 19: Il futuro dei CSS è nel tuo browser

skillsAndMoreRegistrati ora ad un prezzo irripetibile!

http://skillsandmore.org/registrami