Course content

The goal of this course is to provide the students with an in-depth knowledge of advanced CSS concepts and techniques to create aesthetic websites. 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
• 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
• Architecting CSS
• CSS Preprocessors

Learning outcome

Knowledge

After completing this course, the students will know: 

• Advanced CSS techniques for responsive design of usable and accessible Web sites
• Limitations of current CSS techniques
• BEM

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 colour palettes and typography schemes in CSS
• Realise animations using CSS
• Structure CSS code using BEM methodology
• Apply SASS extension language
• Use Visual Studio Code as source code editor
• Handling project with a use of Git and GitHub
• Deploy project to GitHub Pages
• Raise awareness of climate change and how it relates to the "digital world"

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
• Create aesthetic websites

Learning methods and activities

Lectures og laboratory work with computers.

Compulsory assignments

• Compulsory assignment 1
• Compulsory assignment 2
• Compulsory assignment 3

Specific conditions

Recommended previous knowledge

Interest in Graphic Design or JavaScript will be an advantage but is not required.

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.