Derek Siu | Webflow & Web Design
Derek Siu | Webflow & Web Design
  • Видео 120
  • Просмотров 177 004
Create UNIQUE Email Subject Lines with Webflow CMS!
Learn how to craft unique and attention-grabbing email subject lines using @Webflow CMS! In this video, we'll dive into the world of email marketing and explore the power of Webflow CMS in creating personalized and effective subject lines that drive opens and conversions.
Whether you're a marketer, designer, or entrepreneur, this video is perfect for anyone looking to take their email game to the next level. Get ready to boost your email marketing strategy and create subject lines that stand out from the crowd!
--
📢 Connect With Me
Website: www.dereksiu.com.au/
Fiverr: www.fiverr.com/dereksiu
👇 Helpful Links:
Hire a Freelancer on Fiverr:
fiverr.grsm.io/k8bhq1js4hmx
Try Webflow:
webflow.partnerlin...
Просмотров: 62

Видео

Want Webflow Mastery? Learn This One Simple Sticky Card Trick
Просмотров 23122 часа назад
Ready to master @Webflow? Learn the one simple sticky card trick that will take your coding skills to the next level in this tutorial. #StickyPositioning #Webflow #codingtutorial 📚 Time Stamps: 0:00 Intro 0:08 Example Website 0:33 Webflow Build 5:25 Adding Indent Effect 5:55 Closing Statements For more value please visit: www.dereksiu.com.au/value 📢 Connect With Me Website: www.dereksiu.com.au/...
Effortlessly Separate CMS Items with a Comma in Webflow!
Просмотров 81День назад
Learn how to separate CMS items with a comma in @Webflow easily and efficiently. In this tutorial, we'll show you a simple yet effective way to comma separate your CMS items in Webflow, making it easier to manage and display your content. Whether you're a web developer, designer, or content creator, this tip is a game-changer for anyone working with Webflow's CMS. Watch to find out how to separ...
Create Stunning Responsive & Animated Bar Graphs in Webflow
Просмотров 163День назад
Learn how to create stunning, responsive, and animated bar graphs in Webflow with this easy tutorial. Perfect for web designers and developers looking to add dynamic data visualization to their websites! Requested by subscriber: Bernado Paulo Jr 📚 Time Stamps: 0:00 Intro 0:12 Example Bar Graph 0:42 Example Responsiveness 2:38 Webflow Build 6:14 Adding Animation 8:50 Mobile Responsiveness (Overf...
How I Built Deck Heads - Webflow Showcase & UX Design Insights
Просмотров 132День назад
Discover how Deck Heads was built using Webflow, with insights into UX design. Watch this video for a showcase of the website and UI/UX tips! Deck Heads provides pocket-sized information cards that broaden your product’s applicability, educate, and bring customers back for more. 🌐 Check out the site yourself here: www.deck-heads.com/ 👇 My Involvement / Key Features: - Website Design (UI) - Webs...
Master Animated Gradient Borders in Webflow in Just 3 Minutes
Просмотров 28014 дней назад
Grab code here: dereksiu.com.au/tutorials/animated-borders Learn how to master animated gradient borders in @Webflow in just 3 minutes! This tutorial covers everything you need to know about creating stunning CSS animations for your website. Perfect for anyone looking to add a touch of flair to their designs. Requested by subscriber: @FlowVeeran 📚 Time Stamps: 0:00 Intro 0:07 Example Website 0:...
Squid Game Fans Will Freak Out When They See This Website
Просмотров 36314 дней назад
If you're a Squid Game fan, you won't want to miss this website review! In this video, I'll explain my process of designing and building in @Webflow a custom website I created in 2021 called Squad Game which is a play on the popular Netflix show Squid Game. It was for an esports club called @utsesports70 apart of @activateuts and @utschannel. Sadly this website or campaign never launched :( 📣 A...
I Discovered The Shocking Truth About Webflow Page Wrappers!
Просмотров 23721 день назад
Curious about Webflow page wrappers? In this video, I answer my subscribers (@autochehlycomua) question, revealing the shocking truth about them and explain how they work. Get all the details here lol. Some context (Box Model Video): ruclips.net/video/_aP_zT9qRQA/видео.html 📚 Time Stamps: 0:00 Question from subscriber 0:33 Box Model (context) 0:48 Pagewrapper 1:14 Example / Explanation 3:20 Com...
Webflow Dev Uncovers the Weirdest Websites on the Internet!
Просмотров 6421 день назад
Join a @Webflow dev as he uncovers the weirdest websites on the internet! From bizarre layouts to strange content, you won't believe what's out there. Websites Reviewed (in order): theuselessweb.com/ memory.toys/classic/easy/ longdogechallenge.com/ puginarug.com/ optical.toys/ alwaysjudgeabookbyitscover.com/ weirdorconfusing.com/ paint.toys/calligram/ 📚 Time Stamps: 0:00 Intro 0:06 theuselesswe...
I Built Paylos.com in Webflow and Learned These UI/UX Secrets!
Просмотров 33721 день назад
I Built Paylos.com in Webflow and Learned These UI/UX Secrets!
CSS Classes in @Webflow Explained: Beginner's Guide
Просмотров 11128 дней назад
CSS Classes in @Webflow Explained: Beginner's Guide
I'm Reviewing YOUR Webflow Site for MAJOR Improvements!
Просмотров 99Месяц назад
I'm Reviewing YOUR Webflow Site for MAJOR Improvements!
Revamping ITDEvents.com for an Epic User Experience
Просмотров 74Месяц назад
Revamping ITDEvents.com for an Epic User Experience
What Webflow Freelancers Don't Want You to Know About Productivity
Просмотров 142Месяц назад
What Webflow Freelancers Don't Want You to Know About Productivity
Unveiling Alta Invest's New Website - Webflow Showcase & UX Design Magic
Просмотров 262Месяц назад
Unveiling Alta Invest's New Website - Webflow Showcase & UX Design Magic
Unveiling the Box Model: Discover How Websites Truly Operate!
Просмотров 132Месяц назад
Unveiling the Box Model: Discover How Websites Truly Operate!
How I Built QuantumRevenues.com - Webflow Showcase & UX Design Insights
Просмотров 141Месяц назад
How I Built QuantumRevenues.com - Webflow Showcase & UX Design Insights
Custom Cursor in Webflow Made Easy: Beginner's Guide
Просмотров 341Месяц назад
Custom Cursor in Webflow Made Easy: Beginner's Guide
How I Built Kalotravel.com - Webflow Showcase & UX Design Insights
Просмотров 268Месяц назад
How I Built Kalotravel.com - Webflow Showcase & UX Design Insights
How to Create a Smooth Accordion Animation in Webflow
Просмотров 309Месяц назад
How to Create a Smooth Accordion Animation in Webflow
How I Built @Vividize's Website - Webflow Showcase & UX Design Insights
Просмотров 1412 месяца назад
How I Built @Vividize's Website - Webflow Showcase & UX Design Insights
How to Create Text Stroke Effects Natively in Webflow Without Custom Code
Просмотров 702 месяца назад
How to Create Text Stroke Effects Natively in Webflow Without Custom Code
How I Built www.shaybenmoussa.com.au - Webflow Showcase & UX Design Insights
Просмотров 972 месяца назад
How I Built www.shaybenmoussa.com.au - Webflow Showcase & UX Design Insights
How to Compress Webflow Videos with Handbrake for Faster Page Load Speeds
Просмотров 1622 месяца назад
How to Compress Webflow Videos with Handbrake for Faster Page Load Speeds
How I Built Santanatudioco.com - Webflow Showcase & UX Design Insights
Просмотров 1012 месяца назад
How I Built Santanatudioco.com - Webflow Showcase & UX Design Insights
I Pretended to be a Billionaire Using Inspect Element
Просмотров 622 месяца назад
I Pretended to be a Billionaire Using Inspect Element
How I Built SkinSafe.au | Webflow Showcase & UX Design Tips
Просмотров 2022 месяца назад
How I Built SkinSafe.au | Webflow Showcase & UX Design Tips
Create a FREE multi-step form in Webflow using Formly (tryformly.com)
Просмотров 9214 месяца назад
Create a FREE multi-step form in Webflow using Formly (tryformly.com)
Webflow Showcase: Myac.co
Просмотров 1075 месяцев назад
Webflow Showcase: Myac.co
Creating a Custom 404 Page in Webflow
Просмотров 1,2 тыс.5 месяцев назад
Creating a Custom 404 Page in Webflow

Комментарии

  • @bernardopaulojr5570
    @bernardopaulojr5570 17 часов назад

    Super simple and easy to follow! Thank you!

  • @FahimAlMamun-y3k
    @FahimAlMamun-y3k День назад

    This is very helpful thank you. But i am facing a issue that i can't adding easing if i select hide and show. I am facing this problem for a long time if possible please help me out. TIA

  • @bernardopaulojr5570
    @bernardopaulojr5570 День назад

    Very helpful thank you!

  • @ezinnefortune8353
    @ezinnefortune8353 День назад

    Why is my own div block much more smaller. It's annoying

  • @pachou83
    @pachou83 2 дня назад

    excellent tutorial and to the point. Thanks!

    • @dereksiuau
      @dereksiuau День назад

      Thanks! Glad you found it helpful.

  • @menikmati90
    @menikmati90 2 дня назад

    thank you this was super easy and straight forward!

  • @FlowVeeran
    @FlowVeeran 2 дня назад

    Bro is dropping knowledge bomb for real

  • @MAsif-hg3em
    @MAsif-hg3em 2 дня назад

    Can you help me

  • @LearnWized
    @LearnWized 3 дня назад

    This has been a thing for a long time now

    • @dereksiuau
      @dereksiuau День назад

      Really no wayyyyyy I just realised this yesterday lol. This 100% definately was not the case some time in the past.

  • @MarkFaamaoni
    @MarkFaamaoni 3 дня назад

    On a good day you can almost get an entire website built from scratch, and on a BAD day I'm pulling my hair out because one thing just doesn't do what you want it to do. I feel your pain :)

    • @dereksiuau
      @dereksiuau День назад

      Wowowow - someone who gets it! Good to know :)

  • @steveworrell
    @steveworrell 3 дня назад

    Thank you. Very helpful.

    • @dereksiuau
      @dereksiuau 3 дня назад

      Glad it was helpful! Thanks for the comment Steve

  • @ArtEntity
    @ArtEntity 3 дня назад

    love this channel

  • @RAREARTIST
    @RAREARTIST 3 дня назад

    perfect tutorial

  • @MezTech-r4v
    @MezTech-r4v 4 дня назад

    Siu. How do you that amazing video background with words on top?

    • @dereksiuau
      @dereksiuau 3 дня назад

      Are you referring to a Webflow site? Or you referring to the video itself where it has the text moving? Please advise, perhaps send me timestamps

  • @arnarasyid5393
    @arnarasyid5393 4 дня назад

    great tutorial! btw, could you make the labels bold if the check box is checked? thankyouu!

    • @dereksiuau
      @dereksiuau 3 дня назад

      That's an interesting suggestion. Yes via active state of (Checked - the green tag) otherwise via custom code.

    • @arnarasyid5393
      @arnarasyid5393 3 дня назад

      @dereksiuau the label didn't have the active state though, but i haven't try the custom code

  • @Aliencancode
    @Aliencancode 6 дней назад

    wow this is really helpful, i wanted to add this effect on my website but did not know how to do that, thank you sir

    • @dereksiuau
      @dereksiuau 5 дней назад

      Thanks for the comment Alien - appreciate your support and glad you can now add this effect to your website.

  • @ariyibitomiwa408
    @ariyibitomiwa408 6 дней назад

    First to comment. Hahaha. Good video. Thank you

    • @dereksiuau
      @dereksiuau 5 дней назад

      Pinned to top so you will always be first :) - Appreciate your support.

  • @udpb-q9o
    @udpb-q9o 6 дней назад

    hey thanks for the intuitive video! I have one question. Is there any way to customize the scrollbar thumb height?

    • @dereksiuau
      @dereksiuau 3 дня назад

      I don't believe so, because the scrollbar thumb height is universal for browsers and is proportionate to the page height for what I assume a seamless user experience (consistency). But hey I'm sure there is a way with custom code hahahahahahaahahahaha.

  • @filetmignon9978
    @filetmignon9978 8 дней назад

    So they hid the inner dropdown on mobile? When I build them they work just fine on desktop and mobile!

    • @dereksiuau
      @dereksiuau 6 дней назад

      Hiding the dropdown links on mobile would be bad especially given how Mobile browsing is more popular than desktop browsing (in general). It was not hidden. It was optimised for mobile :)

  • @ariyibitomiwa408
    @ariyibitomiwa408 8 дней назад

    Thank you for this

    • @dereksiuau
      @dereksiuau 6 дней назад

      You are most welcomed ☺️

  • @rmo4762
    @rmo4762 9 дней назад

    Cool! Do you also have a solution for breadcrumbs for Webflow?

    • @dereksiuau
      @dereksiuau 8 дней назад

      Using custom code or natively in Webflow via Symbols / Components. Yes

  • @jamesamoros6196
    @jamesamoros6196 9 дней назад

    Good job, legit tutorial

    • @dereksiuau
      @dereksiuau 8 дней назад

      Thanks, I am legit person and not AI.

  • @filetmignon9978
    @filetmignon9978 9 дней назад

    Did you build that site?

    • @dereksiuau
      @dereksiuau 8 дней назад

      I can neither confirm or deny that statement.

    • @filetmignon9978
      @filetmignon9978 8 дней назад

      @@dereksiuau I see 😆.

  • @kbob6980
    @kbob6980 9 дней назад

    Super useful as always, thanks a lot Derek!

  • @Kaycee-Szn
    @Kaycee-Szn 10 дней назад

    Interesting, kicking off my webflow learning

    • @dereksiuau
      @dereksiuau 9 дней назад

      Welcome to the world of Webflow - lol wishing you all the best. If you need a tutorial on anything feel free to suggest :)

  • @nemanjalackovic2288
    @nemanjalackovic2288 10 дней назад

    This is exactly what i needed, as I'm making a website design for myself. I don't need the paid version of webflow, thus I don't need CMS, which I see everyone use in both F&Q and Testimonial sections. I used what I could from your video and made my F&Q with a lottie which turned out exactly as I wanted it to. Thank you!

    • @dereksiuau
      @dereksiuau 9 дней назад

      Nice yeah the CMS is really for certain situations and one benefit is that clients can easily add new items. But yes if you know what you are doing you can just stick to a basic plan or even a free plan and host on .io site. Great comment!

    • @nemanjalackovic2288
      @nemanjalackovic2288 8 дней назад

      @dereksiuau Indeed, and since I'll be the one editing the website in the future, I don't mind missing out on CMS. Also, now I need the tutorial on how to make an auto-closing accordion. Will that be out any time soon?

  • @phase4485
    @phase4485 10 дней назад

    I love the site. Well done. You did a great job. Thanks for sharing.

  • @FlowVeeran
    @FlowVeeran 12 дней назад

    Good one derek

  • @assaawin
    @assaawin 12 дней назад

    Thank you Derek; You've been the sources of my inspiration and hope of the future ever since I discovered your RUclips channel. MAY THE LORD RICHLY BLESS YOU 🙏

    • @dereksiuau
      @dereksiuau 11 дней назад

      Thanks for the comment - stoked I was an inspiration for you. May God bless you also!

  • @super_hooch
    @super_hooch 12 дней назад

    A very useful tutorial, thanks for it! The topic of infographics is very interesting, maybe you can tell us about radial graphs?

    • @dereksiuau
      @dereksiuau 12 дней назад

      Glad you found this Webflow tutorial useful I have made a note on Radial Graphs. It would be using Chart.js most likely.

  • @adams.george
    @adams.george 14 дней назад

    Under 40 min?😮Could you upload the full video? that'd be great

    • @dereksiuau
      @dereksiuau 13 дней назад

      I have a semi timelapse of more - I will share since you are interested :)

  • @zafre-media
    @zafre-media 15 дней назад

    this was great. but I think increasing the padding to show more of the border would help to make it pop out more.

    • @dereksiuau
      @dereksiuau 13 дней назад

      Yes - Good idea, all up to you!

  • @adler.araujo
    @adler.araujo 16 дней назад

    Great! Is it possible to do the opposite? From webflow to Wordpress? In your opinion, what is the advantage of webflow when compared with Wordpress + Elementor? Webflow Cost is higher, there are no plugins… I can’t see benefits and would appreciate if you can list some… Thanks!

    • @dereksiuau
      @dereksiuau 13 дней назад

      Webflow to Wordpress is very easy to do in Webflow by going into the CMS and exporting as .csv file then upload to Wordpress. The problem I think is that usually the images are hosted on the platform (ie. Webflow or Wordpress) and when you are migrating sites, usually the other site get's terminated, so uploading the image manually is needed. -- From my experience, Elementor is very limiting in what you can do in terms of design and preciseness. Hence that is the main benefit IMO. Also client editing the site in Webflow vs Wordpress is better in terms of UX Wordpress definitely has more plugins as it's been around longer. So I guess IMO Wordpress is great choice for more complex websites such as ecommerce, login, dashboard etc. -- There are many more pros and cons shall I make a video about it :P

  • @b.b.9646
    @b.b.9646 17 дней назад

    Thanks so much for this! I usually add in Google Maps with an API key in Webflow and my credit card info changed and Google Cloud suspends the free account if any payment info is changed and some maps shut down. I need to start doing it this way. Thanks!

    • @dereksiuau
      @dereksiuau 13 дней назад

      Glad this helped, its definitely a better approach than using an API key! - Great point you have raised.

  • @CodingWithJan
    @CodingWithJan 18 дней назад

    amazing 💪

  • @Scared_of_reality
    @Scared_of_reality 18 дней назад

    Is there anyway to change this asset url?

    • @dereksiuau
      @dereksiuau 18 дней назад

      Good question - not that I know of natively. Why do you need it changed? - I guess the most immediate thing is to host the PDF somewhere else.

    • @Scared_of_reality
      @Scared_of_reality 18 дней назад

      @dereksiuau wanted to show pdf link in lead magnet but it's showing weird link instead of website link

    • @dereksiuau
      @dereksiuau 17 дней назад

      Yeah it shows like a webflow link with random strings that is normal. So in your case you can use the Webflow generated link (ie Hosted PDF) then maybe put it to bit.ly or something to make it neater.

    • @Scared_of_reality
      @Scared_of_reality 17 дней назад

      @@dereksiuau thanks ❤️

  • @kevynlevine
    @kevynlevine 19 дней назад

    Great video! I bet you can link up variables in the custom embed to make this even easier!

  • @memehubbb8
    @memehubbb8 19 дней назад

    Keep IT Up man. I'm still waiting for a course

  • @FlowVeeran
    @FlowVeeran 19 дней назад

    perfect tutorial as always

  • @Kayode-y2y
    @Kayode-y2y 19 дней назад

    Thank you sir!

  • @6th_spectre
    @6th_spectre 20 дней назад

    Great tutorial! Thanks a lot

    • @dereksiuau
      @dereksiuau 20 дней назад

      Glad it was helpful!

  • @BaslielAmare
    @BaslielAmare 22 дня назад

    great vid keep it up

    • @dereksiuau
      @dereksiuau 20 дней назад

      Thanks man! Glad you liked it :)

  • @BaslielAmare
    @BaslielAmare 22 дня назад

    Amazing tutorial, love the focus on teaching and making it straight forward. This didn't feel like 17 minutes.

    • @dereksiuau
      @dereksiuau 20 дней назад

      Great to see you found value and how time just went by. Apprecaite your comment and feedback.

  • @autochehlycomua
    @autochehlycomua 22 дня назад

    Derek, thank you so much! Happy NY! With best wishes from Ukraine.

    • @dereksiuau
      @dereksiuau 20 дней назад

      It was my pleasure - thanks for the vid idea! Happy 2025 :)

  • @MAsif-hg3em
    @MAsif-hg3em 22 дня назад

    Assalam Walekum please help me Webflow tutorial

    • @dereksiuau
      @dereksiuau 20 дней назад

      Can you be more specific on what you would like a tutorial on? Will be happy to help.

  • @FlowVeeran
    @FlowVeeran 22 дня назад

    Also you left out one major reason that it is mostly used to copy and paste to different pages/projects inside webflow so that we won't have to start from scratch Learnt that from the Client first docs

    • @dereksiuau
      @dereksiuau 22 дня назад

      WOW - can't believe i've missed this SMH ... Thanks!

  • @FlowVeeran
    @FlowVeeran 24 дня назад

    The last website paint toys is dope

  • @FlowVeeran
    @FlowVeeran 24 дня назад

    Long doge seems sus

    • @dereksiuau
      @dereksiuau 22 дня назад

      Mega sus - I wonder what is at the end of it LOL

    • @FlowVeeran
      @FlowVeeran 22 дня назад

      @@dereksiuau 😁

  • @ivqn
    @ivqn 25 дней назад

    Wow, nice video and beautiful website. It's so much easier to work when you have a lot of assets and when clients like to collaborate :)