- 30
- 403 028
WebCraftingWizards
United Kingdom
เข้าร่วมเมื่อ 9 ต.ค. 2023
Welcome to WebCraftingWizards 🪄🖥️
Hi, I'm DevelopedByEd 👋 an experienced front-end developer, magician, and educator with a passion for creating beautiful and impactful designs. I've partnered with Wix to teach you how to create websites that are both visually appealing and user-friendly, without having to write any code! Just like magic.
My tutorials are designed for everyone, regardless of your experience level. I’ll share all my design tips and tricks, including the fundamentals of UX and web design, how to create impactful designs, how to think like a designer, and the exciting stuff.. like 3d animation! In no time, you’ll be a webcrafting wizard too.
Make sure to subscribe and start creating magic ✨
DevelopedByEd Chief Sorcerer 🧙♂️
🧙♂️ Stay enchanted with us: X: @developedbyed WixStudio: www.wix.com/studio
Hi, I'm DevelopedByEd 👋 an experienced front-end developer, magician, and educator with a passion for creating beautiful and impactful designs. I've partnered with Wix to teach you how to create websites that are both visually appealing and user-friendly, without having to write any code! Just like magic.
My tutorials are designed for everyone, regardless of your experience level. I’ll share all my design tips and tricks, including the fundamentals of UX and web design, how to create impactful designs, how to think like a designer, and the exciting stuff.. like 3d animation! In no time, you’ll be a webcrafting wizard too.
Make sure to subscribe and start creating magic ✨
DevelopedByEd Chief Sorcerer 🧙♂️
🧙♂️ Stay enchanted with us: X: @developedbyed WixStudio: www.wix.com/studio
Wix Headless Auth Tutorial | Next.js 15
In today's episode I'll show you how you can integrate wix headless services into your own custom react or next.js application.
Check out Wix Studio🔥
wix.com/studio/?^social&experiment_id=^yt
Learn more about wix headless
dev.wix.com/docs/sdk/backend-modules/data/introduction
Fire Tracks 🔥
Kissamilé - ASTÉR
chll.to/4b8d1ce1
Kreatev - Bimmer M6
chll.to/a7caac6f
Ward Wills - Casette
chll.to/af21d904
SwuM, Chris Mazuera - Castles
chll.to/b31cb5f6
chromo, the dreamer - Clementine.
chll.to/c06a3cef
Aves - Cozy af
chll.to/24c6f90a
DevelopedByEd
Chief Sorcerer 🧙♂️
#wixstudio #wix
Check out Wix Studio🔥
wix.com/studio/?^social&experiment_id=^yt
Learn more about wix headless
dev.wix.com/docs/sdk/backend-modules/data/introduction
Fire Tracks 🔥
Kissamilé - ASTÉR
chll.to/4b8d1ce1
Kreatev - Bimmer M6
chll.to/a7caac6f
Ward Wills - Casette
chll.to/af21d904
SwuM, Chris Mazuera - Castles
chll.to/b31cb5f6
chromo, the dreamer - Clementine.
chll.to/c06a3cef
Aves - Cozy af
chll.to/24c6f90a
DevelopedByEd
Chief Sorcerer 🧙♂️
#wixstudio #wix
มุมมอง: 315
วีดีโอ
Build An Animated Portfolio Website With CMS
มุมมอง 11Kหลายเดือนก่อน
In this episode I'll show you how you can create an animated portfolio website with nextjs14, framer motion and using wix headless cms for dynamic data. Check out Wix Studio🔥 wix.com/studio/?^social&experiment_id=^yt Learn more about wix headless dev.wix.com/docs/sdk/backend-modules/data/introduction Fire Tracks 🔥 Kissamilé - ASTÉR chll.to/4b8d1ce1 Kreatev - Bimmer M6 chll.to/a7caac6f Ward Wil...
Build A Booking Application With Next.js 14 and Wix Headless
มุมมอง 9Kหลายเดือนก่อน
In today's episode I'll show you how you can integrate wix headless services into your own custom react or next.js application. Check out Wix Studio🔥 wix.com/studio/?^social&experiment_id=^yt Learn more about wix headless dev.wix.com/docs/sdk/backend-modules/data/introduction Fire Tracks 🔥 Kissamilé - ASTÉR chll.to/4b8d1ce1 Kreatev - Bimmer M6 chll.to/a7caac6f Ward Wills - Casette chll.to/af21...
How Set Up An E-Commerce Store In Under 10 Minutes
มุมมอง 11Kหลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ In today's episode I want to show you the power of Headless CMS, create your own custom website with any technologies you want and use wix headless as a data layer. Check out Wix Studio E-Commerce🔥 wix.com/studio/?^social&experiment_id=^yt Fire Tracks 🔥 Kissamilé - ASTÉR chll.to/4b8d1ce1 Kreatev - Bimmer M6 chll.to/a7caac6f Ward Wills - Casette chll.to/af2...
Create Powerful Websites With Wix Headless CMS
มุมมอง 16K3 หลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ In today's episode I want to show you the power of Headless CMS, create your own custom website with any technologies you want and use wix headless as a data layer. Check out Wix Studio🔥 wix.com/studio/?^social&experiment_id=^yt Learn more about wix headless dev.wix.com/docs/sdk/backend-modules/data/introduction Fire Tracks 🔥 Kissamilé - ASTÉR chll.to/4b8d...
Build A CMS Website with Wix Studo CMS | No Code
มุมมอง 2.9K3 หลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ In today’s episode, we’re going to look at Wix Studios powerful CMS features. I'll show you how we can craft a recipe cms website with multilingual support. Check out Wix Studio CMS🔥 wix.com/studio/?^social&experiment_id=^yt Wix AI CMS Generation support.wix.com/en/article/cms-creating-a-collection-using-ai Creating Dynamic Pages support.wix.com/en/article/...
Make Money Selling Web Designs With NO CODE
มุมมอง 70K3 หลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ Check out Wix Partner program here www.wix.com/studio/partner-program/submit-templates Check out Wix Studio🔥 wix.com/studio/?^social&experiment_id=^yt Figma Auto Import www.figma.com/community/plugin/987294632651817123/figma-to-wix-studio Fire Tracks 🔥 Kissamilé - ASTÉR chll.to/4b8d1ce1 Kreatev - Bimmer M6 chll.to/a7caac6f Ward Wills - Casette chll.to/af21...
This No Code Tool Just Got Superpowers
มุมมอง 12K4 หลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ In today’s episode, we’re going to look at Figmas new Auto Import Tool for Wix studio enabling you and your team to create your UI designs and assets in figma and with just one click automatically create a fully functioning website. Check out Wix Studio🔥 wix.com/studio/?^social&experiment_id=^yt Figma Auto Import www.figma.com/community/plugin/9872946326518...
Awesome Navbar Animation in 10 Minutes | Wix Studio Tutorial
มุมมอง 3425 หลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ In today’s episode, we’re going to create an awesome Navbar Animation using CSS clip path and a little bit of javascript. Check out Wix Studio🔥 wix.com/studio/?^social&experiment_id=^yt Fire Tracks 🔥 Teddy Roxpin, MAXIMILLIAN - Vermont Canyon chll.to/3a3b898f Don’t forget to like, subscribe, and let me know if you want to see more tutorials with Blender and...
Create Crazy 3D Animations For Your Website
มุมมอง 2995 หลายเดือนก่อน
Hey there, my webcraft and wizards! ✨ In today's episode, I want to show you a little trick-my magic little sauce-that you can use to create high-quality 3D renders straight in the browser with almost no effort whatsoever. Whether you're doing fluid simulations, playing with smoke, or working with high-quality 3D models, you'll be surprised at how easy it is. Let's get going! Tools Used in the ...
Create Awesome Interactive 3D Backgrounds For Your Website
มุมมอง 2.8K6 หลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ In today’s episode, we’re going to create stunning abstract 3D animations using Blender and add them to your website with Wix Studio. These eye-catching animations will make your website stand out and impress your audience. Don't worry if you're new to Blender or Wix, I'll guide you step-by-step through the process, making it easy to follow along. What You'...
My Top Tools For Creating Awesome Web Designs
มุมมอง 9346 หลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ In today’s episode, I'm sharing my top tools, tips, and tricks for creating stunning websites with 3D designs and animations. Whether you're a beginner or an experienced designer, these resources will help you elevate your projects and inspire your creativity. Tools used in the video: Colorbox: colorbox.io/ Contrast Checker: contrastchecker.com/ shadcn/svel...
Create Awesome 3D Particles Effects For Your Website!
มุมมอง 5187 หลายเดือนก่อน
Hey there, my web crafting Wizards! ✨ In today’s episode, I’ll show you how to create an awesome text particle effect for your website using Spline and Wix Studio. Spline is a fantastic 3D web tool that allows you to easily create and integrate 3D designs and animations into your projects. We'll use it to add a cool disintegration effect to your text when you hover over it-no code needed! What ...
Create An Awwwards Like Website In 10 Minutes | NO CODE
มุมมอง 5817 หลายเดือนก่อน
Create An Awwwards Like Website In 10 Minutes | NO CODE
3 Fun Text Animation To Spice Up Your Websites
มุมมอง 5698 หลายเดือนก่อน
3 Fun Text Animation To Spice Up Your Websites
A Guide On How To Create Awesome Web Designs
มุมมอง 5049 หลายเดือนก่อน
A Guide On How To Create Awesome Web Designs
I Challenged Myself To Redesign My Old Website
มุมมอง 2.3K9 หลายเดือนก่อน
I Challenged Myself To Redesign My Old Website
Learn Color Theory In 8 Minutes | Web Design Tutorial
มุมมอง 3.1K10 หลายเดือนก่อน
Learn Color Theory In 8 Minutes | Web Design Tutorial
Easy 3D Sneaker Visualizer Tutorial Using Spline and Wix Studio
มุมมอง 64310 หลายเดือนก่อน
Easy 3D Sneaker Visualizer Tutorial Using Spline and Wix Studio
Build An Interactive 3D Website Tutorial | Tesla UI
มุมมอง 2.8K10 หลายเดือนก่อน
Build An Interactive 3D Website Tutorial | Tesla UI
Learn White Space in 10 Minutes | Website UI Tutorial
มุมมอง 1K11 หลายเดือนก่อน
Learn White Space in 10 Minutes | Website UI Tutorial
Neo Brutalist Web Design Tutorial in 5 Minutes
มุมมอง 82711 หลายเดือนก่อน
Neo Brutalist Web Design Tutorial in 5 Minutes
Awesome 3D Interactive Website In 8 Minutes Tutorial
มุมมอง 62Kปีที่แล้ว
Awesome 3D Interactive Website In 8 Minutes Tutorial
Step-by-Step Guide to 3D Parallax Effects for Your Website
มุมมอง 665ปีที่แล้ว
Step-by-Step Guide to 3D Parallax Effects for Your Website
UI Landing Page With Animations Tutorial | NO CODE
มุมมอง 309ปีที่แล้ว
UI Landing Page With Animations Tutorial | NO CODE
Super cool. Im definitely going to try this. Thanks for video!
Thank you so very much for sharing. I am learning a lot and your presentation style is AWESOME. Keep up the good work and thanks again
Does the animation work in reverse when you close the menu?
How have you find the following texture based of characters ?
my animation looks like a creep 😂 2d paper moving
Loving the wix headless content! I didnt even know this was possible @WebCraftingWizards
I don't use Wix , it is a criminal company supporting the most criminal state in history Israel
That's pretty feckin cool
Very nice Animation, is this Code also responsive for Tablet and mobile view ?
yeah you can toggle the mode to phone size and just readjust anything that looks off, basically set's a media query behind the scenes, it's pretty cool
Excited to learn this
Hope you enjoy this one, let me know if you want a follow up video with the e-commerce features 😁
I just want to know how I should define how much white space to use in my designs. How can I know when there is enough white space, or when it's too much? Should I calculate it in pixels or use some proportions?
how did you get and upload the image and texture
I hope I didn't come off too negative or like I was bashing the video. I just wanted to add some things that I did differently when I create my blog and hope it helps someone else. My video was more of an add on to this video. th-cam.com/video/tltjDea_U2U/w-d-xo.html
I'll beat a few others to the question. Do you think this competes with Shopify at all? Is it potentially cheaper or easier to set up? 👍 Have a great Tuesday you legend
Wow this is soo cool ❤😊 love it - very inspiring 😊
DecapCMS
Wix fires employees who criticize Israel’s genocide in Gaza (search up Courtney Carey). The company also set up an internal slack channel which invited employees to “join a company initiative to create videos and creative campaigns”, to “support Israel’s narrative”. How does one support the narrative of a state which subjects Palestine to military occupation has killed 42,000 people, including tens of thousands of women and children, in just the span of 11 months? 🤔 As a developer community we can do better than promote Wix or take paid sponsorships from them, especially since there are better headless CMS alternatives out there (e.g. Payload, Webflow Headless, etc.)
thanks , super helpful !!
you are interfearing when i play same thing in cricut you came up when i wash it
Still can't complain with the classic Wordpress! Ha. And I'm talking the bare bones, barely a plugin except Yoast and ACF pro. Just create everything yourself and use Wordpress for nothing more than allowing copy and image updates.
Let me know what's your favourite CMS to work with 😊
🎉🎉🎉🎉
can u share the site url ?
Mine doesnt work. When I paste the embeded code it does not show. Can anyone help?
Like your videos. But.. why you are not selling yours? If yes - please show results
Those you can, do, those who can't, teach
@@superhumandose I still believe that the best way to make money online, is to teach how to get money online ;)
Oh and If you like to design with Figma, you can use the auto export extension to make it straight into a template from Figma which is pretty cool 😁
nice design
Thank you! Cheers!
Learning design is becoming more lucrative by the day
Javascript developers crying in the corner :')
The best 🫵🏻🤍
Thankyou so much I was really confused how to add textures to these model your video is a life savior for me also let us know how did you get the textures file
Awesome tutorial. BTW, with Verge3D addon you can render these backgrounds live right on the web page.
Let me know if you want to see more animation tutorials like this one 😊
Great work mate. This was cool trying to do it myself
you work is extraordinary
Awesome!!! thanks for sharing but will it affect page speed loading and page insight for seo?
Nice
Save the planet? 🌎🤢
WebCraftingWizards, You're awesome! Let's be friends and play together!
DevelopedByEd??
Yeah he’s other channel
great content as usual
this is new channel?
why the resolution is 360p the video quality is so bad please fix it can't see any text in video
hahaha might've been the video processing! Should be all fine now!
@@WebCraftingWizards yeah its good now
Thank you so much for this! the only drawback is that it's not really responsive I'm guessing you have to create different variations for each breakpoint?
What happend to the dev ed channel?
Super helpful. Thanks a lot! One question: Is it possible to let the model do different animations interactive ? For example there's a button and then she stops dancing and starts waving or smth. ? Or do I need a game engine for that ? Thanks a lot !
Again, underrated channel.. so simple and so beautiful. Thank you again!
Wow, thank you!
Hope you enjoy this one! You can try going on sketchfab and import various types of models to see what kind of effects you can come up with 🔥🔥
Underrated channel... I also love watching developedbyed :)
Thanks so much for watching, let me know if you want to see me speedrun website designs like this one! I also have some cool 3D stuff cooking 👀👀