project
icon icon

CV

En webb-version av mitt CV jag tänkt börja skicka med vid ansökningar istället för i PDF-format.

Kompabilitet

Funkar bra i Firefox & Chrome

project
icon icon

Virtuellt visitkort

Ett så kallat vcard med möjlighet att ringa, SMS'a, maila & lägga till mig i telefonens kontaktbok från. På mobil går det även att swipa vänster för att få fram en qr-kod för snabbare delning av mina kontaktuppgifter (den som scannar reroutas direkt till en endpoint på min server som skickar mina kontaktuppgifter till mobilen).

Kompabilitet

Funkar bra i Firefox & Chrome

project
icon icon icon

Pâtisserie Lenté

Responsive webpage uppgift, Lexicon vidareutbildning C# .NET

Kompabilitet

Funkar väl i Chrome, Firefox i både mobil och bildskärm

project
icon icon

Praktik Minifinder

Presentation av react-native applikation

project
icon icon icon

3D visitkort

Föreställer fram och baksida av ett business-card. CSS filen är konditionell mellan mobil och desktop och baserad på navigator.userAgent

Kompabilitet

Funkar väl i Chrome, Opera, Firefox i både mobil och bildskärm men gör sig bäst på bildskärm där den har en ljuseffekt när man rör musen runt korten.

Safari iOS saknar stöd för bordern. Edge har stöd för bordern men positionerar den fel.

project
icon icon

Exempel pizzeria

Stilren och enkel hemsida gjord endast i HTML/CSS

Kompabilitet

Inga märkvärdiga styles och samtliga webbläsare tolkar den väl.

project
icon

3D regn

En animerad bakgrund byggd med biblioteket three.js och använder sig av WebGL. Scriptet skapar en canvas som täcker tillgängligt utrymme på bodyn vid laddning

Kompabilitet

Samtliga webbläsare tolkar den väl.

project
icon icon

SVG animation

SVG skapad och exporterad från Figma. Endast html och css för att skapa ett instruktions-exempel.

Kompabilitet

Samtliga webbläsare tolkar den väl

project
icon icon

Background-clip

2 överlappande background-clip, en för radial-gradient och en för en bild på mig.

Kompabilitet

Inte hela texten syns på mobil

project
icon icon

GSAP

GSAP scrolltrigger exempel

Kompabilitet