As a further development of the Conductor of Light brand and webstore we created a new product show case.
The reflective tweed button is a new type of product, and unusual in its product segment. Typically a reflector is a piece of plastic, Conductor of Light is a more little piece of jewelry of fabric and reflective thread, with a sensible function. To help understand what the product is, and to give a sense and felling, usage and function, it needs a good presentation.
Every colour has now it's own identifier that communicate a feeling. Gentle grey is a rainy grey day in a Norwegian fjord, Vibrant Yellow is the strong winter sun at the top of a mountain, Blueberry blue is a succulent blueberries, Forest Green is a autumn foggy pine forest, striking red is the warm red sunset and Perfect plum is some ripe plums ready to be eaten :)
The identity is a combination of British Tweed culture, Norwegian weather and light, and the autumn/winter season.
Viewing entries in
Over a couple of weeks I have tried to fix an image problem. All the images I uploaded to a site looked really blurry on Chrome. Of course this post can be out of date any day, but February 2018 this is relevant :)
Chromes doesn't handle image scaling very well. These days with responsive design, we design sites with percentages, will sites and images be shown in many different sizes. It's crucial that everything looks good on any platform.
Firefox 58 and Internet Explorer 11 (haven't tried on Edge or Opera), look like expected, small size thumbnail images is crispy clear.
But Chromes result looks out of focus and horrible. Yes, this can be seen as nitpicking, but as shown in the picture above you can see the difference clearly.
And weirdly enough theres is an easy fix, and why this isn't standard on Chrome beats me.
To gain a better result, add this code to you CSS:
Since most sites don't have this image-rendering CSS added to their site, you are guaranteed that the web looks worse on Chrome. Use Firefox! :) Images in Firefox are even sharper than the image-rendering enhancement.
Here I flip between Firefox, IE 11, Chrome and Firefox
Here I flip between Chrome and Firefox
PS: I have nothing to do with firefox, I only want you to have the best web-experience possible :)
I've been working with Neue on several projects this year and now a new part of my work has been released. It's logo web-animation to the site Den Norske Filmskolen (DNF).
This project I needed extra reinforcement because it needed java scripting, and my buddy Ola Marvin Leier were up to the task. I made the animation of the DNF logo and he did the scripting trickery to make the logo move and behave as we wanted it. When you scroll it activates the animated sequence, and to add some randomness if you reload or explore the site the animation have different states. And maybe the best part the size are tiny, for the animation around 18 KB.
This is a relative new way of creating flexible and tiny sized animations for the web using After Effects, bodymovin and java scripting.
See the logo animation in action here, and remember to explore the site:
We have now published Katrin Berges' new portfolio site!
We've worked on this for some time, and shes been eager to release the site as fast as possible, And now it's here!
She does hand drawn illustration of the mystical kind.
I've become a certified Squarespace member, that means I get some perks on my future projects.
Like 20% discount for my customers on their first year
Six-Month Trial Periods (the usual is just one month)
Optimized Customer Care (I get faster feedback)
Exclusive Content (I guess that's just for me)
A community of experts (forums and stuff)
So some benefits for you as a costumer to use me as your Squarespace designer.
Maybe Squarespace is a solution for you as well?