I just launched my new website for my new Swedish webdesign company. Big thanks go out to @Jakerlund for translating and ofcourse many forum members for always inspiring me.
Have a look, shoot and tell me what you think or maybe what isn’t working.
Hi @Jasper very good site. How you this with the wave forms ? The wave form is inside the picture ? And how you do this with the Lines on the site of the screen ? Very cool
Tom
@tom2
In an early development stage I integrated the waves into the picture itself. But as @DinaxCharles kindly pointed out it should not be done this way. I will be rendering them as a separate .svg and placing them over (z-index) the picture to avoid pixelation. The lines are just .svg files with a -50px margin left (or right) custom class moving them to the edge of the frame. Just tinkering basically
Hi @Jasper thanks for your answer. The lines look like there were between two blocks? Do you great a structure …use the negativ margin and set the height of the bloc to zero or something ? Sorry
And is there an tutorial for the things with the waves? And z-Index ? @webplus wrote a lot over z-index. But how this work?
Thanks Tom
@Jakerlund thanks! taken care of. I think this got lost in translation somehow…
My idea for the headline was to be saying: I love my garden, when I’m not building websites/apps for your company. It is a bit of crazy Dutch sarcastic way of building a sentence I guess. Looking into it to maybe change it all the way. Maybe: I love my garden, but also like to build you websites and apps for your company. Thoughts?
Hi @webplus but there is no option in blocs ? For example, when I have a background image in full size and an H1 text above … and I also want to have a separate layer with, for example waves or so on the bottom over the photo ? And that on desktop and mobile ? Is there an way to do this ?! An easy way ?
Tom
I would suggest to put the waves .svg in a bloc below and set the margin to a negative number so the waves will slide over the background image. Adding a custom class to it in a seperate CSS file setting the z-index to +1 or +2. This is most likely how I would fix my own pixelated waves to .svg. I will…soon.
Hi @Jasper thanks for you answer. Okay , I understand. But the way with the waves into the picture is more easy for me I know the things with the negativ margin and custom class. But I don’t know the things how to add, or witch code I had to add to do something like this. I hope there will come a tutorial and with the lines into the picture? It seems the svg is between the two blocs. I have tried it but I have this space between the text bloc / than the bloc with the svg / and than again the other text bloc. Oh … I don’t understand. But …again. You have made a really cool site! Tom