Online Resources 265
Chapters 8 and 9: Background Images, and Border and Box Effects
Box effects
• CSS Sprites: What They Are, Why They’re Cool, and How To Use Them:
http://css-tricks.com/css-sprites/
• The Humble border-radius: http://lea.verou.me/humble-border-radius/
• border-image Generator: http://border-image.com/
Color and oPaCiTy
• Which CSS Color System to Use Where: http://demosthenes.info/blog/781/
Which-CSS-Color-System-To-Use-Where
• HSL Color Picker: http://www.workwithcolor.com/hsl-color-picker-01.htm
Chapter 11: Gradients
• CSS3 Patterns Gallery: http://lea.verou.me/css3patterns/
• IE Test Drive – CSS Gradient Background Maker: http://ie.microsoft.com/
TestDrive/Graphics/CSSGradientBackgroundMaker/
Chapters 12 and 13: 2D and 3D Transformations
• CSS3 Transformations: http://www.sitepoint.com/series/css3-transformations/
• Transforms Playground: http://www.westciv.com/tools/transforms/
• Understanding the CSS Transforms Matrix: http://dev.opera.com/articles/
understanding-the-css-transforms-matrix/
TranSiTionS and aniMaTionS
• All You Need to Know about CSS Transitions: http://blog.alexmaccaw.com/
css-transitions
• Ceaser – CSS Easing Animation Tool: http://matthewlein.com/ceaser/
• Animate.css – Just-Add-Water CSS Animations: http://daneden.github.io/
animate.css/
Chapter 15: Flexible Box Layout
• Solved by Flexbox: http://philipwalton.github.io/solved-by-flexbox/
• Leveling Up with Flexbox: http://zomigi.com/blog/leveling-up-with-flexbox/
• Fibonacci – Flexbox Composer: http://maxsteenbergen.com/fibonacci/
