Il futuro dei CSS è nel tuo browser

Post on 11-Apr-2017

230 views 0 download

Transcript of Il futuro dei CSS è nel tuo browser

Nuovi Selettori e Proprietà nei CSS

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

Scopri la potenza di :not()

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

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

Rimasto conqualche dubbio?

Semplifica con :matches()

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

skillsAndMoreUn corso al mese con lezioni video e testo

skillsAndMoreAll’interno di ogni corso troverai dei Quiz

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

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

skillsAndMoreApri o partecipa a discussioni insieme a colleghi

e professionisti nel nostro forum dedicato

Freelance Web

Designer...

… Java Android Developer

skillsAndMoreRegistrati ora ad un prezzo irripetibile!

http://skillsandmore.org/registrami

Flessibilità con FlexBox

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

Blend Mode con i CSS

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

Ma anche con il testo

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

Rimasto conqualche dubbio?

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

Variabili con i tuoi CSS

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

Dai forma con le CSS Shapes

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

Animazioni con CSS Mask

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

skillsAndMoreRegistrati ora ad un prezzo irripetibile!

http://skillsandmore.org/registrami