How I created floating images in Elementor (from my Adobe XD Portfolio Design project) - Best Webhosting
Thanks! Share it with your friends!
ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU
WEB HOSTING COMPANY
Watch Living With Pixels Video: How I created floating images in Elementor (from my Adobe XD Portfolio Design project).
He guys, in this video we're building the floating images section in Elementor that I designed in Adobe XD. I'm using the free version of Elementor for Wordpress. In this video I'm covering shadows, motion effects, hover effects, absolute position and mobile responsiveness. I hope you like it!
→ Software that I use
Hosting & Domain provider I use on all my websites: https://www.siteground.com/go/lwp-youtube
Elementor Free version (download link): https://elementor.com/thankyou/?ref=4590&campaign=youtube
Elementor Pro (all 3 packages have the same features, I have the $199 one): https://elementor.com/pricing/?ref=4590&campaign=youtube
→ Hardware that I use for videos
Macbook Pro 13 inch: https://amzn.to/2LUjDbG
Camera: RX100 Mark 3: https://amzn.to/2qQlqag
Microphone: Zoom H1: https://amzn.to/2tgTI7r
Mini Tripod (for the mic): https://amzn.to/2PJiODD
→ Helpful for beginner
How to Install Elementor and Wordpress. Watch: https://youtu.be/SKyoKk9T4g4
Elementor Beginners Tutorial. Watch: https://youtu.be/E15iQEm9KF8
Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.
Related Videos
-
Adobe Xd to Wordpress Part 1 - My new Adobe Xd Web Design Portfolio
Added 52 Views / 0 LikesHe guys, in this video I'm showing you my Adobe xd webdesign Portfolio. I'm gonna use Adobe Xd to Wordpress instead of us Adobe xd to html. For now there are only some template example in the portfolio section and it's not a real website yet. So that's what I will be focussing on for the next upcoming weeks. I will use Wordpress with Elementor for those next steps. Stay tuned! Interested in a discount for my upcoming Adobe Xd course? Grab the discount
-
Ask the Monster: I created a new project, but I can not have a frequent demand. (Sandro Lifex)
Added 61 Views / 0 LikesPlease welcome David Braun, CEO & co-founder TemplateMonster. He is ready to provide you with all the answers in this video playlist! You can left You Question here: https://ceo.templatemonster.com/ Subscribe Our Channel: https://www.youtube.com/user/TemplateMonsterCo/ Follow us: Facebook https://www.facebook.com/TemplateMonster/ Twitter https://twitter.com/templatemonster Instagram https://www.instagram.com/template_monster/ Pinterest https://www.pin
-
Adobe Xd Web Design - How to design a simple website in Adobe Xd for beginners (2020)
Added 60 Views / 0 LikesIn this tutorial, I will show you how to design a simple website in Adobe Xd (2020). I shall teach you all you need to know about Adobe Xd web design basics and how to design a simple website in Adobe Xd as a beginner. I will take you through simple steps and teach you how to create a simple header image of a website using Adobe Xd. In this video, I will not only teach beginners how to design a simple website in Adobe Xd, but also, I will share where
-
Why you should NEVER start in Elementor, but in Adobe Xd (improve your web design process)
Added 51 Views / 0 LikesHe guys, today I'm finally answering the question of Why I always start in Adobe Xd with a web design project before I even touch Wordpress or Elementor. This has everything to do with your design process and will actually make your workflow faster (even though it doesn't feel like that). In addition, this tutorial shall give examples of other design tools to use like Sketch and Figma as well as those not to use like Photoshop since it is slow. In thi
-
Building my Header in Elementor Wordpress from an Adobe XD web design
Added 51 Views / 0 LikesHe guys, in today's video we are designing the animated video header of my new portfolio website in the free version of Elementor for Wordpress with cool animations. My design was made in Adobe XD. So in this video we work from Adobe Xd to Wordpress. Interested in a discount for my upcoming Adobe Xd course? Grab the discount here: https://living-with-pixels.ck.page/dc21a2db58 If you want any other tutorials from me, let me know and I will try to creat
-
Why this Agency doesn't start in Elementor, but in Adobe Xd (web design process)
Added 28 Views / 0 LikesWhen I made the video "Why you should NEVER start in Elementor, but in Adobe Xd (improve your web design process)" Not everybody agreed with me. That is why I visited a product design agency here in the Netherlands to ask them about their web design workflow. Are they agreeing with me? Or not? Let's find out! Thank you Strakzat for the look inside your web-design process: https://www.instagram.com/strakzat/ https://strakzat.com/ → Software that I use
-
Adobe XD (Preview) Adobe Experience Design CC: First Impressions
Added 95 Views / 0 LikesAdobe XD Adobe Experience Design CC: First Impressions Adobe XD is a UX Design (User Experience Design) tool from Adobe for prototyping and design as a successor to Adobe Fireworks, but far superior to it. Adobe XD was formerly Project Comet. MY FEATURE ON ADOBE.COM BLOG http://blogs.adobe.com/creativecloud/adobe-comp-cc-design-with-roberto-blake-and-ipad/# DOWNLOAD ADOBE XD http://www.adobe.com/products/experience-design.html AUDIO MUSIC & SOUND FX h
-
How to Create a Dynamic Portfolio Project Template with Divi & ACF
Added 41 Views / 0 LikesLooking for a way to streamline the way you create portfolio items on your website? If so, you’ll love this post. In this tutorial, we’ll show you how to create a dynamic portfolio project template with Divi’s Theme Builder and the ACF plugin. Building a portfolio project template will allow you to design the template body once and have it apply to all the portfolio items you add in the future as well. The template design we’ve created matches all kin
-
Designing the Portfolio Page in Adobe XD for Wordpress
Added 55 Views / 0 LikesHe guys, today I'm designing my portfolio page in Adobe for my Wordpress portfolio website. It's more like a livestream style video, where I work and comment while I'm working. I hope you like it. Interested in a discount for my upcoming Adobe Xd course? Grab the discount here: https://living-with-pixels.ck.page/dc21a2db58 In the next video we will transform this Adobe XD file into a Wordpress dynamic page structure. So I can really start filling the
-
UX DESIGN PORTFOLIO INSPIRATION 2020: Best Portfolio Website Examples
Added 87 Views / 0 LikesThis video is your go-to source of UX design portfolio inspiration! Use these portfolio website examples to create a designer portfolio of your own. Looking for a ready-made design portfolio template? Take a closer look here • https://www.templatemonster.com/category/designer-portfolio-website-templates/ Credits: Aleksandr Yaremenko http://yaremenko.design/ Frontmen Agency https://frontmen.fm/en/ Julio Cesar https://www.juliocesar.work/work Camille Pa
-
How to design the Justified Gallery of Images with Elementor and JetElements Add-on?
Added 84 Views / 0 LikesThe gallery is one of the most illustrative and most beautiful (of you picked the nice photos) part of the website. There are different ways of organizing this module and lots of templates have different ready-made gallery layout blocks. One of them is justified image grid – the layout that sizes pictures according to their aspect ratio. This means the images are compressed proportionally to its actual size (photos with landscape layout, for example,
-
CSS3 Contact Us Form Design with Floating Placeholder | Responsive Design
Added 77 Views / 0 LikesPlease LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
