Why serve the video bandwidth on your own hosting when you can link it from youtube or something else? What was the size of that video? It can't be good for load speed.
I Like your designs very well. Good job. Can you explain me why you use negative margin for Menu social Media instead insert the Elements in the Video Container ? Thank you
Very nice! But how do you put al this beauty into responsive? can you make a video about that? EDIT: What are the things you leave out on mobile? Does mobile limit you in the design process for desktop? What do you take in considersation?
Hi mate :) It’s absolutely possible to have a super-fast website with video, but it needs to be done correctly. If you ask me, there are two solutions: 1. Manually optimize video + preload image - Convert the file to an MP4 format and compress it. For example, my video with ice and chocolate, from this youtube video, ended up being just 1 MB. Combine this with a preload image (the first frame of the video), which gives the illusion that the video is starting immediately, while the actual video loads in the background. This approach has been a game-changer for me, delivering incredibly fast websites with video content. 2. Or this is the easy one: Use Nitropack - This tool optimizes your entire website, including videos, but it does come with a cost.
This is awesome. From my past experience, adding video from wordpress media actually slows down the loaing time significantly. also other options like youtube and vimeo doesnt look look. So what do you recommend for a cdn video link?
It’s absolutely possible to have a super-fast website with video, but it needs to be done correctly. If you ask me, there are two solutions: 1. Manually optimize video + preload image - Convert the file to an MP4 format and compress it. For example, my video with ice and chocolate, from this youtube video, ended up being just 1 MB. Combine this with a preload image (the first frame of the video), which gives the illusion that the video is starting immediately, while the actual video loads in the background. This approach has been a game-changer for me, delivering incredibly fast websites with video content. 2. Or this is the easy one: Use Nitropack - This tool optimizes your entire website, including videos, but it does come with a cost.
Sir, would you kindly consider creating a tutorial for this? I have gone through the material, but I am having difficulty visualizing how to proceed. Your time and guidance on this would be greatly appreciated. @@nicopalmkvist
It´s great to see how video can enhance web design. Bridging the gab between video and web. Attention or loading time? Both are important. And responsive video is possible, even combined with interactivity. Very inspiring, thank you.
It’s absolutely possible to have a super-fast website with a video, but it needs to be done correctly. If you ask me, there are two solutions: 1. Manually optimize video + preload image - Convert the file to an MP4 format and compress it. For example, my video with ice and chocolate, from this youtube video, ended up being just 1 MB. Combine this with a preload image (the first frame of the video), which gives the illusion that the video is starting immediately, while the actual video loads in the background. This approach has been a game-changer for me, delivering incredibly fast websites with video content. 2. Or this is the easy one: Use Nitropack - This tool optimizes your entire website, including videos, but it does come with a cost.
It’s possible to have a super-fast website with video, but it needs to be done correctly. If you ask me, there are two solutions: 1. Manually optimize video + preload image - Convert the file to an MP4 format and compress it. For example, my video with ice and chocolate, from this youtube video, ended up being just 1 MB. Combine this with a preload image (the first frame of the video), which gives the illusion that the video is starting immediately, while the actual video loads in the background. This approach has been a game-changer for me, delivering incredibly fast websites with video content. 2. Or this is the easy one: Use Nitropack - This tool optimizes your entire website, including videos, but it does come with a cost.
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
☝Btw - not all my web designs are perfect-the title was just to catch your attention 😅
But check out my designs here: nicolaipalmkvist.com/
Please show if the website is responsive as well as the page loading speed. Those are vital (literally) 😏
i really need this kind of design its stunning
Thank you, Muhammad🥰
Omg, you killed it again! Thank you for your beautiful work!
Thank you! or danke schön, Germanundergroundtv! 🇩🇪🇩🇪
Why serve the video bandwidth on your own hosting when you can link it from youtube or something else? What was the size of that video? It can't be good for load speed.
I Like your designs very well. Good job. Can you explain me why you use negative margin for Menu social Media instead insert the Elements in the Video Container ? Thank you
Very nice! But how do you put al this beauty into responsive? can you make a video about that?
EDIT:
What are the things you leave out on mobile? Does mobile limit you in the design process for desktop? What do you take in considersation?
Could you show page speed after this magic? :)
Hi mate :) It’s absolutely possible to have a super-fast website with video, but it needs to be done correctly. If you ask me, there are two solutions:
1. Manually optimize video + preload image - Convert the file to an MP4 format and compress it. For example, my video with ice and chocolate, from this youtube video, ended up being just 1 MB. Combine this with a preload image (the first frame of the video), which gives the illusion that the video is starting immediately, while the actual video loads in the background. This approach has been a game-changer for me, delivering incredibly fast websites with video content.
2. Or this is the easy one: Use Nitropack - This tool optimizes your entire website, including videos, but it does come with a cost.
This is awesome. From my past experience, adding video from wordpress media actually slows down the loaing time significantly. also other options like youtube and vimeo doesnt look look. So what do you recommend for a cdn video link?
It’s absolutely possible to have a super-fast website with video, but it needs to be done correctly. If you ask me, there are two solutions:
1. Manually optimize video + preload image - Convert the file to an MP4 format and compress it. For example, my video with ice and chocolate, from this youtube video, ended up being just 1 MB. Combine this with a preload image (the first frame of the video), which gives the illusion that the video is starting immediately, while the actual video loads in the background. This approach has been a game-changer for me, delivering incredibly fast websites with video content.
2. Or this is the easy one: Use Nitropack - This tool optimizes your entire website, including videos, but it does come with a cost.
Sir, would you kindly consider creating a tutorial for this? I have gone through the material, but I am having difficulty visualizing how to proceed. Your time and guidance on this would be greatly appreciated. @@nicopalmkvist
It´s great to see how video can enhance web design. Bridging the gab between video and web. Attention or loading time? Both are important. And responsive video is possible, even combined with interactivity. Very inspiring, thank you.
It looks great but in my experience background videos in the hero header section are detriment to the page loading speed and core web vitals.
It’s absolutely possible to have a super-fast website with a video, but it needs to be done correctly. If you ask me, there are two solutions:
1. Manually optimize video + preload image - Convert the file to an MP4 format and compress it. For example, my video with ice and chocolate, from this youtube video, ended up being just 1 MB. Combine this with a preload image (the first frame of the video), which gives the illusion that the video is starting immediately, while the actual video loads in the background. This approach has been a game-changer for me, delivering incredibly fast websites with video content.
2. Or this is the easy one: Use Nitropack - This tool optimizes your entire website, including videos, but it does come with a cost.
how does it looks on mobile?
Can this be done without Elementor Pro as well?
Yes, you can recreate this with Elementor free, but you need PRO for the sideways text, but thats not that important
@ thanks!
Good video ! One thing VH does not mean „view height“ (like u said at 2:18) it’s called „vertical height“
Cheers
Hmm I think it’s acully Viewport height, but I guess it doesn’t matter that much: elementor.com/help/whats-the-difference-between-px-em-rem-vw-and-vh/
css code?
The CSS code is at the bottom of this document, under the heading "Let's make it move":
nicolaipalmkvist.com/snap-on-scroll/
Loved it. Thank you for such videos!
Thank you, Arpitshrmah
awesome video man!!
Which app he is using for that design?
He is using Elementor Page builder ;)
I Want the CSS code pls :) thank you for your value
Here you go: codepen.io/Wireframe-ApS/pen/azoWMPX
Sooo how does this look on mobile?
Check the live demo link :)
is it responsive if yes i buy it right now ;)
amazing i save this for later i'm gone use it for sure
Thank you! And yes it’s responsive.
What about the performance?
It’s possible to have a super-fast website with video, but it needs to be done correctly. If you ask me, there are two solutions:
1. Manually optimize video + preload image - Convert the file to an MP4 format and compress it. For example, my video with ice and chocolate, from this youtube video, ended up being just 1 MB. Combine this with a preload image (the first frame of the video), which gives the illusion that the video is starting immediately, while the actual video loads in the background. This approach has been a game-changer for me, delivering incredibly fast websites with video content.
2. Or this is the easy one: Use Nitropack - This tool optimizes your entire website, including videos, but it does come with a cost.
@@nicopalmkvist wp rocket is not better?
I would like some assistance with changing a psd design to html
Sorry can't help you with that
it was video all along
verry nice! creative.. great. if you can make tutorials with bricks builder ill be your biggest fan and subscriber. elementor is outdated
You are great
You have to be danish lmao.
@@rosasandberg4487 😂😂