IT Professional Curricula     Web Design Solution Area     Scripting and Web Languages     CSS3, Sass and Less

---

CSS3 specifications include new and sophisticated options for layout and graphics. However, it is crucial to implement responsive web design which takes account of devices and browser support for CSS3 features. Additionally, you may want to harness scripting languages such as JavaScript to manage CSS3 styles as they become more complex. In this course, you will learn about the latest specifications for layout and graphics in CSS3, you will learn how to implement responsive web design, and you will learn how to manage CSS styles with scripts.

---

---

Objectives

Advanced Layout Models start the course use the CSS3 FlexBox for layout outline the support for CSS3 grid and use it for layout outline the support for CSS3 regions and use them for layout outline the support for CSS3 exclusions and use them for layout Advanced Graphics Features outline support for and implement the CSS3 Shapes specification outline support for and implement the CSS3 Filters specification outline support for and implement CSS3 masking outline support for and implement CSS3 clipping and blending Responsive Web Design use CSS media queries to tailor content for specific devices use CSS to display content correctly on multiple screen sizes use Modernizr to detect CSS3 feature support use CSS to configure responsive images use CSS to resize elements dynamically use CSS3 to generate content Managing CSS with Scripts access an element's CSS styles with JavaScript change an element's CSS styles with JavaScript access CSS style sheets with JavaScript add a CSS style sheet with JavaScript remove a CSS style with JavaScript enable or disable a CSS style sheet with JavaScript manipulate CSS with jQuery Practice: Responsive Design and Style Management implement advanced experimental CSS3 features and a responsive web design