Här ser ni ännu ett Memory spel kodat av moi 🤓  under kodningslägret Tjejerkodar, förra året. Applikationen är byggt i JavaScript ramverket React, som bygger komponenter. Notera (om du inspekterar koden) att emojis:arna 😀  fungerar mer eller mindre som en egen font och inte bilder/ikoner, coooolt! 

Läs mer om min vecka i Barcelona på kodningslägret Tjejerkodar HÄR

Det responsiva memory:t testar ni HÄR.

Yet another awesome memory game built by me 🤓 during the “Tjejerkodar” code camp of 2016. This web application was built in the fantastic JavaScript-framework React. Also worth mentioning is the fun use of actual emojis (not images) in both the game and code. 

En minimal 404-sida som vid page load byter färgpalett 😜 . Mitt första projekt skriven i SASS ✌️ (yay!) där jag testar nya CSS trick, en smooth hover på knapparna och en snygg text-linjerings lösning för geometriska former.

Nyfiken på att vet hur jag gjorde det? 😀  Kolla in min Medium artikel här. Och själva 404-sidan hittar ni här.

Presenting a minimal 404 page, with two different color palettes, triggered by page load. Also containing cleaver CSS code with, smooth animated gradient button hovers and a neat ‘shape-outside’ trick for text to align along a specific shape. All built in Sass (my first time, yay!✌️).

Learn more about this in my Medium article. 

TypoMemo.com är ett typografi memory, som helt enkelt går ut på att man ska para ihop två typsnitt med varandra. Testa och se på hur många klick du klarar det på!

Förutom ett memory kan du också lära dig ett och annat om just de typsnitten som används i spelet. Nyfiken? Kolla in memory:t här. 

Använda språk: HTML, CSS och JavaScript

Typomemo.com is an exciting typography memory game, where you hit a box and match two typefaces with one an other. The webpage also provides you with all necessary info about the typefaces used. Just check out the footer. Try it out for yourself here.

HTML, CSS and JavaScript

Välkomna på Glöggparty! 😜  Nedan ser ni ett lekfullt, enkelt och användbart formulär/inbjudan med temat "Glöggparty". Även för detta projekt har jag jobbat i Sass 😎 ! Glögg-badgen är i det smidiga filformatet SVG, radio-knapparna är gjorda helt i CSS (se hur jag fick till det här ) och formuläret valideras genom ett jQuery plug-in.

Läs mer om projektet HÄR samt kolla in det faktiska formuläret HÄR.

Welcome to a Swedish Mulled Wine Party! Below follows this playful, simple and useful form/invite themed 'Glögg party'. This project was also built with Sass! Where the radio buttons are entirely made in CSS and the neat mulled wine badge is a SVG-file. In terms of validation the form uses a regex string to validate everything but numbers. More details about this check out my medium article HERE and view the actual form HERE.

På Citykartor.se hittar du grafiska stadsposters med motiv över några av Sveriges största städer. Just nu finns posters över Stockholm, Göteborg, Malmö och Borås. Affischerna jag formgivit är illustrationer i gråskala och trycks på fint obestruket papper i A4. 

Affärsidén kombinerar det bästa av av många världar, e-handel, webbdesign, grafisk design och produktutveckling.

Citykartor.se finns även på Instagram så följ oss gärna där för senaste nytt, inredningstips och annat kul. 

On citykartor.se you can find super nice illustrational posters of your city. They are made in a minimal style, where map illustrations meet great typography. A long with this website follows an awesome Instagram account citykartor.se with tons of inspiration, DIY examples and much more. 

På Jotex arbetade jag med att designa och koda innehåll på jotex.se, jotex.fi och jotex.no.

Alltifrån landningssidor (t.ex. startsidan) och undersidor till e-postutskick. Övrig produktion bestod av webbannonsering och material för sociala medier (Instagram och Facebook). 

©Jotex

On Jotex.se (an e-commerce home interior shop) I designed and coded bits and pieces for their website and their newsletters. In other words made sure that everything looked great and worked fabulously on the site, from a web design and user-friendly perspective.