Adding design treatments

Finally! Now we have our mockup's responsive layout set up. Let's polish it off.

Tip

We'll be using CSS3 techniques, even in IE

We'll be taking advantage of many CSS3 techniques in our design, most notably, simple gradients, rounded corners, and box shadows. Trouble is, IE7 and 8 don't really support any of those CSS3 features yet.

Not to worry, there's a wonderful library called CSS3PIE which we'll be using to create polyfill fallbacks for IE 7 and 8.

The most recent (as of this writing) version is included in this chapter's code files but you can also go and pick up the most recent version of the library from http://css3pie.com/.

We'll talk about how to properly implement it for our mockup as well as how to get it working in our WordPress theme in Chapter 3, Coding it Up.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset