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
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
Pâtisserie Lenté
Responsive webpage uppgift, Lexicon vidareutbildning C# .NET
Kompabilitet
Funkar väl i Chrome, Firefox i både mobil och bildskärm
Praktik Minifinder
Presentation av react-native applikation
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.
Vislanda gatukök
Stilren och enkel hemsida gjord i HTML/SCSS
Kompabilitet
Inga märkvärdiga styles och samtliga webbläsare tolkar den väl.
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.
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.
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
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
GSAP
GSAP scrolltrigger exempel