Sandra Löfgren

This project was a collaboration with two fellow web developer students. Our main task was to make a design in Figma for a fictional cinema and then translate the main elements into code. Semantic HTML and CSS-grids were used for the structure. A bit of JavaScript was included for things like sticky menus and PHP was used to loop in movie posters.

One Friday in school we learnt about event listeners in JS, and I immediately knew I had to make retro pixelart game where the character could move on key press commands. I cancelled my plans for that weekend and this is how it turned out! (NB: View on a device that has a keyboard.)

As a psychologist, I've told many patients to do breathing exercises. In this project, I visualized two of them with CSS-animations. (NB: This project is in Swedish).

This game of Rock-Paper-Scissors was coded with very basic PHP, as I was just starting to learn the language. To make it extra fun, I tweaked it into Sheldon Cooper's version "Rock-Paper-Scissors-Lizard-Spock". The page was structured with HTML and basically no CSS, staying true to the back-end feel of the game.

An old design from 2009 for my then portfolio site and blog at designdonkey.com. I still find it quite nice actually, especially given that I had no flexbox or css-grids to rely on – css-reset, floats and clearfix for the win!