Это видео недоступно.
Сожалеем об этом.

The Ultimate Flutter Web Scroll Animations

Поделиться
HTML-код
  • Опубликовано: 19 янв 2023
  • In this video we recreate an awesome scrolling effect using Flutter Web
    Checkout responsive builder: pub.dev/packages/responsive_b...
    Get the starting code: www.filledstacks.com/post/sta...
    ----
    Let's work together 👉 calendly.com/danemackier/1-on...

Комментарии • 80

  • @martinharris4416
    @martinharris4416 Год назад +31

    Nice to know you finally found your password 👍

    • @FilledStacks
      @FilledStacks  Год назад +11

      hahahaha, buuuuurrrn!! But I deserve it 😆 Thanks for watching

    • @ferferrara
      @ferferrara Год назад

      😂

  • @simfonijaco2975
    @simfonijaco2975 Год назад +3

    Vau - welcome back we hardly wait to learn again from you. I'm useing stacked architecture in all my projects for almost 4 years now and works like a charm 👌👍🥳

    • @FilledStacks
      @FilledStacks  Год назад +1

      That's so great to hear! I'm very happy to be back. Lets hope I can deliver more value than I ever have. I'm gonna try to make some cool videos for you guys.

  • @ferferrara
    @ferferrara Год назад +3

    The professor returns with masterclasses! 👏It is a pleasure to see, once again, how you make something looks simple when actually is not. Thanks Dane!

    • @FilledStacks
      @FilledStacks  Год назад +1

      Eyoooooooo!! Thanks Fernando, much appreciated 🙏

  • @linuxhopper6947
    @linuxhopper6947 Год назад

    Thanks! Good to see you are back!

    • @FilledStacks
      @FilledStacks  Год назад +1

      Thank you, and thanks for still being around. Some people has been unsubscribing since this new video 😂 so I really appreciate you being here.

  • @alvin3171997
    @alvin3171997 Год назад

    Been following ya for years, glad to know what happens with the startups and all that.
    Everyone can always learn a thing or two from founders 💯
    Let’s smash 2023

    • @FilledStacks
      @FilledStacks  Год назад +1

      That's so great to hear, thank you for leaving such a nice comment. Well definitely smash 2023 . I appreciate the motivation 💪

  • @lemomar
    @lemomar Год назад

    Glad to see you back!

  • @MahmoudNabeel
    @MahmoudNabeel Год назад +1

    Amazing buddy. Straight forward. Very knowledgeable.

    • @FilledStacks
      @FilledStacks  Год назад

      Thank you Mahmoud! I appreciate the comment!

  • @mawulijo
    @mawulijo Год назад +3

    Worth the wait for this weight

    • @FilledStacks
      @FilledStacks  Год назад +1

      You're too kind Joshua! Much appreciated. I will try my absolute best to not make you wait so long again haha.

  • @nipunshah1373
    @nipunshah1373 Год назад

    Just amazing !

    • @FilledStacks
      @FilledStacks  Год назад

      Thank you. I’m happy you enjoyed it. And thanks for leaving a comment.

  • @tek_stack
    @tek_stack Год назад

    The Master is back🔥

    • @FilledStacks
      @FilledStacks  Год назад

      I'll have to regain my title as the master! But I'm gonna try my best

  • @ishaqsaeed
    @ishaqsaeed Год назад

    Welcome back King 👑

    • @FilledStacks
      @FilledStacks  Год назад

      Thank you, Much appreciated! I'm happy to be back.

  • @md.ruhulamin7963
    @md.ruhulamin7963 Год назад +1

    Welcome back sir.

  • @deiv319x
    @deiv319x Год назад +1

    You’re baaaaack!!! 😍😍

    • @FilledStacks
      @FilledStacks  Год назад

      Yes yes yes!! Thanks for leaving a comment and watching.

  • @rajeshpandey751
    @rajeshpandey751 Год назад

    My man’s back in da game

    • @FilledStacks
      @FilledStacks  Год назад

      Lets goooooo! Back and ready to roll!

  • @attafriski5901
    @attafriski5901 Год назад +2

    wow you back!

    • @FilledStacks
      @FilledStacks  Год назад +1

      haha! Absolutely! I am back and back full time again 😉

  • @francescopasin1928
    @francescopasin1928 Год назад +3

    You are baaaackkkkkk

    • @FilledStacks
      @FilledStacks  Год назад +2

      You're still here! Thank you for staying subscribed. I'm back full time on FilledStacks 🤪

  • @zzzyyyxxx
    @zzzyyyxxx Год назад +3

    Nice to see you're back. Could you do a video or comment to explain maybe on what happened with your company and why you're back full time on FilledStacks on RUclips?
    Edit: just saw the text on the image haha. I've had a few startups as well, some successful and some not so successful. It's all about trying again until you hit that success, but every time trying to shorten the time and effort of that startup and trying to generate revenue immediately rather than building something huge first. As engineers we love building but that's not often conducive to running a viable business. I recommend reading Lean Startup which talks more about this.

    • @FilledStacks
      @FilledStacks  Год назад +4

      Hey heeey, that's not a bad idea. It might be something I put on my personal channel, if I ever create one lol. I appreciate your curiosity about my journey.
      In terms of what happened, I started a startup with a co-founder, built really cool product, that no-one wanted. we had built this two sided market place for a friend and then asked if we can take it fulltime. We then invested our own money, built, spoke to users, tried to get things moving but it never did. It also didn't help that the fundraising went very bad and that we had to spend out of pocket for almost 20 months.
      With all that said, I learned a bunch of stuff which I'll now be applying to FilledStacks as a company to make it more impactful.
      Thanks again for asking and I appreciate your advice. What you mention is exactly what I learned as well. We built soooooo many things it's ridiculous, actually crazy how much we built.
      We live we learn! My goal is to create a growing and sustainable business in FilledStacks. I'm taking this as an opportunity to really dig deep into RUclips, teaching, helping and open source work! I hope to see you around.

    • @zzzyyyxxx
      @zzzyyyxxx Год назад +1

      ​@@FilledStacks I think a video would be helpful on this main channel as well, since a lot of people are using Flutter for their startup since it makes making multiplatform apps much easier than other solutions, that's mainly why I use Flutter anyway.
      And 2 way marketplaces, yep they're a killer for sure, I made one too back in the day and learned exactly what you said. These days I've been making products within 1 month. Check out the 12 startups in 12 months challenge, it doesn't necessarily mean you need to finish all 12 but it forces us developers especially to stop overengineering stuff and to simply get stuff out there, launch, and generate revenue.

    • @FilledStacks
      @FilledStacks  Год назад +3

      @@zzzyyyxxx thanks for the tip. I'll definitely check it out and see if I want to tackle that challenge.
      In terms of the failure, Flutter had nothing to do with it. The product is so great technically, animations, graphics, etc. The business failed, and knowing that this is a coding channel talking about why the business failed on here doesn't make any sense.
      But I might sprinkle it in through all my new videos and kind of include something I learned from the failure.

  • @shehabmohamed5483
    @shehabmohamed5483 Год назад +1

    we miss you, man.

    • @FilledStacks
      @FilledStacks  Год назад

      Thank you, I missed creating videos. I'm happy to be back.

  • @devraphe
    @devraphe Год назад +1

    Lol I don’t even know what you are talking about😭, welcome back Dane 🥳. Hope we are not getting the next video from you Mid-Year?

    • @FilledStacks
      @FilledStacks  Год назад

      hahaha! No no, I'm back full time. I'll definitely try to release at least one more video before the middle of this year 😜

  • @ofentsephajane1532
    @ofentsephajane1532 8 месяцев назад

    Soon as i heard homie's voice I knew

  • @MrCazmo99
    @MrCazmo99 Год назад

    Maaaaaan! i miss your contents!

    • @FilledStacks
      @FilledStacks  Год назад +1

      I'm back now! Posting more content, I have some good stuff planned for the next few videos.

  • @francescopasin1928
    @francescopasin1928 Год назад

    I've just noticed the new stacked update. Since I'm starting right now a new flutter project I wanted to ask you if the slack channel is still active.

    • @FilledStacks
      @FilledStacks  Год назад +1

      Hey Hey, yes. It's still active with daily questions and answers. I'm active there throughout the entire day.
      join.slack.com/t/filledstacks/shared_invite/zt-1mmpc84as-g_3l8bLHkEFekRfXnr7MXQ

  • @lagit4strokesgained820
    @lagit4strokesgained820 Год назад +1

    Nice, well done. I tried this and it does work well. One issue though, how would you control the Stack / make it look decent when the screen size causes the stack to... well stack. Viewers on mobile would have a bad experience and the text would be unreadable when it stacks. How can this be adapted to work with web on mobile as well?

    • @FilledStacks
      @FilledStacks  Год назад +1

      We're using responsive sizing so vertically it should work fine. The heights are set to the screen height and the offsets are calculated using it as well.
      I would use the responsive builder to return values for specific screenTypes. There's a function called getValueForScreenType where it will return the supplied values based on if it's on mobile, desktop or tablet.
      So if it's stacking wrong. Figure out the values for it not to do that, then use those values for mobile.

    • @lagit4strokesgained820
      @lagit4strokesgained820 Год назад

      @@FilledStacks Thanks for the detailed reply. I'll play around and see if I can get it.

    • @lagit4strokesgained820
      @lagit4strokesgained820 Год назад

      @@FilledStacks Also, I've been playing around. I just don't see how the stack can work on mobile. Because once the view is made small enough, they cover each other, making it words over words. I think it needs to break out and be one above the other for a mobile view. 🤔

    • @FilledStacks
      @FilledStacks  Год назад +1

      @LagIt 4StrokesGained maybe, I'm working on a flutter web series now that will cover some responsive UI as well and a full course that dives super deep into the responsive UI.

  • @novysingh713
    @novysingh713 Год назад +1

    which package are you using for that

  • @erlangparasu6339
    @erlangparasu6339 Год назад

    Best

  • @dreamerslab
    @dreamerslab Год назад

    Finally....

    • @FilledStacks
      @FilledStacks  Год назад +1

      Yeeeaaaah! Happy to see you're here and watching.

  • @aymennurhussen3689
    @aymennurhussen3689 Год назад +2

    let's gooooooo 🎉 youtube is gonna be interesting once again

    • @ferferrara
      @ferferrara Год назад +2

      😆😆😆

    • @FilledStacks
      @FilledStacks  Год назад

      Haha, so much pressure 😅 thanks for watching Aymen. I Hope you're doing good.

    • @aymennurhussen3689
      @aymennurhussen3689 Год назад

      Doing great Dane I hope you are doing good too… Awesome content 🔥

    • @FilledStacks
      @FilledStacks  Год назад

      @@aymennurhussen3689 I am, thanks. Can't wait to make more!

  • @user-wr4yl7tx3w
    @user-wr4yl7tx3w Год назад

    Can you make more video with OpenAI and LangChain.

  • @vijayrockers3546
    @vijayrockers3546 Год назад +1

    Can we expect new videos from you?
    really missed your content

    • @FilledStacks
      @FilledStacks  Год назад +2

      Yes, I'm busy working on a new video this week 😊 gonna take a few to get back into my full tutorial videos.

    • @vijayrockers3546
      @vijayrockers3546 Год назад +1

      @@FilledStacks waiting 🥳

  • @PrashanthKumarDS-pl5jd
    @PrashanthKumarDS-pl5jd 8 месяцев назад

    Bro do the video of social media sharing feature in fluter web

    • @FilledStacks
      @FilledStacks  7 месяцев назад

      Yo, I don't know what that is.

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

    Is this used in Wonderous app?.
    Can this be used in Android?

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

      I don't think they use my package.
      Yes, this can be used on any platform.

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

      @@FilledStacks No, I meant similar behaviour I have seen there.

  • @faheemahmadofficial7701
    @faheemahmadofficial7701 Год назад

    Please make this whole ui and give us part 2

    • @FilledStacks
      @FilledStacks  Год назад

      Which parts are the most interesting. A lot of it is just normal scrolling as well.

    • @faheemahmadofficial7701
      @faheemahmadofficial7701 Год назад

      @@FilledStacks i am the ui that is being shown, it should be replicated in the Flutter, atleast 90 percent of it all, text images animation

    • @FilledStacks
      @FilledStacks  Год назад

      @@faheemahmadofficial7701 Most of it is just a normal scrolling website. It's not that interesting to build.

    • @lagit4strokesgained820
      @lagit4strokesgained820 Год назад

      @@FilledStacks It would be very cool if you could show how to do the words scrolling horizontally in the background behind the image on scroll, if you could. That would be appreciated.

    • @FilledStacks
      @FilledStacks  Год назад

      @@lagit4strokesgained820 I probably won't do that anytime soon, I have other things I want to teach, which hopefully gets everyone to be able to build anything they want to build.