course-details-portlet

IDG1293

Advanced CSS

Choose study year

Assessments and mandatory activities may be changed until September 20th.

Credits 7.5
Level Foundation courses, level I
Course start Spring 2026
Duration 1 semester
Language of instruction English
Location Gjøvik
Examination arrangement School exam

About

About the course

Course content

This course provides an overview of advanced CSS techniques to create aesthetic and responsive websites. Students will self-study using provided materials and tasks, learning CSS’s role in creating engaging, user-focused designs with storytelling elements.

Topics:

  • Basic principles and techniques for adapting web layouts across devices.
  • Using CSS for visual storytelling, enhancing user experience through animations, transitions, and creative layouts.
  • Techniques with Flexbox and Grid for responsive, flexible layouts.
  • Incorporating color, typography, and spacing to create aesthetically pleasing designs.
  • Modern CSS Features
  • Introduction to naming conventions (e.g., BEM) and simple preprocessors (SASS basics) for clean code management.

Learning outcome

Knowledge

After completing this course, the students will know: 

  • Advanced techniques in CSS for responsive, usable, and accessible websites
  • Current limitations of CSS for complex designs
  • Basics of BEM for CSS organization

Skills

After completing this course, the students will be able to:

  • Create responsive layouts using Flexbox and Grid
  • Apply colors, typography, and CSS variables effectively
  • Design animations and transitions
  • Organize CSS code using BEM
  • Use basic SASS for styling

General competence

After completing this course, the students will know how to:

  • Independently planning and developing web pages that work on different devices.
  • Applying design principles to enhance readability and usability.

Learning methods and activities

  • Self-Paced Learning with assigned readings, tutorials, and practical tasks.
  • Collaborative projects that encourage teamwork and collective learning.

This course is offered to exchange students. Language of instruction is English.

Compulsory assignments

  • Compulsory work assignments

Further on evaluation

One compulsory assignment (approved/not approved) that is composed of multiple tasks distributed throughout the semester, potentially including an oral presentation. Some tasks may involve completing small projects and peer reviewing other students' projects.

Course evaluation is based on an individual, on-campus exam. All compulsory assignments must be approved to qualify for the exam.

Re-sit Information:

  • Re-sit exam is available in the following semester.
  • Failed compulsory assignments must be retaken when the course runs next.
  • For voluntary course retake to improve grade, all assessments in the course must be retaken

Specific conditions

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

Required previous knowledge

Admission to a programme of study is required:

  • Web Development (BWU)
  • IDG1292 Web Coding

Course materials

Will be given at the start of the semester.

Subject areas

  • Design Methodology

Contact information

Course coordinator

Lecturers

Department with academic responsibility

Department of Design

Examination

Examination

Examination arrangement: School exam
Grade: Letter grades

Ordinary examination - Spring 2026

School exam
Weighting 100/100 Examination aids Code E Duration 2 hours Exam system Inspera Assessment
Place and room
The specified room can be changed and the final location will be ready no later than 3 days before the exam. You can find your room location on Studentweb.

Re-sit examination - Summer 2026

School exam
Weighting 100/100 Examination aids Code E Duration 2 hours Exam system Inspera Assessment
Place and room
The specified room can be changed and the final location will be ready no later than 3 days before the exam. You can find your room location on Studentweb.