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:
- 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%))">
Notice how the main browser window/address-bar now has the same background-color
as the main page:
Then, if you drag the color-slider, notice how both the background-color
and the theme-color
change:
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:
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:
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:
Comics, Graphic Design — and the Power of JavaScript
Mads Stoumann ・ Jul 9 '21
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:
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!
Top comments (17)
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!
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!
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.
Thank you! The site is hosted on GitHub Pages, maybe they had some maintenance when you checked? Working fine now, just checked.
Yeah working.
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!
Thank you – and, yes, I hope so!
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.
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.
Excellent and very funny website, I thank you for sharing it, it inspired me a lot.
I wish you many successes in your adventure
Thank you!
That is a neat site. I really like how it looks and bookmarked it. I look forward to seeing how it goes, and may
stealborrow some ideas for future projects :)Thank you — and borrow all you want!
Amazing work. Am inspired 🔥
Thank you!
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
Thank you! You can write to me on LinkedIn!