Hi there, I'm Christian

Full-stack developer from Copenhagen, Denmark, with a focus on creative frontend.
I love to create beautiful and functional websites, and I'm passionate about creating creative frontend and animations, music(listening and playing), and much more.
Collaboration and knowledge sharing is key to me, and I'm always looking for new opportunities to learn and grow.

Over the years I've worked with a vast variety of technologies, and helped out a brunch of brands on the way.

A selected few of those brands:

• Implement Consulting Group
• One and Only Musicals
• wsa.com
• Polyfon
• BoConcept
• Ganni Space
  Ganni Space case description (by Dept)
• Pandora's product launch sites
• Muuto
• Magasin
• Scandlines
• Tryg
• Planday

Long list of buzz words I've worked with/in/on:

• SVG and Lottie
  SVG's are fantastic! Be it icons or animation via Lottie, it's a great way to add some life to a website.
  .. and what about those filters, yum yum droplets..
  
  Thank you Chris Lilley aka. "svgeesus"
• CSS
  Who doesn't love CSS...? I've worked with it for years, and I still learn new things.
  The future is bright.. And what about CSS Houdini and WebGPU.
  "animation-timeline", woaah!
  Clip-path and masks... Gradients and filters... Oh my!
  line-clamp, yea!!
  SUBGRIIIIIIIID!!!!
• HTML
• A11Y
  Mostly done AA stuff, but a single AAA site snuck in. What a journey!
  
  Axe chrome extension FTW!
• SEO
  I kinda know whats going on, but truth be told, who knows everything about this? Not ever Sergej...
• LocalStorage and SessionStorage and IndexedDB
  .. and SessionStorage, cookies, history and IndexedDB, all the browser storage manipulation stuff.
• Structured data(JSON+LD and/or microdata)
  It does make sense to tell stupid machines how the content should be perceived.
• JavaScript
  I've worked with JavaScript for many years, and I've seen it evolve from nothing to jQuery to React and Vue.
  I'm excited about the future!
• WebComponents
  WebComponents are a great way to encapsulate and reuse components. I've used them in a few projects.
  Toss in an event emitter and MutationObservers, and you're pretty much golden.
  
• Tailwind and Bootstrap
  Tailwind is a great tool for rapid development, and it's a great way to keep the CSS size smaller.
  But take only the bits that make sense. Good thing that it has tree shaking..
• GSAP
  Yum, yum, yum, GreenSock! Thank you for making animations fun and easy... And performant!
  
  Glad to see more frequent releases of new features, and the exiting team behind that keeps on growing.
• Animate.css, Anime.js, Velocity.js
  Yea, tried to libraries out too, but only GSAP stuck..
• Nuxt
  It's just amazing..! And the new version (3.11) brings a lot of good new features. 311 is a good band too btw.
  
  I've been deep diving the internals of Nuxt, and i simple love it. The whole UNJS ecosystem provides so many cool tools right at your fingertips!
• ThreeJS / R3F / Trois
  3D should be present on ALL websites, it just makes it look so much cooler. Good job of the pmndrs team for making the R3F and Drei stuff..
  
  I'd like to do more of this, and it's been on my todo list for forever.
  Did the ThreeJS Journey course by Bruno, but the there's just soo much to learn :D
• Storybook
  If you need a component library/inventory, i see this as the only solution atm..
• React
• NextJS
• ExpressJS
• Performance optimisation
  Whether it being optimising CSS or JS, SVG, image/video, SQL, general code quality, network/server, prefetch/preload/lazy-load, I've been around, as you say..
• Lighthouse / Unlighthouse / PageSpeed / GTmetrix
  Lots of drill downs using these tools.. Thanks Paul, Paul, Jake and Addi for the lighthouse to steer oil tankers in stormy weather.
• Git and GitFlow
  Git is fucking awesome.. Put some sprinkle on top with GitButler..! DO IT!
  GitFlow - "This is the way"!! It's actually the only way!
  
  Maybe do yourself a favor and watch some of the videos from the guy behind GitButler on YouTube, and get blown away with his git knowledge..! He's apparently also the co-founder of GitHub.. (insert mindblown emoji)
• BitBucket and GitLab and GitHub
  ...and all the associated CI/CD stuff..
• NodeJS
  Thanks Ryan!
• NPM / Yarn / PNPM
  For a long time i swore that Yarn was the only contender with the workspaces feature, but since then npm is getting up to speed. Regarding speed, maybe pnpm has the edge atm.
• Vite / Parcel / WebPack / Babel / Gulp / Grunt
• REST and GraphQL
  I've done so many integrations that it would be more fun to hear the PI-guy naming all PI digits than me rambling about API's and integrations.
  
  I was a big fan of GraphQL when it first popped up, but the maintenance of it is a beast of it's own......
• PHP and .net
  The knowledge is in there somewhere(pointing to my head), but I'm not sure if I want to dig it up..
• SQL
  My most fun class at my Bachelors..
  
  "A SQL query is walking into a bar, walks up to two tables and asks, "Can i join you?".. badabing.
• Netlify / Digital Ocean / Azure / Forge(Laravel) / Cloudflare / Boddy.works / Cloudinary / ImgIX / TwicPics / Cylindo / Algolia / Youtube / Vimeo / TwentyThree
• Trello / Jira / GitHub Issues / Azure DevOps / GitLab
  Yea, you need to track stuff.. true dat.
  
  Not really a fan of Azure DevOps.. More an Atlassian kind of guy.
• Scrum and Lean
  Even small teams have had benefits from structure and saying things out loud.
• Fun fact
  Once upon a time i taught Flash..
  
  One more; I got certified in Photoshop 5.5.
  
  One more; My list of IDE's over the years: Notesblok, MS Frames, DreamWeaver, Brackets, Sublime, That Github thingy, VS Code..

My setup:

• MacBook (M1 and above)
• VS Code
  • Light theme.......
  • GitHub CoPilot(Tried Tabnine, but no)
  • ESLint
  • Prettier
  • GitLens
  • Import cost
  • Todo tree
  • Bookmarks
  • Turbo Console Log
  • ... and a bunch of other extensions
• iTerm 2 (w. ZSH(w. z, and a shitload of custom aliases and utilities))
• Chrome fanboy
• Trello
• I love my Git GUI, GitTower. But move over, "here's Johnny" aka. GitButler..

My future could have more of these ingredients:

• GSAP
• Nuxt
• Three and R3F
• NextJS
• Framer motion
• Blender/Cinema4D/Houdini
• WebXR
• WebGPU