Hey there, I'm

David Döring

crafting
digital dreams.

Welcome to a realm where creativity meets functionality, and dreams take shape in the digital landscape.
I am dedicated to bringing your unique vision to life through the powerful combination of design and code.

Your vision deserves to be more than just an idea – let's make it a reality.

about me.

... the guy who traded lederhosen for fjord views, making the grand move from Germany to Norway in 2008. By day, I'm the guy fixing leaks and keeping things flowing smoothly. But when the sun sets, the real adventure begins.
I've got a knack for crafting visual wonders using Autodesk Sketchbook, Adobe Illustrator, Affinity Photo, and Affinity Designer. My trusty graphic tablet is like an extension of my creative soul.

After a day of plumbing adventures, my evenings and weekends are dedicated to another kind of craftsmanship – web development. Since the end of 2018, I've been on a self-learning journey, unraveling the mysteries of HTML5, (S)CSS, and JavaScript with the help of YouTube tutorials and Udemy courses. I've also been working on a few small projects, including a dentist's website and a website for a local artist.

Venturing into the unknown, I've tangoed with frameworks like Vue, Astro, and Svelte. And in the quiet hours, I've embraced the mysteries of TypeScript, Accessibility, and WAI-ARIA – all while balancing wrenches and lines of code.

A photo of me

Injecting an intriguing turn to the tale, I've set sail on a career switch from plumbing to the confines of an office. This journey prompted me to enlist in a web development bootcamp at SGD , driven by the ambition to master the intricate skills of a seasoned web developer and UX designer.
And, here's a nugget of interest – I proudly bear a certificate as a web developer and UX designer.

logo design.

I've been designing logos for over 10 years. I crafted over 200 unique logos for gaming teams, streamers, and startups. Each design was a fusion of client vision and my creative direction.

codepen pens.

Text Wall with JavaScript

Text Wall with JavaScript

#SCSS#JavaScript

Navigation animation using TailwindCSS + AlpineJS

Navigation animation using TailwindCSS + AlpineJS

#TailwindCSS#AlpineJS#Animation

SVG Mask animation with mouse tracking

SVG Mask animation with mouse tracking

#SCSS#Javascript#MouseTracking

SVG Rings generator using TailwindCSS and AlpineJS

SVG Rings generator using TailwindCSS and AlpineJS

#TailwindCSS#AlpineJS#SVG

Flexbox image gallery

Flexbox image gallery

#SCSS#Flexbox#Gallery

Cool sidebar navigation with mouse detection

Cool sidebar navigation with mouse detection

#JavaScript#SCSS

Custom checkbox switches

Custom checkbox switches

#SCSS

Slice text on hover (mixin)

Slice text on hover (mixin)

#SCSS#JavaScript#mixin

Tailwind Profile Card (light/dark)

Tailwind Profile Card (light/dark)

#TailwindCSS#Animation#AlpineJS

Simple ToDo List with Alpine & Tailwind

Simple ToDo List with Alpine & Tailwind

#TailwindCSS#AlpineJS

Text Wall with JavaScript

Text Wall with JavaScript

#SCSS#JavaScript

Navigation animation using TailwindCSS + AlpineJS

Navigation animation using TailwindCSS + AlpineJS

#TailwindCSS#AlpineJS#Animation

github projects.

Total repositories: 22

Public repositories: 5

Tailwind Mask

A Tailwind CSS plugin that provides utilities for working with mask properties, allowing you to easily apply masking effects to your elements.

  1. 19

Astro Magneto

Let an element follow the mouse cursor with a graceful and smooth motion.

  1. 4

Astro Textcircle

If you want to showcase your text in a circular layout, give this Astro component a try.

  1. 5

want to get in touch?

Whether it's a project idea, collaboration opportunity, or a simple hello, send me a message via email or social media – let's connect!

david.in.bergen@gmail.com

Join Server

the tools and technologies
i like to work with.

Modern frameworks are an essential tool for web development.

They provide developers with pre-built components, libraries, and tools that allow for faster, more efficient and more maintainable code.

Popular examples include Svelte, Astro, Laravel, or Vue, just to name a few.


These frameworks are constantly evolving and being updated to stay current with the latest web development trends and technologies, making it easier for developers to create dynamic and responsive websites.

Svelte

85%

Astro

80%

Laravel (Blade)

60%

VueJS

30%

git

60%

AlpineJS

75%

TypeScript

60%

Tailwind

90%

SCSS

95%

HTML5

95%

Figma

75%

Adobe Illustrator

90%

VSCode

80%

Wacom

100%