The Frontend Agency
Tags: webdev, showdev, javascript, css
Published: 2021-08-09 06:54:07

After 7 years working as a *Technical Director* for Valtech, I've decided to go freelance … again (I was self-employeed for 15 years before Valtech)! 

A new role requires … a new company **and** a new website!

I've just returned from my summer holidays, so the website is still *work-in-progress* and so far it has **no content**, but it **does** have some features, you can have fun playing around with!

Therefore, I've decided to do an “early release”.

Go to [thefrontend.agency](https://thefrontend.agency) and click on the spinning cog-wheel at the top left corner:

![The Frontend Agency Editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/enetvdbdyua4pthof53o.png)

- Do you prefer polygons over blobs?
- Less or more shapes?
- Slow animations, fast animations … or **no** animations?

Try to drag the color-slider at the top of the page, and then play arund with `saturation`, `lightness` and `opacity`.

In the upcoming version of Safari, you can specify a `theme-color` – and you can use *CSS Custom Properties* with it:

```html
<meta name="theme-color" content="hsl(var(--h, 192), var(--s, 40%), var(--l, 25%))">
```

Notice how the main browser window/address-bar now has the same `background-color` as the main page:

![Safari Theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qdplg6n71to5vsmf84qh.png) 

Then, if you drag the color-slider, notice how *both* the `background-color` *and* the `theme-color` change:

![Safari Theme Modified](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qej7bzs0sieodiibiowk.png)

I think this is pretty cool – let's hope other browser-vendors implements this as well!

---

Now, typically, I'd never release “half-baked” code, but in this case, I had to release *something* – and I'm really looking forward to your comments, suggestions etc.

---

## The Logo
The logo is handdrawn by Danish illustrator, Rasmus Meisler. 

Last year, he drew one of the most [beautiful comic books](https://fantask.dk/browse.asp?category=comics&aid=4731), I've ever seen:

![den-magiske-spinel-2605502](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ik41s6dgso6akx1atckt.jpeg)

[Take a look](https://www.rasmusmeisler.dk/weekendavisen) at some of his amazing illustrations for the danish paper *Weekendavisen*, too.

Rasmus actually sent me a whole bunch of sketches and ideas for the logo:

![Logo sketches](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5p5pfhhgmw2xat50j4mj.png)

I like them all, but ended up picking “the agent”, as in “agen(t)-cy”!
 
---

## Type of Work
So what will I be doing? Frontend consulting, obviously – but also much more Graphic Design and UX/UI work, than I've been doing at Valtech. 

I will not work as a comicbook-letterer again, but I'd like to use my “crossover-knowledge” of JavaScript and Graphic Design, as I write about here:

{% link https://dev.to/madsstoumann/comics-graphic-design-and-the-power-of-javascript-2kap %}

I'll also spend more time on sustainability:

{% link https://dev.to/madsstoumann/making-sustainable-websites-hd3 %}

I'm planning to write an extension for *Lighthouse*, and much, much more.

Finally, I'll be spending time on art, coding algorithms with random art, like this:

{% codepen https://codepen.io/stoumann/pen/dyvprJM %}

The plan is to launch a webshop, where you can design, tweak and order a print of a unique piece of art.

Here are two examples, printed on canvas:

![Art](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nwucz0tkbk2uw5dvsf60.jpeg)

---

So: exiting times ahead! 

Naturally, I'll be writing about it all here on dev.to – as well as writing my usual tutorials and guides!