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