This course provides an in-depth exploration into the expanding world of Cascading Style Sheets (CSS), covering responsive website designs that work with smartphone, tablet or desktop monitors. Lectures and hands-on exercises cover essential CSS3 properties, concepts, techniques, and applications of media queries, styling forms, fonts and structural pseudo-classes. You will also learn how to handle browser compatibility issues.

By the end of the course, you’ll know how to use the latest CSS capabilities to create Web pages with clean, efficient and cutting-edge designs that meet the demands of mobile, tablet and desktop users.

Learning Outcomes

At the conclusion of the course, you should be able to

• Design Web pages that respond to media types (mobile phones, tablets, desktops).
• Use child, sibling and structural pseudo-class selectors.
• Style forms.
• Create drop-down menus.
• Use Flex Box
• CSS Grid Layout
• Understand browser compatibility issues.
• Apply CSS3 properties

Topics Include

• Designing Web pages that respond to media types (mobile phones, tablets, desktops)
• Using browser development tools for testing purposes
• Vendor prefixes
• Child, sibling and structural pseudo-class selectors
• CSS3 properties, including:
* Border radius
* Box and text shadows
* Gradients
• Web Typography
• CSS Animation properties
• Flexbox
• Grid Layout
• Drop-down menus
• Style forms
• Validation of HTML and CSS code
• Testing for Accessibility

Working knowledge of:

• It is required that students take the prerequisite courses or have equivalent experience. HTML and CSS basics will not be repeated in this course.