Chapter 2. Let's Get Stylish

"In matters of style, swim with the current; in matters of principle, stand like a rock." – Thomas Jefferson

In this chapter, we will put on our graphic designer hats and do some styling. Right now our task list application that we created in the first chapter works but it looks like something from 2005. We will bring it up to the present and into the future using CSS3 to give it a clean, modern look. We will add rounded corners, shadows, gradients, and transitions using the latest CSS3 features. We will also use CSS sprites to add some images to the task list buttons.

In this chapter we will learn:

  • New ways to specify colors in CSS3 and set transparencies
  • How to add rounded corners to elements
  • How to add shadows to elements ...

Get HTML5 Web Application Development By Example Beginner's guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.