Course content

The goal of this course is to provide the students with an in-depth knowledge of advanced CSS concepts and techniques. This course starts by revisiting and extending the basic concepts introduced in IDG1292 and then proceeds to introduce new advanced CSS topics. The students will be guided through the design, implementation and testing of responsive web sites using CSS.
Topics
Responsive design, progressive enhancement and graceful degradation; 
Intersection between CSS design and user experience; 
Advanced flexible layouts and grid systems; 
Colors, usability and accessibility; 
Typography; 
Complex CSS animations, transitions and transformations; 
Modern CSS3 features and selectors; 
Performance aspects of CSS code; 
Open source frameworks and preprocessors; 
Upcoming CSS feature and standardization process.

Learning outcome

Learning outcome – Knowledge:
After completing this course, the students will know: 
Advanced CSS techniques for responsive design of usable and accessible Web sites; 
Open source CSS frameworks, preprocessors and extension languages; 
Limitations of current CSS techniques.
Learning outcome – Skills:
After completing this course, the students will be able to:
Establish advanced grid and fluid layouts; 
Make use of responsive techniques to target specific devices and publication environments; 
Apply color palettes and typography schemes in CSS; 
Realize animations using CSS; 
Use open source frameworks, preprocessor and polyfills.

Learning outcome – General competence:
After completing this course, the students will know how to:
Use CSS to style complex responsive web sites that work in different devices and operative systems; 
Evaluate the performance impact of CSS; 
Deal with the constantly changing support of CSS in browsers.

Learning methods and activities

Lectures og laboratory work with computers.

Compulsory assignments

• Group work 1
• Group work 2
• Group work 3

Specific conditions

Required previous knowledge

Admission to a programme of study is required:
Web Design (ÅRWEB)
Web Development (BWU)

– IDG1292 Web Coding

Course materials

Will be given at the start of the semester.