DEV Community

Cover image for The Frontend Agency
Mads Stoumann
Mads Stoumann

Posted on

The Frontend Agency

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 and click on the spinning cog-wheel at the top left corner:

The Frontend Agency Editor

  • 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:

<meta name="theme-color" content="hsl(var(--h, 192), var(--s, 40%), var(--l, 25%))">
Enter fullscreen mode Exit fullscreen mode

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

Safari Theme

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

Safari Theme Modified

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, I've ever seen:

den-magiske-spinel-2605502

Take a look 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

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:

I'll also spend more time on sustainability:

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:

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


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!

Discussion (18)

Collapse
inhuofficial profile image
InHuOfficial

p.s. animated shapes with opacity and random paths as a background for some visual interest...where have I seen that before - as you can imagine I am a real fan of that feature you have added, I had fun fiddling with them (turning the speed up max and fiddling the shapes nearly looks like Conway's Game of Life!).

I know it is WIP, but just in case you forgot prefers-reduced-motion doesn't seem to auto switch animations off when the page loads.

I look forward to seeing the next release and more of the site, looks great!

Collapse
madsstoumann profile image
Mads Stoumann Author

Thanks, had a lot of fun creating the visuals. The “blobs” are SVG paths currently, but I might look into Houdini Paint API later. I'm aware of several issues!

Collapse
pypdeveloper profile image
pypdeveloper • Edited

Wow, great progress. I can't wait to see how the final website will turn out. Although I don't need frontend consulting as of now, I might need it later. I hope that some if not the whole website will be open-source.

Collapse
madsstoumann profile image
Mads Stoumann Author

Thank you! The site is hosted on GitHub Pages, maybe they had some maintenance when you checked? Working fine now, just checked.

Collapse
pypdeveloper profile image
pypdeveloper

Yeah working.

Collapse
inhuofficial profile image
InHuOfficial

Good luck and I am glad you decided to build the website to sell the geometric / generated art, I do think you could earn a decent “base salary” from that quite easily that takes all of the pressure off freelancing!

Collapse
madsstoumann profile image
Mads Stoumann Author

Thank you – and, yes, I hope so!

Collapse
robole profile image
Rob OLeary

Good luck with the new venture!

I have a similar aspiration for creating a web shop with generative art. I was looking at Monica Dinculescu's website recently and thought I would like to do something similar when I had a few products to stick up.

One thing I am curious about with your approach, if you publish the app to generate the art, do you think people will just export an image and go their own way? Most of what I have seen from people is that they curate the art that they sell. Tyler Hobbs is another example of this.

Collapse
madsstoumann profile image
Mads Stoumann Author

Thank you! I haven't decided yet - maybe I'll show a low res version in the shop, and then generate high-res for print, based on the users configuration/parameters.

Collapse
sebasttiandaza profile image
Sebastian Daza

Excellent and very funny website, I thank you for sharing it, it inspired me a lot.
I wish you many successes in your adventure

Collapse
madsstoumann profile image
Mads Stoumann Author

Thank you!

Collapse
alvaromontoro profile image
Alvaro Montoro

That is a neat site. I really like how it looks and bookmarked it. I look forward to seeing how it goes, and may steal borrow some ideas for future projects :)

Collapse
madsstoumann profile image
Mads Stoumann Author

Thank you — and borrow all you want!

Collapse
cindykandie profile image
Cindy Kandie

Amazing work. Am inspired 🔥

Collapse
madsstoumann profile image
Mads Stoumann Author

Thank you!

Collapse
aahadaazar profile image
Aahad Aazar

Hello Mads!

I must say you have done a fine job.

Is there any way I can connect with you? Any email would be nice. TIA

Collapse
madsstoumann profile image
Mads Stoumann Author

Thank you! You can write to me on LinkedIn!