CSS Essential Training 2

with Christina Truong

Chapter 1: CSS Selectors

02 – Basic and attribute selectors

https://jsfiddle.net/christinatruong/vn9ovytb/

03 – Combinator selectors

https://jsfiddle.net/christinatruong/y9jrg6ru/

https://jsfiddle.net/christinatruong/hdx632L4/

https://jsfiddle.net/christinatruong/tk6u884y/

04 – Pseudo-class selectors

https://jsfiddle.net/christinatruong/0da0853m/

https://jsfiddle.net/christinatruong/arp3rq4q/

05 – Pseudo-element selectors

https://unicode-table.com/

https://jsfiddle.net/christinatruong/727r4sgv/

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

https://tympanus.net/codrops/css_reference/

http://caniuse.com

http://flukeout.github.io

Chapter 2: Layouts

02 – Float and display review

https://www.sitepoint.com/are-navigation-lists-necessary/

CSS Essential Training 2 with Christina Truong

1 of 3
03 – Horizontal navs with the display property

https://jsfiddle.net/christinatruong/eksh0frc/

05 – Practicing with the nav element

https://jsfiddle.net/christinatruong/eksh0frc/

06 – Positioning

https://jsfiddle.net/christinatruong/nd7uowmm/

http://caniuse.com/#search=sticky

https://tympanus.net/codrops/css_reference/position/

10 – Layers and the z-index property

https://jsfiddle.net/christinatruong/u6d0wh5j/

Chapter 3: Tips and Tools

03 – Reset stylesheets

http://meyerweb.com/eric/tools/css/reset/

https://necolas.github.io/normalize.css/

04 – Icon fonts

http://fontawesome.io/icons/

https://jsfiddle.net/christinatruong/no0ze0h5/

05 – The background property

https://jsfiddle.net/christinatruong/no0ze0h5/

07 – Alpha transparency and gradients

https://jsfiddle.net/christinatruong/a04xtb46/

http://colours.neilorangepeel.com

http://rgb.to

CSS Essential Training 2 with Christina Truong

2 of 3
https://unsplash.com

http://publicdomainarchive.com

08 – Practicing with backgrounds and gradients

https://jsfiddle.net/christinatruong/a04xtb46/

http://rgb.to

Chapter 4: Responsive and Mobile

01 – Introduction to responsive design

http://mediaqueri.es

http://www.liquidapsive.com/

http://gs.statcounter.com/screen-resolution-stats

03 – Creating flexible and fluid layouts

https://jsfiddle.net/christinatruong/dsoaho5m/

04 – Introducing media queries

https://tympanus.net/codrops/css_reference/media-queries/

05 – Using media queries

https://jsfiddle.net/christinatruong/q2rpr0ge/

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Media_
features

CSS Essential Training 2 with Christina Truong

3 of 3