The University of Gothenburg
About The University of Gothenburg
What Henrik did
Front-end development, style guide & accessibility implementation and adjustments
Technologies & frameworks
Twig/HTML, CSS/SCSS (Foundation framework), React/JSX, JavaScript, Drupal 8
Type of project
Timeframe
Freedom for the editor
Managing CSS in a large scale web project
Architecture & methodologies
While the setup contains elements of different architectural methodologies, it relies on an architecture quite similar to SMACSS presented in the Sass Guidelines by Hugo Giraudel. Along the way we realised we had a need for custom spacings in a lot of different places; to solve that we introduced a lot of utility classes in the project to sort things out based on the context.
Frameworks
We used the Foundation framework for basic layouts and grids. To start off the project with a well-tested and stable framework seemed like the right thing to do. While the project did rely on this framework, we noticed that a lot of custom CSS was written to fix things. As mentioned above, we also needed custom spacings here and there; a lesson learned from this is that a framework like Tailwind CSS would have suited this project better.