course-details-portlet

IDG1293 - Advanced CSS

About

Examination arrangement

Examination arrangement: Aggregate score
Grade: Letter grades

Evaluation Weighting Duration Grade deviation Examination aids
Portfolio project 60/100
School exam 40/100 1 hours E

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 websites using CSS.

Topics:

  • Responsive design
  • Intersection between CSS design and user experience
  • Advanced flexible layouts and grid systems
  • Colours, usability and accessibility
  • Web Typography
  • Complex CSS animations, transitions and transformations
  • Modern CSS3 features and selectors
  • Architecting CSS and naming conventions
  • 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
  • Naming conventions and BEM
  • Collaborative coding practices (e.g., using Git and GitHub)

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
  • Use CSS variables
  • CSS Storytelling and CSS drawing
  • Realise animations using CSS
  • Structure CSS code using BEM methodology
  • Apply SASS extension language
  • Use Visual Studio Code as a source code editor
  • Handling projects with the use of Git and GitHub
  • Work together on shared code remotely using standard collaboration practices
  • 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 websites that work on 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

Further on evaluation

3 compulsory assignments (approved/not approved) spread throughout the semester. One of the compulsory assignments might involve delivering an oral presentation. Course evaluation consists of a portfolio project and an individual test.

For a re-take of an examination, all assessments during the course must be re-taken.

Specific conditions

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

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.

More on the course

No

Facts

Version: 1
Credits:  7.5 SP
Study level: Foundation courses, level I

Coursework

Term no.: 1
Teaching semester:  SPRING 2025

Language of instruction: English

Location: Gjøvik

Subject area(s)
  • Design Methodology
Contact information
Course coordinator: Lecturer(s):

Department with academic responsibility
Department of Design

Timetable

List view
Calendar view

Examination

Examination arrangement: Aggregate score

Term Status code Evaluation Weighting Examination aids Date Time Examination system Room *
Spring ORD School exam 40/100 E INSPERA
Room Building Number of candidates
Spring ORD Portfolio project 60/100 INSPERA
Room Building Number of candidates
Summer UTS School exam 40/100 E INSPERA
Room Building Number of candidates
  • * The location (room) for a written examination is published 3 days before examination date. If more than one room is listed, you will find your room at Studentweb.
Examination

For more information regarding registration for examination and examination procedures, see "Innsida - Exams"

More on examinations at NTNU