Recreating AWWWARDS Winning Websites is Easier Than I Thought!

Hey! Thanks for watching my content. Here you learn how to recreate amazing looking websites in this fast-paced tutorial where we will recreate a slider using HTML, CSS and JavaScript ONLY! No dependencies, no frameworks, just pure self-written code. You'll not only learn how to code, but also how to split the work into smaller chunks and pick them up one by one using a thinking process that I use in my daily life as a programmer as well.
---
🔗 LINKS
💻 Final code: github.com/sjoerdvanBommel/th...
💻 SVG Wave generator: haikei.app/generators/
💻 Boba Ice Cream: www.bobaicecream.com/
💻 Site of the day Awwward for Boba: www.awwwards.com/sites/boba-i...
---
📫 CONTACT ME
3️⃣ GitHub: github.com/sjoerdvanBommel
3️⃣ Instagram: / threeveloper
3️⃣ Twitter: / threeveloper
3️⃣ LinkedIn: / sjoerd-van-bommel-8a23...
---
⏲ TIMESTAMPS
0:00 Boba Icecream website showcase
0:17 Initial development
0:57 Breaking it down into smaller challenges
1:08 Challenge 1: Layout & Slider navigation
4:06 Challenge 2: Smooth transitions
5:53 Challenge 3: Wobbly Bobbly Background Time
---
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/icosphere/glow
License code: X2SW5HAVNQQTJEIV

Пікірлер: 35

  • @aps69
    @aps69 Жыл бұрын

    Saw the thumbnail and went hyperplexed?

  • @threeveloper

    @threeveloper

    Жыл бұрын

    Definitely a big inspiration and he cleared something for me which I have already been doing for a long time but never realized :) The thumbnail was inspired by another KZreadr which I unfortunately forgot the name of though

  • @Argylleagen
    @Argylleagen8 ай бұрын

    This new wave of frontend designer is crazy skilled and I am blessed enough to view it in play. Hallelujah!

  • @threeveloper

    @threeveloper

    8 ай бұрын

    Thanks haha! 😄

  • @maylendesign
    @maylendesign8 ай бұрын

    "...and the wobbly bubbly background." 😂 Really nice video 👌✨ Thanks for sharing!!

  • @furkansmail2769
    @furkansmail276911 ай бұрын

    KZread is blessing all of us with creators like you, Hyperplexed and Juxtopposed lately. I am sure all of the aspiring web developers out there like me think of you as saviours. I Appreciate the effort and thoroughness of what you've done and doing. Helping me develop ideas for future portfolios and most importantly to inspire me to strive for more, and keep going no matter how hard it gets. Thank you and I wish you success in the future with whatever you have at hand!

  • @threeveloper

    @threeveloper

    11 ай бұрын

    Well, isn't that one of the nicest comments I have received so far 😄 Thanks, things like these are making it fun and worth it to create these videos 🙏 All the best!

  • @hamzazulfiqar7247
    @hamzazulfiqar724711 ай бұрын

    Woa... Man, just explain everything in this amount of time! 👏

  • @threeveloper

    @threeveloper

    11 ай бұрын

    😄 Thanks

  • @pedroleitao5102
    @pedroleitao5102 Жыл бұрын

    This is a great video! Great tutorial, the way you describe it visually and your thought process really helped me a lot. I just subscribed! :)

  • @threeveloper

    @threeveloper

    Жыл бұрын

    Awesome. I've been inspired by some other KZreadrs who share their thought process instead of only showing how to do it and I felt there should be more content like that 😄

  • @anshumantalukdar
    @anshumantalukdar11 ай бұрын

    subscribed. Waiting for more!!!

  • @Abc-hx5pk
    @Abc-hx5pk11 ай бұрын

    thank you 영어를 못해서 한국어로 남기지만 유튜브의 번역 기능을 믿습니다. 시청자의 원활한 이해를 위해서 코드를 부드럽고 단계적으로 설명해주는게 너무 좋은 영상이었습니다. 감사합니다. 너무너무 도움이 되었습나다, 앞으로의 새 영상도 기대하겠습니다😊😊😊 thank you!!!

  • @threeveloper

    @threeveloper

    11 ай бұрын

    KZread didn't translate it well, but Google Lens did 😄 Thanks, fun to read that someone all the way from South Korea is watching my videos! 🙏

  • @roadMapLearner
    @roadMapLearner Жыл бұрын

    I loved it. And I am subscribing. This is what I was looking for and I got it. PLease make more videos like this.

  • @threeveloper

    @threeveloper

    Жыл бұрын

    Awesome! Thanks 🙏

  • @nested9301
    @nested93014 ай бұрын

    Great job 😊😊

  • @threeveloper

    @threeveloper

    3 ай бұрын

    Thank you :)

  • @sumitraj6878
    @sumitraj6878 Жыл бұрын

    please make more videos like these!!!!!! can't thank you enough!!!!

  • @threeveloper

    @threeveloper

    Жыл бұрын

    Thanks a lot 🙏

  • @capnchill
    @capnchill Жыл бұрын

    bravo 👏👏, you earned a new subscriber. Keep up the good work

  • @threeveloper

    @threeveloper

    Жыл бұрын

    Thanks! 😄 Doing my best, glad that you're enjoying the content 🙏

  • @beinyourguard
    @beinyourguard Жыл бұрын

    pretty neat!

  • @mustafashahin88
    @mustafashahin88 Жыл бұрын

    Well done

  • @threeveloper

    @threeveloper

    Жыл бұрын

    🙏

  • @willsaid
    @willsaid Жыл бұрын

    Nice one, new suscriber! 🎉

  • @threeveloper

    @threeveloper

    Жыл бұрын

    Thanks Will! 🙏

  • @bishowpandey453
    @bishowpandey453 Жыл бұрын

    Great job 👏. Hope this comment helps in triggering the YT algo

  • @threeveloper

    @threeveloper

    Жыл бұрын

    Haha that's awesome, it's my best video statistically so far, which I'm happy about because I put a lot of time in it 😄

  • @Equilibrium543
    @Equilibrium543 Жыл бұрын

    Nice Tutorial

  • @threeveloper

    @threeveloper

    Жыл бұрын

    Thanks! Glad you liked it :)

  • @ryomensukuna9513
    @ryomensukuna9513 Жыл бұрын

  • @sumitraj6878
    @sumitraj6878 Жыл бұрын

    you are awesome!!!! subscribed++;

  • @iPanCHANNEL
    @iPanCHANNEL11 ай бұрын

    Wow... very great video btw, nice work

  • @threeveloper

    @threeveloper

    11 ай бұрын

    Thanks 🙏